无序列表
是网页中最常用的列表，之所以称为“无序列表”，是因为其各个列表项之间没有顺序级别之分，通常是并列的。
基本语法格式：
< ul>
< li>列表项1< /li>
< li>列表项2< /li>
< li>列表项3< /li>
...
</ul>
不赞成用无序表的type属性,一般通过CSS样式属性替代。
< li>与< /li>之间相当于一个容器，可以容纳所有的元素。但是< ul> < /ul>中只能嵌套 < li>< /li>，直接在< ul> < /ul>标记中输入文字的做法是不被允许的。
有序列表ol
有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列。
< ol>
< li>列表项1< /li>
< li>列表项2< /li>
< li>列表项3< /li>
...
</ol>
定义列表dl
定义列表常用于对于术语或名词进行解释和描述，与无序和有序列表不同，定义列表的列表项前没有任何项目符号。
< dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
...
</dl>
list-style-type属性
使用列表时，经常需要定义列表的项目符号。在CSS中，list-style-type属性用于控制无效和有序列表的项目符号，其取值有多种，它们的显示效果不同。
因为各个浏览器对list-style-type属性的解析不同。因此，在实际网页制作过程中不推荐使用list-style-type属性。
list-style-image属性
其取值为图像的url（地址）。使用 list-style-image属性可以为各个列表项设置项目图像，使列表的样式更加美观。
list-style-position属性
inside：列表项目符号位于列表文本以内。
outside：列表项目符号位于列表文本以外（默认值）。
list-style属性
在CSS中列表样式也是一个复合属性，可以将列表相关的样式都综合定义在一个复合属性list-style中。
基本语法格式：
list-style：列表项目符号 列表项目符号的位置 列表项目图像；
使用复合属性list-style时，通常按上面语法格式中的顺序书写，各个样式之间以空格隔开，不需要的样式可以省略。
所示
在实际网页制作过程中,为了更高效地控制列表项目符号,通常将list- style的属性值定义为none,
然后通过为< li>设置背景图像的方式实现不同的列表项目符
号。
创建超链接
用< a>< /a>标记环绕需要被连接的对象。
基本语法格式：
<a herf="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
< a>标记是一个行内标记，用于定义超链接，href和target为其常用属性，
（1）href：用于指定链接目标的url地址，当为< a>标记应用href属性时，它就具有了超链接的功能。
（2）target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，意为在原窗口打开，_blank为在新窗口中打开。
锚点链接
1.通过创建锚点链接，用户能够快速定位到目标内容。
2.创建锚点链接分为两步：
（1）使用“< a herf="#id 名">链接文本< /a>” 创建链接文本。
（2）使用相应的id 名称注跳转目标的位置。
链接伪类控制超链接
在CSS中，通过链接伪类可以实现不同的链接状态。
所谓伪类并不是真正意义上的类，它的名称是有系统定义的，通常由标记名、类名或id名加“：”构成。
超链接标记< a>的伪类：
| 超链接标记< a>的伪类 | 含义 |
|---|---|
| a:link{CSS样式规则；} | 未访问时超链接的状态 |
| a:visited{CSS样式规则；} | 访问后超链接的状态 |
| a:hover{CSS样式规则；} | 鼠标经过、悬停时超链接的状态 |
| a:active{CSS样式规则；} | 鼠标点击不动时超链接时的状态 |
同时使用链接的4种伪类时，通常按照 a:link、a:visited、a:hover、 a:active的顺序书写，否则定义样式可能不起作用。
来源：CSDN
作者：软4王志华
链接：https://blog.csdn.net/weixin_45729175/article/details/103645160