一、 a标签利用锚点来跳转指定锚点处
1.定义锚点
用id定义
2.引入锚点
a标签的href属性
二、无序列表：
各列表项之间没有顺序
ul li是块级标签
1.语法：
列表容器
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
2.特性:
ul自带外间距
自带内间距（内容与盒子边框的距离）
宽度默认撑满父元素
高度由内容撑开
垂直布局，独立成行
自带列表符
去掉自带列表符：ul li设置都可以
list-style:none;
注意：ul的直系子元素只能是li
li里可以嵌套任何标签
3.- css属性
- list-style-type属性：列表符类型
-circle空心圆|disc实心圆，默认值|square实心正方形|none去掉列表符
4.*应用场景：新闻列表、导航、商品列表
三、有序列表：
各列表项有顺序（有排序）
ol li块级标签
1.语法：
列表容器
<ol>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ol>
特性与无序列表一样
2. start属性：开始值 写在<ol start="6"></ol>开始标签中
3.reversed属性：倒序 写在<ol reversed></ol>开始标签中
4.type属性（了解）
- `a`: 小写字母
- `A`: 大写字母
- `i`: 小写罗马数字
- `I`: 大写罗马数字
- `1`: 数字 默认值
四、 自定义列表
块级标签
1.语法：
<dl>
列表容器
<dt>词专业名</dt>
<dd>对专业名词的解释</dd>
</dl>
dl自定义列表、dt自定义列表项、dd自定义列表项的注释（描述）
在浏览器中，dd标签的内容会缩进显示
2.特性：
1.宽度默认撑满父元素
2.高度默认由内容撑开
3.独立成行
4.dl ，dd默认自带外间距
3. 典型应用
名词解释、分类（大分类-细节的类别）
五、语义化
1.什么是HTML语义化？
语义化是指用合理的HTML标记以及其特有的属性去格式化文档内容。（例如标题用h1-h6、段落用p标签、合理的给图片添加alt属性等）
用合适的标签去匹配合适的内容标题：h1-h6 p div span……
### 2.语义化的好处有哪些？
1.在没有css的情况下，页面也能呈现出很好的内容结构。
2.使代码更有【可读性】，便于团队开发和维护。
3.有利于SEO搜索引擎优化
4.有利于【用户体验】（例如：title、label 标签、alt属性的灵活运用）
六、html特殊字符
代码 效果 描述
< < 小于号或显示标记
> > 大于号或显示标记
& & 可用于显示其它特殊字符
® ® 已注册
© © 版权
™ ™ 商标
不断行的空白
¥ ￥ 人民币
七、表格语法
table上的属性：
border：边框
0 默认值 没有边框
1边框宽度
2
n
table：表格的容器
tr：行
th：表头单元格 默认水平垂直居中，文字加粗
td：普通单元格 默认水平居左
注意：
表格要写在table里，tr要写在table里，th td要写在tr中
八、表格的属性
1.table上的属性：
border：边框
0 默认值 没有边框
1 边框宽度
2
n
width：宽度 单位px 可省略
height：高度 单位px 可省略
cellpadding：内容与单元格之间的距离
cellspacing：单元格与单元格之间的距离 默认2px
borderColor：改变边框的颜色
2.th td属性：
width：宽度 单位px 可省略
height：高度 单位px 可省略
align：内容在单元格水平对齐方式
left：居左对齐
center：居中对齐
right：居右对齐
valign：内容在单元格垂直对齐方式
top：顶端对齐
middle：居中对齐
bottom：底部对齐
九、表格结构标签
1.表格的标题
默认水平居中、写在table下面
注意：只有在表格中有效
<caption>明星简介</caption>
<!-- 表格的头部 一个表格只能写一个 -->
<thead></thead>
<!-- 表格的主体 一个表格可以写多个 -->
<tbody><tbody>
<!-- 表格的底部（脚注） 一个表格只能写一个 -->
<tfoot></tfoot>
十、合并单元格
1.rowspan
作用：跨行合并
语法：<td rowspan="2">电话</td>
2.colspan
作用：跨列合并
语法：<td colspan="2">电话</td>
3.操作步骤
1.确定是合并行还是合并列
2.找到目标单元格，添加合并属性及合并单元格的数量如：<td rowspan="2">电话</td>
3.删除多余单元格
十一、表格的特性
1.未定宽度的表格、单元格适应内容（单元格的宽高由内容撑开）
2.同一行的单元格，高度只会识别一个，取高度最大值
3.同一列的单元格，宽度只会识别一个，取宽度最大值
4.表格可以包含其他HTML标签以及表格