列表与超链接

无序列表

是网页中最常用的列表，之所以称为“无序列表”，是因为其各个列表项之间没有顺序级别之分，通常是并列的。
基本语法格式：

< 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的顺序书写，否则定义样式可能不起作用。