HTML初级教程链接_XHTML教程

教程Tag：暂无Tag,欢迎添加,赚取U币!

现在你已经创建了一个独立的网页，所有的都显得不错。使因特网显得非凡的，是因为它把所有东西都连接起来了。

HTML中的H和T代表HyperText，即超文本，表示着一个由连接文本所构成的系统。

锚标签a用来定义一个连接，但是还是需要为锚标签增添其他的东西──连接目标。

为你的代码增加以下东西：

示例代码 [www.mb5u.com]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>我的第一个网页</h1>
<h2>这是什么</h2>
<p>用HTML组合起来的简单网页</p>
<h2>目的</h2>
<p>学习HTML</p>
<h2>在哪里寻找教程</h2>
<p><a href="http://www.google.com">Google</a></p>
</body>
</html>

连接的目标用href属性来定义。连接可以是绝对的，比如http://www.htmldog.com，也可以是相对的，相对于当前页面来说。

所以，假设你有另外一个HTML文档“flyingmoss.html”，其中一行代码可以写成<a href="flyingmoss.html">The miracle of moss in flight</a> ，诸如此类。

连接不仅可以连接到其他的HTML文档，也可以连接到页面上的其他文件。

连接还可以转到页面的其他部分。你可以给几乎所有的标签增加id属性，比如<h2 id="moss">Moss</h2>，然后连接到它，像是这样做：<a href="#moss">Go to moss</a>，点击这个连接会直接滚动到带有这个id的元素。

注重

示例代码 [www.mb5u.com]

a标签答应你为连接打开新窗口，而不是取代当前窗口，初听起来似乎是一个不错的主意，因为它不会让用户离开你的页面。

但是，有很多理由证实，你不应该这样做。

从易用性的观点来看，这种方法破坏导航。最常用的导航工具是浏览器上的“后退”，打开新窗口使这个功能失去了作用。

更广泛地，还是从易用的观点来看，用户不需要到处都是弹出的新窗口。假如用户需要打开新窗口，他们有权利（是的，有权利。不要强行干涉别人意志，不是很好吗？在一般情况下，建议你尽量不要使用新窗口——译者注）让自己来控制。