超链接

时间:2019-08-25
本文章向大家介绍超链接，主要包括超链接使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

1、图片链接和文字连接

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
    </head>

    <body bgcolor="white">
        <h5 align="middle">文字链接和图片链接</h5>
        <center>
            <a href="https://www.baidu.com/" title="百度一下">百度</a><br><br><br><br><br><br>
            <a href="https://www.baidu.com/" title="百度一下"><img src="img/百度图标.png" /></a>
        </center>
    </body>

</html>

点击相应的文字和图片，便可进入百度网站。

2、书签链接

书签链接可以实现在同一个页面的快速跳转，方便阅读。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
    </head>

    <body bgcolor="aquamarine">
        <a name="top"></a>
        <a href="#T1">长歌行</a><br>
        <a href="#T2">草书歌行</a><br>
        <a href="#T3">将进酒</a><br>
        <hr align="center"  color="black">
        <h3><a name="T1">长歌行</a></h3>
        <p>桃李待日开，荣华照当年。<br>东风动百物，草木尽欲言。 <br>枯枝无丑叶，涸水吐清泉。<br>大力运天地，羲和无停鞭。<br> 功名不早著，竹帛将何宣。<br>桃李务青春，谁能贳白日。<br> 富贵与神仙，蹉跎成两失。<br>金石犹销铄，风霜无久质。<br> 畏落日月后，强欢歌与酒。<br>秋霜不惜人，倏忽侵蒲柳。<br> </p>
        <h3><a name="T2">草书歌行</a></h3>
        <pre >
             少年上人号怀素，草书天下称独步。
             墨池飞出北溟鱼，笔锋杀尽中山兔。
             八月九月天气凉，酒徒词客满高堂。
             笺麻素绢排数箱，宣州石砚墨色光。
             吾师醉后倚绳床，须臾扫尽数千张。
             飘风骤雨惊飒飒，落花飞雪何茫茫！
             起来向壁不停手，一行数字大如斗。
             怳怳如闻神鬼惊，时时只见龙蛇走。 
             左盘右蹙如惊电，状同楚汉相攻战。
             湖南七郡凡几家，家家屏障书题遍。 
             王逸少，张伯英，古来几许浪得名。 
             张颠老死不足数，我师此义不师古。 
             古来万事贵天生，何必要公孙大娘浑脱舞。 </pre>
        <h3><a name="T3">将进酒</a></h3>
        <p>君不见，黄河之水天上来，奔流到海不复回。 君不见，高堂明镜悲白发，朝如青丝暮成雪。 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。 与君歌一曲，请君为我倾耳听。 钟鼓馔玉不足贵，但愿长醉不复醒。 古来圣贤皆寂寞，惟有饮者留其名。 陈王昔时宴平乐，斗酒十千恣欢谑。 主人何为言少钱，径须沽取对君酌。 五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。
       
        </p>
        <a href="#top">返回顶部</a>
    </body>

</html>

原文地址：https://www.cnblogs.com/zhai1997/p/11407137.html

随机文章
本站知识点必读
最近更新