day06.03. HTML的超链接和图音频

追梦女孩ii

已于 2024-07-18 20:50:33 修改

阅读量367

点赞数 4

分类专栏： HTML 一阶段一阶段day06 文章标签： html 音视频 dubbo python 数据分析前端

于 2024-06-18 13:46:15 首次发布

本文链接：https://blog.youkuaiyun.com/m0_61566562/article/details/139771128

版权

一阶段同时被 3 个专栏收录

43 篇文章

订阅专栏

HTML

23 篇文章

订阅专栏

一阶段day06

11 篇文章

订阅专栏

<!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>