HTML超链接

<body>
        <!--
        使用超链接可以让我们从一个页面跳转到另外一个页面
        使用a标签来创建一个超链接
        属性:
        href:指向跳转链接的目标地址,,可以写相对路径,也可以绝对路径
        a标签的target属性可以指定打开链接的位置
        可选值:
            _self,表示当前窗口中打开(默认值)
            _blank,表示在新的窗口中打开链接
            可以设置一个内联框架的name属性值,链接将会在指定的内联框架中打开
        -->
        <a href="day1.html" target="_blank"> 超链接</a>
        <a href="day1.html" target="tom"> 超链接</a>
        <iframe src="day1.html" width="" height="" name="tom"></iframe>
        <!--
        center标签中的内容,会默认在页面中居中显示
        我们可以将要居中的元素,全都放在center
        -->
        <center></center>

 实战:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>超链接</title>
    </head>
    <body>
        
        <center>
            <!--想去哪个元素,那就#(id的属性值)这个例子就是到底部,到哪里都可以的-->
            <a href="#bottom">去到底部</a>
            <h1>这是我的个人博客</h1>
            <hr />
            <h2>东风破</h2>
            <!--如果href没有值的话(地址不确定),就没有效果的,就可以写一个#号作为占位符-->
            <a href="#">周杰伦</a>
            <p>
                锄禾日当午;<br/>
                汗滴禾下苦;<br/>
                <img src="3.jpg" ><br/>
                谁知盘中餐;<br/>
                粒粒皆辛苦;<br/>
                <img src="3.jpg" ><br/>
                <hr/>
            </p>
            友情链接:
            <a href="#">A网站</a>|
            <a href="#">B网站</a>|
            <a href="#">C网站</a>|<br/><br/><br/>
            <!--如果将链接设置为#,则点击超链接以后,会自动跳转到当前页面的顶部-->
            <!--HTML中有一个属性,每一个元素都可以设置,该属性可以作为标签的唯一标识
            这个属性就是id,id属性在同一个页面中只能有一个不能重复(就是类似这个例子,id=bottom的只能是作用于a标签)
            -->
            <a href="#">回到顶部</a>|
            <!--发送电子邮件的超链接,点击链接以后可以打开计算机默认的邮件客户端
            并且将邮件地址设置为mailto后的邮件地址
            href="mailto:邮件地址"
            -->
            <a href="mailto:rainbow@starcomww.com" id="bottom">联系我们</a>
            
            
        </center>
    </body>
</html>

原文地址:https://www.cnblogs.com/caicaihong/p/9167897.html