HTML与CSS学习笔记（第四天）

<a>元素用于创建指向另一个Web页面的超文本链接，<a>元素的内容就是链接文本。要通过href属性来指定链接的目标文件，可以链接到相同文件夹中的文件，也可以链接到其他文件夹中的文件。此外，文字或图像都可以用作链接的标签。
下面分析触发链接时浏览器的工作原理：
首先浏览器显示页面，如果遇到一个<a>元素，则会取这个元素的内容，把它显示为一个可单击的链接：链接文本会显示有下划线；
接着用户单击一个链接时，浏览器使用“href”属性来确定这个链接指向哪个页面。
例如：
单击elixirs，浏览器链接至新页面：

单击detailed direcions，浏览器链接至另外一个新页面：

单击底部的Back to the Lounge回到初始页面。
链接至不同文件夹：

现在链接的目的HTML文件在顶级文件夹lounge的不同子文件夹内；
先讨论下行方向链接：

再分析上行方向链接：


Tips：
1、使用“…”可以链接到源文件上一层文件夹中的一个文件；如果你想上行两级文件夹，可以输入“…/…”。
2、用“/”字符分隔路径中的各个部分。
3、为网站选择的文件名和文件夹名中不要使用空格。
4、属性的写法：属性名+等于号+双引号括起来的属性值。
5、href：h+ref，超文本引用（hypertextreference），它可以指向各种各样的资源。