您的位置：首页 > Web前端 > CSS

写给自己看的HTML、CSS、XHTML指南 五

2010-05-14 19:04 260 查看
上一章介绍了HTML中常用的几个元素！这一章将介绍HTML中的超链接部分。

在了解何为超链接之前？我们思考一个问题：一个网站不可能只是由一个页面组成吧？一个网站包含多个网页，那么如何建立页面到页面之间的跳转呢？超链接就是这样一种东西，它负责创建一个页面到另外一个页面的链接（途径）！

先看一段代码，在看完之后，再详细介绍超链接元素！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN"> 　　

<html>

<head>

<title>这是我的第三个网页</title>

</head>

<body>

<h1>什么是超链接元素？</h1>

<p>

我们知道，在全世界，存在很多家制作搜索引擎的科技创新公司，在国内，也有几家，如大家比较熟悉的<a href=”http://www.baidu.com“>百度</a>、<a href="http://www.sogou.com">搜狗</a>、<a href="http://www.soso.com">搜搜</a>等。

</p>

</body>

</html>

试着在浏览器中运行，仔细观察红色部分运行的结果。

前面，我们说过，一个元素有三部分组成：开始标记 + 内容 + 结束标记。

超链接元素（<a>元素）也是这样：<a href="http://www.soso.com"> 代表开始标记，“搜搜”代表着内容，而</a>代表着结束标记。

等等，你说一个元素有三部分组成，那<a href="http://www.soso.com">是什么意思？

喔，这个问题问的好，href="http://www.soso.com"为a元素的一个属性，并包含了一个值，其中href为属性，http://www.soso.com为属性的值。

那么属性是用来干嘛的呢？属性用来提供元素的附加信息，想象一下，如果你有一辆自行车，自行车的颜色为黑色，款式为：女士自行车。 如何在HTML中表示呢？

聪明的你，可能会猜到HTML中存在一个表示自行车的元素，通过添加属性来告知浏览器这辆自行车的型号和颜色，嗯，差不多是这样吧，但是必须注意的是：HTML中不存在自行车这个元素，有的只是一些已被固定好的元素，比如<a>元素、<p>元素、<title>元素等，元素也有固定好的属性，在本章，<a>元素有一个href属性。

href="http://www.soso.com"元素用来告诉浏览器，我用<a>元素创建一个链接，但是这个元素具体要链接到哪里呢？通过指定href属性。

这里我们告诉浏览器，我创建了一个链接，它告诉浏览器跳转到搜搜这个网页上(http://www.soso.com/)，还必须注意的一点是：<a>元素的内容在多数浏览器上呈现蓝色的，带下划线的可点击文本，但用户通过鼠标点击了内容之后，将会跳转到href属性指定的网页（网站）上。

我们必须记住：当一个元素使用了该元素的某个属性时，必须把属性值赋给属性。若指定了属性，而不给值，这是一种错误的做法。

通过这章的学习，相信大家对于<a>元素不会感到陌生了，多花点时间练习练习，你的制作网页的能力将更上一层楼！

下一章，我们介绍一下相对复杂的概念：相对路径、绝对路径。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航