超链接实现书签
要实现书签，你就要了解，什么是锚（anchor）。锚（anchor）是引自于船只上的锚，锚被抛下后，船只就不容易飘走、迷路。实际上锚就是用于在单个页面内不同位置的跳转，有的地方叫做书签。涉及到的标签当然还是< a>标签,超级链接标签的name属性用于定义锚的名称，一个页面可以定义多个锚，通过超级链接的href属性可以根据name跳转到对应的锚。 如下实现跳转：
<a href="#跳转目的地名称">跳转起始字符</a> ... ... ... <a name="跳转目的地名称">跳转目的地字符</a>
下面我们就来具体的实现下：
<html> <head> <title>HTML</title> </head> <body style="font-size:20px"> <p style="text-align:center">网页书签</p> <p> <a href="#c1">网页一</a> </p> <p> <a href="#c2">网页二</a> </p> <p> <a href="#c3">网页三</a> </p> <p> <a href="#c4">网页四</a> </p> <p> <a href="#c5">网页五</a> </p> <h1><a name="c1"></a>网页链接一</h1> <p>内容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c2"></a>网页链接二</h1> <p>lalalaalalal</p> <p>内容</p> <p>lalalaalalal</p> <h1><a name="c3"></a>网页链接三</h1> <p>内容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c4"></a>网页链接四</h1> <p>内容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c5"></a>c网页链接五</h1> <p>lalalaalalal</p> <p>lalalaalalal</p> <p>内容</p> </body> </html>
点击实现跳转
下一节<html>
<head>
<title>HTML</title>
</head>
<body style="font-size:20px">
<p style="text-align:center">网页书签</p>
<p>
<a href="#c1">网页一</a>
</p>
<p>
<a href="#c2">网页二</a>
</p>
<p>
<a href="#c3">网页三</a>
</p>
<p>
<a href="#c4">网页四</a>
</p>
<p>
<a href="#c5">网页五</a>
</p>
<h1><a name="c1"></a>网页链接一</h1>
<p>内容</p>
<p>lalalaalalal</p>
<p>lalalaalalal</p>
<h1><a name="c2"></a>网页链接二</h1>
<p>lalalaalalal</p>
<p>内容</p>
<p>lalalaalalal</p>
<h1><a name="c3"></a>网页链接三</h1>
<p>内容</p>
<p>lalalaalalal</p>
<p>lalalaalalal</p>
<h1><a name="c4"></a>网页链接四</h1>
<p>内容</p>
<p>lalalaalalal</p>
<p>lalalaalalal</p>
<h1><a name="c5"></a>c网页链接五</h1>
<p>lalalaalalal</p>
<p>lalalaalalal</p>
<p>内容</p>
</body>
</html>
