Html之超链接

      超链接是网页中的重要元素,超链接能使浏览者从一个页面跳转到另一个页面,实现文档和网页的互联工作。超文本链接是html的重要功能之一。

     了解超链接前还需要知道绝对路径和相对路径的概念。所谓的绝对路径是主页上的文件或目录在硬盘上的真正路径。绝对路径有两个缺点:一是需要输入更多内容,二是如果文件被移动,需要重新设置所有相关链接。比较之下相对路径更适合网站内部链接。相对路径使得同处站点文件夹内的相对地址可以自由在文件夹间构建连接,即使站点文件夹所在服务器发生改变,文件夹的所有内部链接都不会出现问题。    

     超链接标记基本语法

<a href=”文件名”>链接元素</a>
<a href=”URL”>链接元素</a>

    链接的主要类别包括内部链接、书签链接、外部链接和文本链接。  

    内部链接是指在同一个网站内部不同的页面间的链接关系  

<html>
<head>
<title>内部链接</title>
<style type="text/css">
      body{background-repeat:no-repeat}
</style>
</head>
<body background="imagines1.jpg" bgproperties="fixed" text="#">
<font size="+10">凉州词</font><br/><br/><br/>
黄河远上白云间<br/>
一片孤城万仞山<br/>
羌笛何须怨杨柳<br/>
春风不度玉门关<br/>
<a href="5-1.html">凉州词(其二)</a>
<a href="5-1-1.html">鉴赏</a>
</body>
</html>

<html>
<head>
<title>实现内部链接</title>
<style type="text/css">
      body{background-repeat:no-repeat}
</style>
</head>
<body background="imagines2.jpg" bgproperties="fixed" text="#000000">
<font size="+10">凉州词(其二)</font><br/><br/><br/>
单于北望拂云堆<br/>
杀马登坛祭几回<br/>
汉家天子今神武<br/>
不肯和亲归去来<br/>
</body>
</html>

<html>
<head>
<title>实现内部链接</title>
<style type="text/css">
      body{background-repeat:no-repeat}
</style>
</head>
<body>
<center><h3>鉴赏</h3></center>
    诗的首句抓住自下(游)向上(游)、由近及远眺望黄河的特殊感受,描绘出“黄河远上白云间”的动人画面:汹涌澎湃波浪滔滔的黄河竟象一条丝带迤逦飞上云端。写得真是神思飞跃,气象开阔。诗人的另一名句“黄河入海流”,其观察角度与此正好相反,是自上而下的目送;而李白的“黄河之水天上来”,虽也写观望上游,但视线运动却又由远及近,与此句不同。
“黄河入海流”和“黄河之水天上来”,同是着意渲染黄河一泻千里的气派,表现的是动态美。而“黄河远上白云间”,方向与河的流向相反,意在突出其源远流长的闲远仪态,表现的是一种静态美。同时展示了边地广漠壮阔的风光,不愧为千古奇句。
    次句“一片孤城万仞山”出现了塞上孤城,这是此诗主要意象之一,属于“画卷”的主体部分。“黄河远上白云间”是它远大的背景,“万仞山”是它靠近的背景。在远川高山的反衬下,益见此城地势险要、处境孤危。“一片”是唐诗习用语词,往往与“孤”连文(如“孤帆一片”、“一片孤云”等等),这里相当于“一座”,而在词采上多一层“单薄”的意思。
这样一座漠北孤城,当然不是居民点,而是戌边的堡垒,同时暗示读者诗中有征夫在。“孤城”作为古典诗歌语汇,具有特定涵义。它往往与离人愁绪联结在一起,如“夔府孤城落日斜,每依北斗望京华”(杜甫《秋兴》)、“遥知汉使萧关外,愁见孤城落日边”(王维《送韦评事》)等等。第二句“孤城”意象先行引入,为下两句进一步刻划征夫的心理作好了准备。
    诗起于写山川的雄阔苍凉,承以戌守者处境的孤危。第三句忽而一转,引入羌笛之声。羌笛所奏乃《折杨柳》曲调,这就不能不勾起征夫的离愁了。此句系化用乐府《横吹曲辞·折杨柳歌辞》“上马不捉鞭,反折杨柳枝。蹀座吹长笛,愁杀行客儿”的诗意。折柳赠别的风习在唐时最盛。“杨柳”与离别有更直接的关系。所以,人们不但见了杨柳会引起别愁,连听到《折杨柳》的笛曲也会触动离恨。
而“羌笛”句不说“闻折柳”却说“怨杨柳”,造语尤妙。这就避免直接用曲调名,化板为活,且能引发更多的联想,深化诗意。玉门关外,春风不度,杨柳不青,离人想要折一枝杨柳寄情也不能,这就比折柳送别更为难堪。征人怀着这种心情听曲,似乎笛声也在“怨杨柳”,流露的怨情是强烈的,而以“何须怨”的宽解语委婉出之,深沉含蓄,耐人寻味。这第三句以问语转出了如此浓郁的诗意,末句“春风不度玉门关”也就水到渠成。用“玉门关”一语入诗也与征人离思有关。《后汉书·班超传》云:“不敢望到酒泉郡,但愿生入玉门关。”
所以末句正写边地苦寒,含蓄着无限的乡思离情。如果把这首《凉州词》与中唐以后的某些边塞诗(如张乔《河湟旧卒》)加以比较,就会发现,此诗虽极写戌边者不得还乡的怨情,但写得悲壮苍凉,没有衰飒颓唐的情调,表现出盛唐诗人广阔的心胸。即使写悲切的怨情,也是悲中有壮,悲凉而慷慨。“何须怨”三字不仅见其艺术手法的委婉蕴藉,也可看到当时边防将士在乡愁难禁时,也意识到卫国戌边责任的重大,方能如此自我宽解。也许正因为《凉州词》情调悲而不失其壮,所以能成为“唐音”的典型代表。
</body>
</html>


点击凉州词其二


点击鉴赏 

      

     书签链接链接可以与链接文字在同一界面,也可在不同页面。在网页内部实现书签链接,需要建立书签。    

   <a name=”书签名称”>文字</a><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">     </span>

     链接到同一界面的书签

<a href=”#书签名称”>链接文字</a>

    链接到不同界面的书签    

<a href=”链接的文件地址#书签的名称”>链接文字</a>

    

    外部链接:跳转到当前网页外部,与外部网站网页或元素产生链接关系。一般需要绝对链接地址。

    HTTP协议   

<a href=”http://……”>链接文字</a><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">   </span>

   通过FTP    

<a href=”ftp://……”>文字链接</a>

   其他链接:主要包括脚本链接、空链接。

   脚本链接: 

<a href=”Javascript……”>文字链接</a>
   空链接:   

<a href=”#”>文字链接</a>
 

    链接是HTML的重要基础知识,超链接的使用时网页间的联系更加便捷,实现网站互联、文档互联。




  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 24
    评论
评论 24
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值