HTML超链接标记5.2.2锚点链接.pptx

5.2.2锚点链接锚点链接又称为书签链接。锚点链接中，链接到的目标是网页中指定的位置。锚点链接可以链接到同一页面的指定位置，也可以链接到不同页面的指定位置。锚点链接通常用于在内容比较庞大繁琐的网页内实现快速定位。使用锚点链接需要先在网页内建立锚点，再用超链接标记a的href属性设置超链接的目标锚点。

5.2.2锚点链接1.创建锚点超链接标记a中用name属性或者id属性创建锚点，语法格式如下。也可以直接在目标位置的元素标记中创建锚点，语法格式如下。aname=锚点名称目标位置元素/a或者aid=锚点名称目标位置元素/a标记id=锚点名称目标位置元素

5.2.2锚点链接2.设置锚点链接从起始元素超链接到锚点，要设置起始元素的href属性值。如果锚点在同一网页，则href属性值为“#锚点名称”，如果链接到不同文件的锚点，则href属性值要为“目标文件#锚点名称”。设置超链接到锚点的语法格式如下。ahref=目标文件#锚点名称起始元素/a或者ahref=#锚点名称起始元素/a

5.2.2锚点链接例5-2锚点链接示例。示例代码（5-2.html）如下。bodyh1目录/h1ahref=#c1第一章/anbsp;nbsp;ahref=#c2第二章/anbsp;nbsp;ahref=#c3第三章/anbsp;nbsp;ahref=#c4第四章/anbsp;nbsp;ahref=#c5第五章/abrahref=#c6第六章/anbsp;nbsp;ahref=#c7第七章/anbsp;nbsp;ahref=#c8第八章/anbsp;nbsp;ahref=#c9第九章/anbsp;nbsp;ahref=#c10第十章/ah1正文/h1h2aname=c1第一章/a/h2p杭州，......之一。/ph2aname=c2第二章/a/h2p杭州......迅速。/pp杭州......代表。/ph2id=c3第三章/h2p2018年......称号。/p...........其余章节文字省略..........h2id=c10第十章/h2p杭州......中心。/p/body

5.2.2锚点链接浏览器中网页显示效果如图5.2所示。单击目录中的章节标题，会将链接的锚点位置处的内容显示在浏览器窗口中。