HTML 中的“ML”是一种标记语言用于描述网页的结构,”HT”则是超文本(hypertext),web 的基础,有了它就能摆脱单个页面的束缚,链接到其他页面。
创建链接需要使用<a>元素,<a>元素用于创建指向另一个页面的链接,<a>元素的内容就是链接文本。在浏览器中链接文本会显示有下划线,指示这是可单击的。
首先将需要链接的文本放在元素中,像下面这样:
<a> elixirs</a>
有了链接文本后,需要增加一些 HTML 告诉浏览器这个链接指向哪里.
<a href=”elixir.html”>elixirs</a>
要通过 href 属性来指定链接的目标文件
对于这个链接来说,浏览器会显示文本“elixirs”,单击这个文本时,用户将被带往“elixir.html”页面。文字或图像都可以用作链接的标签。
利用属性可以指定一个元素的附加信息,属性的写法都是一样的,首先是属性名,后面是一个等于号,然后用双引号括起来的属性值。现在 HTML5已经支持定制数据属性。
需要注意的是 href 中需要相对路径,从包含这个链接的界面开始,沿着一条路径,经过一些文件夹直到找到你需要指向的那个文件。
已经知道路径后,需要将路径写成一种浏览器能理解的格式,比如
/** 链接到下一层文件夹 */
< a href=”beverages/elixir.html”>elixirs</a>
/** 链接到上一层文件夹 */
<a href=”../lounge.html”>
为网站选择的文件名和文件夹名中不要使用空格,最好在构建网址初期组织网站文件,这样就不用再网站升级时修改一大堆路径。