zoukankan      html  css  js  c++  java
  • HTML学习笔记06-连接

    HTML超链接

    HTML使用标签<a>来设置文本超链接。

    超链接可以是文字,也可以是图片,点击这些内容跳转到新的文档或当前文档的某个部分

    代码类似这样:

    <a href="url">连接文本</a>

    实例:

    <!DOCTYPE HTML>
    
    <html>
    <body>
    <a href="https:www.baidu.com">百度一下,你就知道</a>
    </body>
        
    </html>

    点击之后,会跳转到百度

    HTML连接-target属性

    定义被连接的文档在何处打开

    将上面的实例修改一下

    <!DOCTYPE HTML>
    
    <html>
    <body>
    <a href="https:www.baidu.com" target="_blank">百度一下,你就知道</a>
    </body>
        
    </html>

    将target属性设置为_blank,连接将在新窗口打开

    之前有提到过基本所有元素都可以加上id这个属性

    可以理解为这个元素的唯一编号,一般来说同一个HTML文件id是不允许有重复的

    超链接带上id这个属性,就可以直接跳转到这个id对应的元素。

    <!DOCTYPE HTML>
    
    <html>
    <body>
    <a href="https://blog.csdn.net/a54288447/article/details/80825125#article_content">回到第一个实例</a>
    </body>
        
    </html>

    上面的代码中,url是这篇文章的地址,article_content是第一个实例的id

    带图片的超链接

    <!DOCTYPE HTML>
    
    <html>
    <body>
    <p>创建图片链接:
    <a href="http://www.runoob.com/html/html-tutorial.html">
    <img  border="10" src="http://www.runoob.com/images/pulpit.jpg" alt="HTML 教程" width="32" height="32"></a></p>
    
    <p>无边框的图片链接:
    <a href="http://www.runoob.com/html/html-tutorial.html">
    <img border="0" src="http://www.runoob.com/images/pulpit.jpg" alt="HTML 教程" width="32" height="32"></a></p>
    
    </body>
        
    </html>

    src是图片的地址

  • 相关阅读:
    shell中单引号、双引号、反斜杠简说
    shell脚本
    求素数
    SqlBulkCopy高效写入数据库Demo
    地图面面观之百望山
    FileUpload控件客户端验证
    如何将shapefile进行拆分
    Python 字符串操作
    如何重装oracle
    资料
  • 原文地址:https://www.cnblogs.com/myal/p/9337398.html
Copyright © 2011-2022 走看看