精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站设计>html/xhtml教程>正文

七 链接 Links


来源: 时间:06-12-29 点击: 点击这里收藏本文

到目前为止,你已经可以制作单一的网页,但是怎么使它们联系起来?

"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标签允许新窗口方式打开网页,这样听起来不错,用户可以不用离开本来网页就可以打开新网页。

然而有许多因素让你不这样做。

从可用性出发,这种方法打断了导航。因为使用最为频繁的导航工具就是浏览器的后退按钮。新打开一个窗口禁止了这项功能。

一份全面可用性指出,用户不喜欢突然新打开一个窗口,如果用户想打开一个新窗口,他们自己会打开。


  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.