HTML：链接标签的使用

介绍：

链接分为两种：
　　第一种：链接到本网页其他位置 例如：从网页顶部链接到底部
　　　　<a href="#somewhere">link</a>
　　　　<p id="sonewhere">...</p>
　　第二种：链接到其他网页 例如：从百度链接到搜狐
　　　　<a href="adv.html">adv</a>
　　　　<a href="http://souhu.com">souhu</a>

代码：

<html>
 <head>
    <title> 链接的使用 </title>
 </head>
 <body>
    <p id="first-Language">
        <h1 >顶部</h1>
    </p>
    
    <a href="#nineth-Language">链接到第九句话,即滚到该网页的底部</a><br/>
    <a href="http://www.baidu.com">链接到百度，即新的网页</a>
    
    <p>
    <h3>第一句话</h3>
        桃树、杏树、梨树，你不让我，我不让你，都开满了花赶趟儿。
    红的像火，粉的像霞，白的像雪。
    花里带着甜味，闭了眼，树上仿佛已经满是桃儿、杏儿、梨儿！花下成千成百的蜜蜂嗡嗡地闹着，大小的蝴蝶飞来飞去。
    野花遍地是：杂样儿，有名字的，没名字的，散在草丛里，像眼睛，像星星，还眨呀眨的。
    </p>
    <hr>
    
    
    <p>
    <h3>第二句话</h3>
        月光如流水一般，静静地泻在这一片叶子和花上。薄薄的青雾浮起在荷塘里。叶子和花仿佛在牛乳中洗过一样；又像笼着轻纱的梦。
    虽然是满月，天上却有一层淡淡的云，所以不能朗照；但我以为这恰是到了好处——酣眠固不可少，小睡也别有风味的。
    月光是隔了树照过来的，高处丛生的灌木，落下参差的斑驳的黑影，峭愣愣如鬼一般；变变的杨柳的稀疏的倩影，却又像是画在荷叶上。
    塘中的月色并不均匀；但光与影有着和谐的旋律，如梵婀玲上奏着的名曲。
    </p>
    <hr>
    
    
    <p>
    <h3>第三句话</h3>
        记住该记住的，忘记该忘记的。改变能改变的，接受不能接受的。
    </p>
    <hr>
    

    <p>
    <h3>第四句话</h3>
　　    能冲刷一切的除了眼泪，就是时间，以时间来推移感情，时间越长，冲突越 淡，仿佛不断稀释的茶。
    </p>
    <hr>
    

    <p>
    <h3>第五句话</h3>
        怨言是上天得至人类最大的供物，也是人类祷告中最真诚的部分。
    </p>
    <hr>
    
　
    <p>
    <h3>第六句话</h3>
        智慧的代价是矛盾。这是人生对人生观开的玩笑。
    </p>
    <hr>

    <p>
    <h3>第七句话</h3>
        世上的姑娘总以为自己是骄傲的公主（除了少数极丑和少数极聪明的姑娘例外）。
    </p>
    <hr>
　
    
    <p>
    <h3>第八句话</h3>
        如果敌人让你生气，那说明你还没有胜他的把握。
    </p>
    <hr>
    
    
　　<p id="nineth-Language">
    <h3>第九句话</h3>
        我不知道我现在做的哪些是对的，那些是错的，而当我终于老死的时候我才知道这些。所以我现在所能做的就是尽力做好待着老死。
        如果朋友让你生气，那说明你仍然在意他的友情。
　　    令狐冲说“有些事情本身我们无法控制，只好控制自己。”
　　    我不知道我现在做的哪些是对的，那些是错的，而当我终于老死的时候我才知道这些。所以我现在所能做的就是尽力做好待着老死。
　　    也许有些人很可恶，有些人很卑鄙。而当我设身为他想象的时候，我才知道：他比我还可怜。所以请原谅所有你见过的人，好人或者坏人。
　　    鱼对水说你看不到我的眼泪，因为我在水里．水说我能感觉到你的眼泪，因为你在我心里。
　　    快乐要有悲伤作陪，雨过应该就有天晴。如果雨后还是雨，如果忧伤之后还是忧伤．请让我们从容面对这离别之后的离别。微笑地去寻找一个不可能出现的你！
    </p>
    
    <p >
        <h1 >底部</h1>
    </p>
    <a href="#first-Language">返回第一句话,即返回该网页的顶部</a>

 </body>

</html>
View Code

截图：

　　顶部：

　　尾部：

posted @ 2016-08-20 16:09  XYQ全哥  阅读(536)  评论(0)  编辑  收藏  举报