第五章 列表与超链接

1、无序列表（ul）：各个列表项之间是并列关系

<li></li>标记嵌套在<ul></ul>标记中，每对<ul></ul>至少包含一对<li></li>。<ul><li>都具有type属性，用于指定列表项目符号。

type属性值：disc（●） circle（○） square（■）

注：<li></li>之间相当于一个容器，可以容纳所有的元素。但是<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标记中输入文字的做法是不被允许的。

2、有序列表（ol）：即为有排列顺序的列表。

每对<ol></ol>也至少包含一对<li></li>。

除type属性之外，还可以为<ol>定义start属性，为<li>定义value属性。

type属性的属性值：1（项目符号显示为数字1
2 3 ....默认）

a或A（a b c或A B C）

i或I；

start属性的属性值为数字（规定项目符号的起始值）

value属性的属性值为数字（规定项目符号的数字）

3、定义列表：用于对术语或名词进行解释和描述，与无序和有序列表不同，定义列表的列表项前没有任何项目符号。

<dl></dl>标记用于指定定义列表，<dt></dt>（指定术语名词）和<dd></dd>（对名词进行解释和描述）并列嵌套于<dl></dl>中。

一对<dl></dl>可以对应多对<dt><dd>.

4、list-style复合属性

list-style:列表项目符号 列表项目符号的位置 列表项目图像

在实际网页制作过程中，为了更高效地控制列表项目符号，通过将list-style的属性值定义为none，然后通过<li>设置背景图像的方式实现不同的列表项目符号。

5、超链接标记<a>

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

<a> 标记是一个行内标记，用于定义超链接。

target：用于指定链接页面的打开方式，_self为默认值，在原窗口打开。_blank为在新窗口打开。

注：暂时没有确定的链接目标是，通常将<a>标记的href属性值定义为"#"，表示该链接暂时为一个空链接。

6、清除超链接图像的边框

<a href="#" ><img src="图像路径" border="0"/></a>

7、链接伪类

a:link{} 未访问时的超链接的状态

a:visited{} 访问后超链接的状态

a:hover{} 鼠标经过，悬停时超链接的状态

a:active{} 鼠标单击不动时超链接的状态

8、锚点链接

<a href="#id名">链接文本</a>创建链接文本，其中href="#id名"用于指定链接目标的id名。

（1）使用<a href="#id名">链接文本</a>创建链接文本

（2）使用相应的id 名称标注跳转目标的位置。