《Head First HTML&CSS》学习笔记 第二章：深入了解超文本

第二章 深入了解超文本——认识HTML中的“HT”

章节总结

• 想从一个页面链接到另一个页面时，要使用<a>元素。
• <a>元素的href属性指定了链接的目标文件。
• <a>元素的内容是链接的标签。这个标签就是你在网页上看到的链接文本。默认地，这个标签会有下划线，指示这是可以单击的。
• 文字或图像都可以用作链接的标签。
• 单击一个链接时，浏览器会加载href属性中指定的Web页面。
• 可以链接到相同文件夹中的文件，也可以链接到其他文件夹中的文件。
• 相对路径是相对于链接的源Web页面指向网站中其他文件的一个链接。就像在地图上一样，终点总是相对于起点。
• 使用“..”可以链接到源文件上一层文件夹中的一个文件。
• “..”表示“父文件夹”。
• 记住要用“/”（斜线）字符分隔路径中的各个部分。
• 指向一个图像的路径不正确时,会在Web页面上看到一个损坏的图像。
• 为网站选择的文件名和文件夹名中不要使用空格。
• 最好在构建网站初期组织网站文件，这样就不用在网站升级时修改一大堆的路径了。
• 组织网站有很多方法，具体如何组织由你决定。

我的体会

• href的含义是“超文本引用”（hypertext reference），从名字上就可以很好地了解到它发挥的作用。
• 使用<a href="路径/xxx.html" > xxx </a> 可以实现在网页中插入可单击的链接。

【注】在< a href= " 路径/xxx.html " > 里面，千万不要忘记为双引号配对！

• 对于路径的选择，可以参照离散数学中树的节点来判断：

如何从一个节点更快地走到另一个节点？
只需要找到两个节点共有的祖先节点（不一定是父节点），再从此节点“顺藤摸瓜”即可。

• 如下图，C1与B2的共有祖先节点为根节点A，则从C1->B1->A->B2即可；
  即：<a href="../../B2/b2.html"> There is B2! </a>
• 又如C3与C4的共有祖先节点为父节点B3，则只需要从C3->B3->C4即可。
  即：<a href="../C4/c4.html"> There is C4! </a>
  

• 利用属性，可以指定一个元素的附加信息。
• 属性的写法都是一样的，即：

属性名 = “属性值（引用的web地址或是图片地址）”
例如： href="Myweb.html"
【注意】在文件以及文件名中不要使用空格制符！