zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    这款开源测试神器,圆了我玩游戏不用动手的梦想
    在spring容器中对中间件bean进行替换
    java agent调试
    linux查看进程的打开文件数
    Ubuntu 下的 Git 在 SSH 协议下使用代理
    GO语言程序查询数据库字段为空遇到的几个问题总结
    Vue3学习(十)之 页面、菜单、路由的使用
    寻找写代码感觉(十)之SpringBootAOP的使用
    寻找写代码感觉(九)之SpringBoot拦截器的使用
    寻找写代码感觉(八)之SpringBoot过滤器的使用
  • 原文地址:https://www.cnblogs.com/caicaihong/p/9167897.html
Copyright © 2011-2022 走看看