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