网页设计

作者:张玲凤
日期:2012/11/14 14:03:12

书签链接

    链接文档中的特定位置也叫书签链接,在浏览页面时如果页面很长,要不断的拖动滚动条给浏览带来不便,要是浏览者可以从上头阅读到尾,又可以选择自己感兴趣的部分阅读,这种效果就可以通过书签链接来实现,方法是选者一个目标定位点,用来创建一个定位标记,用<a>标签的属性name的值来确定定位标记名 <a name="定位标记名"> 。然后在网页的任何地方建立对这个目标标记的链接"标题",在标题上建立的链接地址的名字要和定位标记名相同,前面还要加上"#"号,<a href= "#定位标记名">。单击标题就跳到要访问的内容。

   书签链接可以在同一页面中链接,也可以在不同页面中链接,在不同页面中链接的前提是需要指定好链接的页面地址和链接的书签位置

     格式:

  • 在同一页面要使用链接的地址:
  • <a href="#书签名称" target="窗口名称">超连链标题名称</a>
  • 在不同页面要使用链接的地址:
  • <a href="URL地址#书签名称" target="窗口名称">超链接标题名称</a>
  • 链接到的目的地址:
  • <a name="书签名称">目标超链接名称</a>

     name的属性值为该目标定位点的定位标记点名称,是给特定位置点(这个位置点也叫锚点)起个名称。

2、在站点内部建立链接

所谓内部链接,指的是在同一个网站内部,不同的html页面之间的链接关系,在建立网站内部链接的时候,要明确哪个是主链接文件(即当前页),哪个是被链接文件。在前面介绍链接路径时,已经给大家介绍了内部链接概念,内部链接一般采用相对路径链接比较好。下面我们根据如图示,来看看相对路径的具体的链接方法:

在站点内部建立链接

当前页面

被链接页面

超链接代码

2-1.html

3-1.html

<a href="3-1.html">超链接元素</a>

3-1.html

1-1.html

<a href="asm/1-1.html">超链接元素</a>

sy.html

1-1.html

<a href="ssm/asm/1-1.html">超链接元素</a>

2-1.html

sy.html

<a href="../sy.html">超链接元素</a>

1-1.html

sy.html

<a href="../../sy.html">超链接元素</a>

sy.html

2-1.html

<a href="ssm/2-1.html">超链接元素</a>

分享