一般来说,一个元素包括一个首标签(start tag)、零或多个属性(attribute)、一些内容和一个尾标签(end tag)。就这么简单, 参见下图。

在这一课,你将学习如何在网页之间做链接。
做链接也是通过元素(element)实现的。做链接只需一个元素和一个属性就行了。下面是一个例子,它是一个指向chinahtml.com的链接:
<a href="http://www.chinahtml.com/">这是一个指向chinahtml.com的链接</a>
该例在浏览器中将显示如下:
元素a代表“链接(anchor)”;属性href代表“超文本引用(hypertext reference)”,它用于指定链接指向何处——通常是一个因特网地址或者一个文件名。
在上例中,属性href的值为“http://www.chinahtml.com”,这是chinahtml.com网站的完整地址,也被称作URL(统一资源定位符)。注意,在URL里必须包含“http://”。“这是一个指向chinahtml.com的链接”是这个链接在浏览器中显示出来的文本。记得在元素结尾处写上</a>。
如果你要在同一网站的不同网页间做链接,那就不必拼写出网页的完整URL。举个例子,假如你有两个网页(比如说page1.htm和 page2.htm),而且它们被存放在同一个文件夹中,那么你在做链接的时候,只要写出文件名就行了。这样,page1.htm到page2.htm的链接将如下所示:
<a href="page2.htm">点击这里转到第2页</a>
如果page2.htm被放在下一级文件夹中(比如“subfolder”),那么链接将是这样:
<a href="subfolder/page2.htm">点击这里转到第2页</a>
反过来,从page2.htm(在下级文件夹中)到page1.htm的链接将是这样:
<a href="../page1.htm">转到第1页</a>
“../”代表当前位置(即该链接所在文件所处的文件夹)的上一级文件夹。同理,当前位置的上上级文件夹可用“../../”表示。
明白其中的规则了吗?当然,如果给出完整URL也行。
你也可以在一个网页的内部做链接——比如在网页开始处提供一个目录,在其中列出指向下面各章的链接。这可以通过使用id属性和“#”符号来实现。
用id属性标出要被指向的元素。例如:
<h1 id="heading1">标题1</h1>
然后通过在链接中利用“#”来指向那个元素。 “#”后面必须紧跟着一个id属性的值,表明链接指向该id属性被定义的地方。例如:
<a href="#heading1">转到标题1</a>
评论加载中…
![]() |