HTML的超链接和图音频

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--    <a href = ></a>  :a标签+href
        超链接:点击后可以跳转页面
        href="  "  :点击后可以跳转页面
        href="  " target="_blank"  : 在新窗口打开
        href="#"  :空链接,不跳转
        写法如下:
    -->
    <a href="https://www.baidu.com/">百度一下</a> <br>
    <a href="#">空链接,不跳转</a><br>
    <a href="https://www.baidu.com/" target="_blank">百度一下</a> <br>

<hr>
<!--    img 单标签
        图片:显示图片
        src = "图片链接/图片地址"
        width 可以控制图片大小-宽度
        height 可以控制图片大小-高度
        alt=" 图片打不开/打开错误的错误提示"--自己设置图片打不开的错误提示
        地址一般写相对路径: ..表示上一层
        图片后缀:.jpg  动图.gif
    -->
    <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="dd"
        width="300"  height="100">
    <hr>
    <img src="../day240206/dog.jpg" width="200">
    <hr>

<!--  音频
      controls   控制器,控件
      autoplay   自动播放
      loop  循环播放
        -->
    <audio src="../day240206/追梦的蚂蚁.mp3" controls autoplay loop></audio><br>
    <hr>
<!--  视频
      controls 控件
      autoplay   自动播放
      loop  循环播放
    -->
    <video src="../day240206/MovieTest.mp4" controls autoplay loop width="300" height="150"></video>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--    <a href = ></a>  :a标签+href
        超链接:点击后可以跳转页面
        href="  "  :点击后可以跳转页面
        href="  " target="_blank"  : 在新窗口打开
        href="#"  :空链接,不跳转
        写法如下:
    -->
    <a href="https://www.baidu.com/">百度一下</a> <br>
    <a href="#">空链接,不跳转</a><br>
    <a href="https://www.baidu.com/" target="_blank">百度一下</a> <br>

<hr>
<!--    img 单标签
        图片:显示图片
        src = "图片链接/图片地址"
        width 可以控制图片大小-宽度
        height 可以控制图片大小-高度
        alt=" 图片打不开/打开错误的错误提示"--自己设置图片打不开的错误提示
        地址一般写相对路径: ..表示上一层
        图片后缀:.jpg  动图.gif
    -->
    <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="dd"
        width="300"  height="100">
    <hr>
    <img src="../day240206/dog.jpg" width="200">
    <hr>

<!--  音频
      controls   控制器,控件
      autoplay   自动播放
      loop  循环播放
        -->
    <audio src="../day240206/追梦的蚂蚁.mp3" controls autoplay loop></audio><br>
    <hr>
<!--  视频
      controls 控件
      autoplay   自动播放
      loop  循环播放
    -->
    <video src="../day240206/MovieTest.mp4" controls autoplay loop width="300" height="150"></video>

</body>
</html>

相关推荐

  1. HTML音频

    2024-06-19 08:18:04       7 阅读
  2. HTML(详解如何进行网页之间跳转)

    2024-06-19 08:18:04       13 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-19 08:18:04       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-19 08:18:04       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-19 08:18:04       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-19 08:18:04       18 阅读

热门阅读

  1. 负载均衡集群(NAT)

    2024-06-19 08:18:04       7 阅读
  2. 第4天:用户认证系统实现

    2024-06-19 08:18:04       9 阅读
  3. Yolo介绍要点和难点具体应用场景案例

    2024-06-19 08:18:04       9 阅读
  4. 从0到1上线小程序的步骤

    2024-06-19 08:18:04       5 阅读
  5. 虚设备与Spooling技术

    2024-06-19 08:18:04       5 阅读