第四章建立超链接_HTML教程(2)_H5之家 - 中国HTML5教程资源分享第一站

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

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

格式：

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

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

链接到的目的地址：
<a name="书签名称">目标超链接名称</a>

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

实例：4-2-11html

<HTML>
<HEAD>
<TITLE>唐诗欣赏</TITLE>
</HEAD>
<BODY>
<a name="top"><H2>唐诗欣赏</H2></a>
<a name="lb"><H2>李白</H2></a>
<A href="#T.2" target="_blank">清平調三首</A> 
<A href="#T.1">長干行</A> 
<A href="#T.3">月下獨酌</A>
<HR>

<H3><A NAME="T.2">清平調三首</A> </H3>

雲想衣裳花想容， 春風拂檻露華濃。 若非群玉山頭見， 會向瑤台月下逢。 一枝紅艷露凝香， 雲雨巫山枉斷腸。 借問漢宮誰得似？ 可憐飛燕倚新妝。 名花傾國兩相歡， 常得君王帶笑看。 解釋春風無限恨， 沈香亭北倚闌干。

<H3><A NAME="T.1">長干行</A> </H3>
<PRE>
妾髮初覆額， 折花門前劇。 郎騎竹馬來， 遶床弄青梅。 同居長干里， 兩小無嫌猜。 十四為君婦， 羞顏未嘗開。 低頭向暗壁， 千喚不一回。 十五始展眉， 願同塵與灰。 常存抱柱信， 豈上望夫臺。 十六君遠行， 瞿塘灩澦堆。 五月不可觸， 猿鳴天上哀。 門前遲行跡， 一一生綠苔。 苔深不能掃， 落葉秋風早。 八月蝴蝶來， 雙飛西園草。 感此傷妾心， 坐愁紅顏老。 早晚下三巴， 預將書報家。 相迎不道遠， 直至長風沙。

</PRE>
<A href="#top">唐诗欣赏</a>
 
<H3><A NAME="T.3">月下獨酌</A> </H3>
<PRE>
花間一壺酒， 獨酌無相親。 舉杯邀明月， 對影成三人。 月既不解飲， 影徒隨我身。 暫伴月將影， 行樂須及春。 我歌月裴回， 我舞影零亂。 醒時同交歡， 醉後各分散。 永結無情遊， 相期邈雲漢。
</PRE>
<a href="4-2-12.html#libai">李白蔑视权贵</a>
</BODY>
</HTML>

实例：4-2-12html

<html>
<head>
<title>李白</title>
</head>
<body>
<center>
<a href="4-2-11.html#lb"><h1 align="center">李白</h1></a>
李白（701~762）， 字太白，号青莲居士。 祖籍陇西成纪（今甘肃省天水市附近的秦安县）， 隋朝末年其先租因罪住在中亚细亚。 李白的家世和出生地至今还是个谜， 学术界说法不一。 一说李白就诞生在安西都护府所辖的碎叶城， 五岁时随父迁到绵州昌隆县青莲乡。 
李白性情豪放， 喜爱纵横家的作风， 爱好任侠之事，轻视财货。 早年在蜀中度过。他的父亲是个富商。 李白二十五岁开始漫游全国， 走过湖北，江西，河南，山东等地.

<A NAME="libai">李白蔑视权贵</A>， 传说他喝醉酒， 曾在玄宗面前使高力士给他脱靴。 高力士认为这是很大的耻辱， 就摘取李白诗句激怒杨贵妃。 玄宗每次让李白做官，杨贵妃就加以阻止。 李白知道玄宗的亲信对他有意见， 于是恳求还家。 玄宗赐给他财物，放他开. 
李白是我国唐代伟大的浪漫主义诗人， 被誉为“诗仙”。 他的诗豪迈瑰丽，诗里有突破现实的幻想。 也有对当时民生疾苦的反映和对政治黑暗的抨击。 他的散文具有清新明朗， 奔放流畅的特点。</center>
</body>
</html>

4-2-2在站点内部建立链接

第四章 建立超链接_HTML教程(2)

第四章建立超链接_HTML教程(2)