zoukankan      html  css  js  c++  java
  • 超链接<a>标签

    超链接<a>
    - 如果不写href属性 则就是纯文本
    - href属性的作用和图像地图中的作用一样
    - target="_blank" 开启新的窗口显示页面
    - a标签包裹文本则是文本超链接,包裹图片就是图片超链接
    - 页面内部跳转,在目的地的位置添加空的a标签作为锚,通过另外一个超链接跳转到这个锚的位置
    <a id="top"></a> <a href="#top">回到顶部</a>

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <a href="http://www.baidu.cn">这是一个超链接</a>
    <a href="../imgs/A.jpg" target="_blank">这是一个图片</a>
    <!-- 如果a标签包裹的文本则是文本超链接
    如果包裹的图片则是图片超链接 -->
    <a href="http://www.baidu.cn">
    	<img src="https://www.baidu.com/img/bd_logo1.png"></a><---前面是一个图片链接点击图片
    <hr>
    <a id="top"></a>
        光头强的个人简历
    	<br>
    	学历:———————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	<br>
    	工作经验:———————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	<br>
    	介绍:———————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	<br>
    	爱好:———————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	<br>
    	目标:———————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	——————————————————————<br>
    	
    <a href="#top">回到顶部</a>
    </body> 
    </html>
    

      

    Insert title here 这是一个超链接 这是一个图片

    <---前面是一个图片链接点击图片


    光头强的个人简历
    学历:———————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————

    工作经验:———————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————

    介绍:———————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————

    爱好:———————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————

    目标:———————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    ——————————————————————
    回到顶部

  • 相关阅读:
    JN_0026:FTP连接站点 规避防火墙
    JS_0002:js读取外部json文件
    JQPlug0002:layer Zindex不断增加的问题 弹窗一直置顶
    JQPlug0001:layer父子页面通信,常用打开模版
    Web_0010:Html打包EXE方法
    Web_0009:win系统下注册自己的协议,用于web项目启动本地程序
    ZAB 和 Paxos 算法的联系与区别?
    保证缓存与数据库双写时的数据一致性
    解决 Redis 的并发竞争 Key 问题
    缓存雪崩和缓存穿透
  • 原文地址:https://www.cnblogs.com/xingsir/p/12745600.html
Copyright © 2011-2022 走看看