HTML学习笔记Day1
一、网站建设流程
1.注册域名(网址)
2.租用空间(服务器)
3.网站建设
(1)确定网站主题(项目)
(2)搜集材料(项目)
(3)规划网站(UI)
(4)制作页面(前端--后端)
4.网络推广
5.网站维护(与UI、前端、后台、测试都相关)
二、Web的构成
1.结构:XHTML、XML、HTML5(W3C规定了表现标准)
2.表现:CSS渲染(W3C规定了表现标准)
3.行为:DOM,BOM,ECMAScript(欧洲计算机制造商协会,规定了行为标准)
三、HTML5基础
1.HTML是超文本标记语言(Hyper Text Markup Language)(语义)
2.1999年(W3C)html4.01出现分歧:
1) XHTML:语法更为严谨;
2) HTML5:功能增加,更贴近市场;
2008年HTML5、XHTML2.0合并,并在2014年得到推广。
3.HTML5结构:
<!DOCTYPE html><!--声明文档类型-->
<html lang="en"><!--当前文档显示语言-->
<head>
<meta charset="UTF-8"><!--设置字符编码格式-->
<title>Document</title><!--页面标题-->
</head>
<body>
</body>
</html>
4.HTML语法:
常规类标记语法:<标记名 属性=“属性值”></标记>
单标记语法:<标记名 属性=“属性值”>
5.标记元素:
<h1></h1>一级标题
<sup></sup>上标记
<sub></sub>下标记
<p></p>段落,表示一段叙述性文本
字符实体:
 ;空格 >;右尖角号 <;左尖角号 ©;备案图标版权
列表:
无序列表
<ul>
<li></li>
</ul>
有序列表
<ol>
<li></li>
</ol>
自定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>
<a href="相对路径"></a>超链接 属性:target;属性值:_self默认值;_blank在新窗口打开目标路径;属性:title(代表提示信息特指超链接中)
<img src="相对路径及全称" alt=“文本替换图片”>插入图片 属性:title(图片的名称提示信息)
6.表格
1)表格的作用:显示数据
2)表格内属性:
width:宽度
height:高度
bgcolor:背景颜色
cellspacing:每个单元格之间的间距
cellpadding:内容距离单元格之间的间距
align:水平居中
3)表格中单元格的合并:合并行rowspan=“”;和并列colspan=“”;
4)表格内若无内容,要加 占格。