到目前为止,你已经可以制作单一的网页,但是怎么使它们联系起来?
"Html"中的"H"和"T"表示的"hypetext",意思是超文本链接。
锚标签(a)定义一个链接,当然你要加在标签里面加入链接地址。
粘贴下面代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>My first web page</title>
</head>
<body>
<h1>My first web page</h1>
<h2>What this is</h2>
<p>A simple page put together using HTML</p>
<h2>Why this is</h2>
<p>To learn HTML</p>
<h2>Where to find the tutorial</h2>
<p><a href="http://www.htmldog.com">HTML Dog</a></p>
</body>
</html>
链接地址用href属性,链接地址可以是绝对的,比如“”,或是相对目录。
所以如果你现在有个“flyingmoss.htm”网页,代码可以写成<a href="flyingmoss.html">The miracle of moss in flight</a>。
一个链接可以连接任何网页,也可以连接网络上任何文件。
链接还可以连接网页里的一部分。你可以加id属性在任何标签,例如<h2 id="moss">Moss</h2>,然后链接的地方像这样 <a href="#moss">Go to moss</a>。点击这个链接网页就会滚动到标明id的元素。
a标签允许新窗口方式打开网页,这样听起来不错,用户可以不用离开本来网页就可以打开新网页。
然而有许多因素让你不这样做。
从可用性出发,这种方法打断了导航。因为使用最为频繁的导航工具就是浏览器的后退按钮。新打开一个窗口禁止了这项功能。
一份全面可用性指出,用户不喜欢突然新打开一个窗口,如果用户想打开一个新窗口,他们自己会打开。