HTML 超级链接详细讲解

2019-01-14 12:43:49王旭

代码4.19  超级链接的设置:a.htm

<html>

<head>

  <title>超级链接的设置</title>

</head>

<body>

<font size="5">

<a href="ul_ol.htm" target="_blank" title="读者你好,现在你看到的是提示文字,单击本链接可以新开窗口跳转到ul_ol.htm页面。">进入列表的设置页面</a>

</font>

</body>

</html>

在浏览器地址栏输入http://localhost/a.htm,浏览效果如图4.20所示。

图4.20  超级链接的提示文字

 4.5.4  什么是锚(anchor)

很多网页文章的内容比较多,导致页面很长,浏览者需要不断地拖动浏览器的滚动条才能找到需要的内容。超级链接的锚功能可以解决这个问题,锚(anchor)是引自于船只上的锚,锚被抛下后,船只就不容易飘走、迷路。实际上锚就是用于在单个页面内不同位置的跳转,有的地方叫做书签。

超级链接标签的name属性用于定义锚的名称,一个页面可以定义多个锚,通过超级链接的href属性可以根据name跳转到对应的锚。在D:web目录下创建网页文件,命名为a_anchor.htm,编写代码如代码4.20所示。

代码4.20  超级链接的锚:a_anchor.htm

<html>

<head>

  <title>超级链接的设置</title>

</head>

<body>

<font size="5">

<a name="top">这里是顶部的锚</a><br />

<a href="#1">第1任</a><br />

<a href="#2">第2任</a><br />

<a href="#3">第3任</a><br />

<a href="#4">第4任</a><br />

<a href="#5">第5任</a><br />

<a href="#6">第6任</a><br />

<h2>美国历任总统</h2>

●第1任(1789-1797)<a name="1">这里是第1任的锚</a><br />

姓名:乔治·华盛顿<br />

George Washington<br />

生卒:1732-1799<br />

政党::联邦<br />

●第2任(1797-1801)<a name="2">这里是第2任的锚</a><br />

姓名:约翰·亚当斯<br />

John Adams<br />

生卒:1735-1826<br />

政党::联邦<br />

●第3任(1801-1809)<a name="3">这里是第3任的锚</a><br />

姓名:托马斯·杰斐逊<br />

Thomas Jefferson<br />

生卒:1743-1826<br />

政党::民共<br />

●第4任(1809-1817)<a name="4">这里是第4任的锚</a><br />