2.3 常用的HTML标记-超链接标记

       超链接是HTML语言的“超人”功能,它可以在文章段落间任意地链接,也可以链接到另外一台机器上的Web页面,还可以链接到文章的另一个段落或本机的另一Web文件上。它是如何做到这些的呢?就是使用超链接标记<a></a>。

2.3.1   链接至本机另一Web页面
       链接到本机上的Web页面很简单,只要把文件名和路径赋给href就可以了。
       语法格式:
       <a href="路径/filename.HTML">链接到filename</a>
       你将看到"链接到filename"会变色并加下底线出现在浏览器中,当鼠标移到上面时,箭头会变成小手,他表示在这儿用鼠标按一下,会链接到同一机器filename.HTML 文件上。例如:<a href=" F:\asp\2-2.HTML ">这里是"2-2.HTML"Web页</a>。在浏览器中我们单击这里是"2-2.HTML"Web页,浏览器将打开2-2.HTML文件。

2.3.2  链接到另外一台机器上的Web页面
       链接到另外一台机器上的Web页面也很简单,只要把目的地的URL地址赋给href就可以了。例如:想链接到“东方网景”的主页,可以写成:
       <a href="http://www.01on.com">这里是幻龙网络的主页</a>
       语法格式:
       <a href="URL">这里是某地方</a>
例:2-5.HTML,来看看是如何链接到其他计算机中的Web页上的。

XML/HTML代码
  1. <html>  
  2. <head>  
  3. <title> Web页面制作</title>  
  4. </head>  
  5. <body>  
  6. 例如:可以链接到本机的  
  7. <a href="F:\asp\2-2.HTML">"2-2.HTML"Web页</a>  
  8. <p>链接到另外一台机器上的Web页面也很简单,只要把目的地的URL地址赋给href就可以  
  9. 了。</p>  
  10. 例如,想链接到“幻龙网络”的主页,  
  11. <a href="http://www.01on.com">只要在这里点一下</a>即可。  
  12. </body>  
  13. </html>  
图2.5 建立两种不同的超链接

2.3.3 链接到同一文章的另一个段落
       除了链接到另一个HTML文件,也可以在一篇文章内随心所欲地链接。这和前面两种链接稍有不同,需要先做出一个“锚”标记,即链接的目标地,再做到“锚”的链接。例如:先在文章中选择“第一章”做“锚”标记,<A name="第一章">第一章</A>;再做到“锚”的链接<A href="#第一章">链接到第一章</A>。则“链接到第一章”会变色加上底线并链接到本文章中有标注<A name="第一章">第一章</A>的地方。
例:2-6.HTML,来看看是如何链接到同一Web页的其他段落的。

XML/HTML代码
  1. <html>  
  2. <head>  
  3. <title> Web页面制作</title>  
  4. </head>  
  5. <body>  
  6.       <a name="第一章">第一章</a>为“锚”标记。  
  7.       <p>除了链接到另一个HTML文件,也可以在一篇文章内随心所欲地链接。<br>  
  8.       这和前面两种稍有不同,需要先做出一个“锚”标记,即链接的目标地,<br>  
  9.       再做到“锚”的链接。到“锚”的链接与平常相同。</p>  
  10.       <p></p><p></p><p></p><hr>  
  11.       <a href="#第一章">从这里可链接到第一章</a>  
  12. </body>  
  13. </html>  

图2.6是2-6.HTML在浏览器里的显示结果。


图2.6 在同一个页面内建立链接
文章来自: 幻龙网络
引用通告地址: 太多垃圾评论了,暂时关闭引用通告
Tags:
分类:ASP技术 | 没有论评 | 引用: 0 |


发表评论