图像标签、超链接

图像标签

  • <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>图像标签</title>
    </head>
    <body>
    <!--    <img 学习
     src:图片地址
         相对地址(推荐使用) ,绝对地址
         ../   代表上一级目录
    alt: 图片名字(必填)
     -->
    <img src="../resources/img/C7.jpg" alt="汽车" title="图片名称" width="500px" height="400px">
    </body>
    </html>
    

超链接

  • <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>链接标签</title>
    </head>
    <body>
    <!--<a 标签
    href: 必填,表示要跳转到哪个页面
    target: 表示窗口在哪里打开
           _blank 在新标签页打开
           _self  在自己的页面打开  (默认的)
     -->
    <h2>
    <a href="test01.html" target="_blank">跳转到test页面</a>
    <a href="https://www.baidu.com" target="_self">跳转到百度页面</a>
    </h2>
    
    <!--锚链接(实现页面间的跳转)
    1.需要一个锚标记
    2.跳转到标记
    #
    -->
    <h1>
    <a href="#top">回到顶部</a>
    </h1>
    <!--功能性链接
    邮件链接:mailto:
    QQ推广
    -->
    <a href="mailto:1779111382@qq.com">联系我</a>
    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
        <img border="0" src="http://wpa.qq.com/pa?p=2::53" alt="你好,朋友" title="你好,朋友"/></a>
    </body>
    </html>
    
posted @ 2021-05-06 10:31  saxon宋  阅读(51)  评论(0)    收藏  举报