image :
src: 图片地址 (代码以相对路径加载)
alt :替换文本,图片不展示的时候展示"(图片地址错误的时候展示)
title :鼠标悬停的时候展示的问题"
width和 height 只给一个值,另一边等比缩放
code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="./images/meizi1.jpeg "
alt="替换文本,图片不展示的时候展示"
title="鼠标悬停的时候展示的问题"
width="200px"
>
</body>
</html>
音视频:
video : 视频标签 audio: 音频标签。 以下属性都相同
src : 资源地址
controls : 显示播放器控件
loop : 循环播放
autoplay : 自动播放 (不起作用, 浏览器静止)
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>开心回娘家了</h1>
<hr>
<video src="./images/huiniangjia.mp4" width="300px",height="300px",
controls loop autoplay
></video>
<audio src=""></audio>
</body>
</html>