“文章页面内”链接的制作方法

（原    创）

“链接标签”也叫超链接标签，是一个很重要的标签，用代码制作网页，离不了链接标签。可以毫不夸张的说，是超级链接把整个互联网连接了起来。超链接几乎可以指向互联网上的任何资源，例如另外一个网页、一张图片、一首MP3歌曲、一段视频等等。在一个网页中，您只要点击一下页面中超链接的内容，就可以进入另一个网页。

这是链接标签：<a href="链接地址" target=_blank>内容</a>。这里的“链接地址”，就是我们要链接的网页的地址；target=_blank 这个代码的意思，是指在新窗口中打开链接网页；这里的“内容”，可以是文字，也可以是贴图标签。

外部链接的标签，几乎人人都会使用。但是，一个网页内部的链接呢？

有不少的时候，我们撰写的文章篇幅比较长，阅读到后面的内容的时候，又想返回去看看前面或者中间的内容，特别是别人阅读你的文章的时候，这种现象经常会发生，这就需要来回地拖动滚动条，是个非常麻烦的事情。如果我们在文章的开头、中间和末尾都设置上一个链接按钮（文字或者小图片），只要点击一下这个按钮，就可以到达文章中想再次浏览的位置了。

那么，文章页面内部的链接怎么制作呢？只要知其要领，想怎么制作，就怎么制作。

文章页面内部链接的制作要点是：

在文章的“代码编辑”页面中（也就是先打开文章页面，然后点击“修改按钮”，点击页面下方的“代码编辑”按钮，就进入文章的“代码编辑”页面了。），在“要链接的目标处”添加链接标签如：<a name="xxx"></a> ，在“要制作链接的地方”添加链接标签如：<a href="#xxx">点击到链接</a>。

这里的内容：“xxx”，可以任意替换。只要是在“要制作链接的地方”比“要链接的目标处”的内容多一个“#”符号就行了，“xxx”可以是字母，也可以是文字。而“点击到链接”也是可以替换的，可以替换文字内容，也可以替换为“贴图标签”。

欢庆此日成佳偶欢庆此日成佳偶

且喜今朝结良缘且喜今朝结良缘

下面我举个例子说明一下，如下面的这篇文章：

http://www.360doc.com/showweb/0/0/227614692.aspx#顶部

在这篇文章代码的顶部，我添加了链接标签：<a name="顶部"></a>；在这篇文章代码的底部，我添加了链接标签：<a href="#顶部">回到顶部</a>。在打开文章的页面底部，你会找到回到顶部 这四个文字，只要点击一下回到顶部 这四个文字，就会返回到这篇文章的顶部的。

在这篇文章的底部，我添加了链接标签<a name="bb"></a>；在这篇文章的顶部，我添加了链接标签<a href="#bb"><img alt="“春天没来”欢迎您" src="http://image52.360doc.com/DownloadImg/2012/03/1221/25057904_1.GIF" width="50" height="50"></a>，页面显示为小图片：

，只要点击这个小图片，就可到达这篇文章的底部。

在这篇文章的中部（5、“我的兴趣”处），我添加了链接标签<a name="跳转"></a> ；在这篇文章的底部，我添加了链接标签<a href="#跳转"> <IMG style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; WIDTH: 53px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 40px; BORDER-LEFT-WIDTH: 0px" title=春天没来 border=0 alt=春天没来 src="" target="_blank">http://image18.360doc.com/DownloadImg/2010/11/2609/7114791_78.jpg">

</a> ，页面显示为小图片：

，只要点击这个小图片，就可到达这篇文章的中部（“我的兴趣”处）。

————————————————————————————————————

代码注释：name（名字）

2012年8月1日于北京