第6章列表和超链接《HTML5+CSS3网页设计与制作（第2版）》
学习目标/Target掌握用链接伪类控制超链接的方法，能够设置不同的链接显示效果掌握使用CSS控制列表样式的方法，能够设置不同样式的列表掌握超链接标签的使用，能够使用超链接标签设置网页元素掌握无序列表、有序列表及定义列表的使用，可以制作常见的网页模块
章节概述/Summary一个网站由多个网页构成，每个网页中都包含大量信息，将这些信息以列表的形式呈现，可以使信息排列有序、条理清晰。将多个网页以超链接关联，能够实现网页间的跳转。列表和超链接是网站建设的重点内容，本章将对列表和超链接的相关知识进行详细讲解。
目录/Contents010203列表标签CSS列表样式属性超链接标签04用链接伪类控制超链接05阶段案例——制作新闻列表
列表标签6.1
6.1列表标签什么是列表标签？
6.1列表标签列表标签是网页结构中最常用的标签，按照结构划分，网页中的列表通常分为3类，分别是无序列表、有序列表和定义列表。
6.1.1无序列表无序列表是一种不分排列顺序的列表，各个列表项之间没有先后顺序之分。无序列表使用ul标签和li标签定义。定义无序列表的基本语法格式如下。ulli列表项1/lili列表项2/lili列表项3/li……/ulul标签用于定义无序列表。li标签嵌套在ul标签中，用于描述具体的列表项，每个ul标签中至少应包含一个li标签。
6.1.1无序列表ul标签和li标签都拥有type属性，用于指定列表的项目符号。type属性的值不同，呈现的项目符号也不同。type属性的值显示效果disc（默认值）●circle○square■
6.1.1无序列表不建议使用无序列表的type属性，一般使用对应的CSS样式属性代替。ul标签中建议只嵌套li标签，不建议直接在ul标签中输入文字。
6.1.2有序列表有序列表是一种强调排列顺序的列表，用于按照特定的顺序展示列表项。有序列表使用ol标签和li标签定义。定义有序列表的基本语法格式如下。olli列表项1/lili列表项2/lili列表项3/li……/olol标签用于定义有序列表。li标签用于描述具体的列表项。和无序列表类似，每个ol标签中也至少应包含一个li标签。
6.1.2有序列表在有序列表中，除了type属性，还可以为ol标签定义start属性、为li标签定义value属性。属性属性值描述type1（默认）项目符号显示为数字，如1、2a或A项目符号显示为英文字母，如a、b或A、Bi或I项目符号显示为罗马数字，如i、ii或I、IIstart任意数字规定项目符号的初始数字value任意数字规定项目符号的数字
6.1.2有序列表不建议使用ol标签、li标签的type属性、start属性和value属性，最好使用对应的CSS样式代替。
6.1.3定义列表定义列表常用于对名词进行解释和描述，与无序列表和有序列表不同，定义列表的列表项前没有任何项目符号。定义列表使用dl标签、dt标签、dd标签定义，其基本语法格式如下。dldt名词1/dtdddd是名词1的描述信息1/dddddd是名词1的描述信息2/dd……dt名词2/dtdddd是名词2的描述信息1/dddddd是名词2的描述信息2/dd……/dldl标签用于指定定义列表。dt标签和dd标签并列嵌套于dl标签中。其中，dt标签用于指定名词，dd标签用于对名词进行解释和描述。一个dt标签可以对应多个dd标签，即可以对一个名词进行多项解释。
6.1.3定义列表值得一提的是，在网页设计中，定义列表常用于实现图文混排效果。例如，在dt标签中插入图片，在dd标签中添加对图片的解释说明文字。下面的艺术设计模块就是通过定义列表实现的。
6.1.3定义列表dl、dt、dd3个标签之间不允许出现其他标签。dl标签必须与dt标签相邻。
6.1.4列表的嵌套在使用列表时，列表项中也有可能包含若干子列表项，而要想在列表项中定义子列表项，就需要将列表进行嵌套。列表嵌套十分简单，只需将子列表嵌套在上一级列表的列表项中。例如，将无序列表和有序列表进行嵌套。ulli咖啡ol!--有序列表的嵌套--li拿铁/lili摩卡/li/ol/lili茶ul!--无序列表的嵌套--li碧螺春/li