8、HTML超链接与列表的使用

HTML超链接与列表的使用

1. 使用超链接与创建样式文档

在网页开发中，超链接是连接不同页面的重要元素。例如以下代码展示了两个超链接，分别指向 hockey.html 和 soccer.html 页面：

<a href="hockey.html" title="Link to hockey.html. The link opens in the same window"><img src="images/hockey.gif" width="150" height="35" title="hockey navigation"/></a>
<a href="soccer.html" title="Link to soccer.html. The link opens in the same window"><img src="images/soccer.gif" width="150" height="35" title="soccer navigation"/></a>

当网页规模增大时，在每个页面中嵌入样式元素会带来问题，修改样式会变得困难。例如，要改变所有页面上链接的颜色，可能需要修改多个页面。而CSS（层叠样式表）可以让开发者将格式与内容分离。

创建样式文档的步骤如下：
1. 创建一个包含网站所有规则的CSS文档。
2. 将HTML页面中的CSS代码剪切并粘贴到CSS文档中。
3. 通过 <head