《Head First HTML与CSS》笔记 ——2 深入了解超文本

前情提要

第1章我们简单认识了HTML，知道它是一种不错的标记语言（ML），用来描述网页的结构。现在我们再来了解HTML中的“HT”，即超文本（hypertext），有了它，我们就能摆脱单个页面的束缚了。

改良Head First 休闲室

我们已经设计了Head First休闲室，下面我们为顾客提供一些具体的路线说明，让他们能够找到我们的休闲室。

创建这个全新的改良版休闲室需要3步：

1. 创建"directions.html", "elixir.html"两个html文件（书中源代码文件已有，可在http://wickedlysmart.com/hfhtmlcss下载）。
2. 编辑Head First休闲室的HTML内容，加入连接到"directions.html", "elixir.html"所需的HTML。
3. 测试页面。

添加链接的方法：在需要添加链接的文本两头增加<a>标签，如下图：

其中，<a>标签的href属性，用来指定链接的目标文件。当浏览器遇到<a>标签时，会读取该标签的内容，把它显示为一个可点击的链接。

了解属性

利用属性（Attribute），可以指定一个元素的附加信息。尽管我们还没有详细分析属性，不过我们已经见过属性的几个例子：

比如<car>是一个元素，<car>My Red Mini</car>是该元素的一个标记。不过这个元素只能提供一个描述性车名，它没有告诉我们汽车的品牌，型号，以及我们可能想知道的其他细节。我们可以像下面这样使用属性来定制这个元素：
<car make="Mini" model="Cooper" convertible="no">My Red Mini</car>

• Web浏览器只认识每个元素的一组预定义的属性，如果输入了一个新属性，浏览器就不知道怎么处理了，所以使用的属性，应该是浏览器支持的。
• 谁来决定”支持“哪些属性：一些标准委员会专门考虑HTML的元素和属性，如W3C。
• 如果把一个<img>元素放在<a>标记之间，这个图像就会像文本一样可单击，所以图像也可以作为链接。
• 尽量使用相对路径，这样可以减少错误发生。

总结