一、HTML骨架结构
<!DOCTYPE html> //声明文档类型
<html> //页面根元素
<head> //网页配置
<meta charset="utf-8"> //定义网页编码格式
<meta http-equiv="X-UA-Compatible" content="IE=edge"> //网页的兼容性模式,以最高版本IE渲染页面
<title></title> //定义文档标题
<link rel="stylesheet" href=""> //引入css静态资源
</head>
<body> //定义文档主体
</body>
</html>
二、HTML标签
1.标题标签:h1-h6
注意:只对每个页面使用一次h1;保证每个页面中标题级别的使用不超过三个;
2.段落标签:p
注意:只能放文本、图片、表单元素(三者都为流元素)
3.链接标签:a
标签属性: target="_blank”(打开新窗口); href="#tips"(页内锚点)
4.图片标签:img
标签属性: alt="替换文本“ (图片不存在时显示)
5.无序列表:ul li
注意:组标签,只能成组出现,不能单独出现ul或li,ul不能嵌套其他标签
6.有序列表:ol li
注意:组标签,只能成组出现,不能单独出现ol或li,ol不能嵌套其他标签,浏览器会自动增加阿拉伯序号
7.定义列表:dl dt dd
注意:组标签,只能成组出现,不能单独出现dl或dt/dd,dl不能嵌套其他标签,一个dt可以匹配多个dd,dd可以描述多个dt
8.表格标签:table、thead、tbody、tr、th、td
标签属性:【table】cellspacing=“2”(单元格与单元格的距离);cellpadding=‘’2‘’(内容距边框的距离);
【td】colspan=‘’2‘’(合并同一行的单元格);rowspan=“2”(合并同一列的单元格)
9.表单标签:form、input、select、option、textarea、label
标签属性:【input】type=‘’text‘’(表单控件类型-submit-reset-radio-password-hidden-file-checkbox-button)
注意:单选框互斥,必须有相同的name属性;label用于绑定与input的关系,实现点击文字光标自动到相应的控件框中。
10.文本格式化标签:b、em、i、pre、strong等
标签含义:b(粗体文本)、em(强调文本)、i(斜体文本)、pre(预格式化文本,代码格式),strong(重要文本)
11.实体字符:<、>、©、 
字符含义:<(<)、>(>)、©(©)、 (空格)
12.文本标签:span
注意:只能放置文字、图片、表单元素
13.盒子标签:div
注意:是一个容器级标签,可以放置所有东西