目录
1、HTML 文档的结构
<!DOCTYPE html> # 声明此文档为HTML文档
<html lang="zh-CN"> # 此文档的开始标记。内部分文档头head 和正文body两部分
<head> # 文档头的开始标记。内部放(文档设置参数的)标签，文档头内部的内容不会显示
<meta charset="UTF-8">
<title>css样式优先级</title>
</head> # 文档头的结束标记
<body> # 文档正文的开始标记，内部放(设置文档正文d的格式的)标签
</body> # 文档正文的结束标记
</html> # 此文档的结束标记2、HTML 标签分类
HTML标签是一对尖括号和其内部的关键字组成，通常应该有两个属性，唯一的id和可继承的class
2.1、按结构形式分单标签和双标签
单标签如
双标签如 、
2.2、按显示样式分块级标签和行内标签
块级标签：独占一行，如h1~h6、p、br、hr、div等标签，其中p标签是特例(不能包含块级标签和p标签)
行内标签：内部文本多大就占多大，如a、img、s、b、u、i、span
3、HTML常用标签
3.1、head内常用标签
meta标签：指定元信息，如编码类型、跳转网址、渲染模式等
title标签：定义网页标题
style标签：定义正文内部的对应内容的样式
script标签：定义JS代码或引入外部JS文件
link标签：引入外部样式文件或网站图标
3.2、body内常用标签
b 加粗； i 斜体； u 下划线； s 删除；
p 段落标签；
h1—h6 标题级别(设置1—6级标题)
br 换行
hr 水平线（分割）
3.3、常用标签举例
div标签：用来定义一个块级元素，并无实际的意义
span 标签：用来定义内联(行内)元素，并无实际的意义
块级元素与行内元素的区别：
块元素是以另起一行开始渲染的元素，行内元素则不需另起一行。如果单独在网页中插入这两个元素，不会对页面产生任何的影响。
这两个元素是专门为定义CSS样式而生的。
img标签
<img src="图片的路径" alt="图片未加载成功时的提示" title="鼠标悬浮时提示信息" width="宽" height="高(宽高两个属性只用一个会自动等比缩放)">a 标签：超链接标签
所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。
<a href="http://www.oldboyedu.com" target="_blank" >点击跳转</a>href属性：指定目标网页地址。该地址可以有几种类型：
绝对URL - 指向另一个站点（比如 href="http://www.jd.com）
相对URL - 指当前站点中确切的路径（href="index.htm"）
锚URL - 指向页面中的锚（href="#top"）
target属性：
- _blank表示在新标签页中打开目标网页
- _self表示在当前标签页中打开目标网页
列表标签：
1、无序列表：
<ul type="disc">
<li>第一项</li>
<li>第二项</li>
</ul>type属性：
- disc（实心圆点，默认值）
- circle（空心圆圈）
- square（实心方块）
- none（无样式）
2、有序列表
<ol type="1" start="2">
<li>第一项</li>
<li>第二项</li>
</ol>type属性：
- 1 数字列表，默认值
- A 大写字母
- a 小写字母
- Ⅰ大写罗马
- ⅰ小写罗马
3、标题列表
<dl>
<dt>标题1</dt>
<dd>内容1</dd>
<dt>标题2</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>表格：
表格一般用于展示数据
表格的基本结构：
<body>
<table>
<thead>
<tr>
<th>名次</th>
<th>姓名</th>
<th>班级</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>allen</td>
<td>三2班</td>
</tr>
<tr>
<td>2</td>
<td>Tom</td>
<td>三1班</td>
</tr>
</tbody>
</table>
</body> 属性:
- border: 表格边框.
- cellpadding: 内边距
- cellspacing: 外边距.
- width: 像素 百分比.（最好通过css来设置长宽）
- rowspan: 单元格竖跨多少行
- colspan: 单元格横跨多少列（即合并单元格）