HTML图像标签和媒体元素

最新推荐文章于 2024-10-01 23:46:18 发布

芽芽_0

最新推荐文章于 2024-10-01 23:46:18 发布

阅读量94

点赞数 1

文章标签： html 前端

本文链接：https://blog.csdn.net/wjinndnd/article/details/142527855

版权

1.图像标签：

img src:图像地址，..表示上一级目录，用相对地址比较好，alt：图片名字(必填)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签</title>
</head>
<body>
<img src="../resources/image/2.jpg" alt="flower" title="花朵" width="200"  height="200">
</body>
</html>

2.媒体元素：
controls 属性规定浏览器应该为视频提供播放控件，如果设置了该属性，则规定不存在作者设置的脚本控件。
autoplay 自动播放

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>媒体元素</title>
    <body>
    <video src="../resources/video/视频1.mp4" controls autoplay></video>
    <audio src="../resources/audio/音乐1.mp3" controls autoplay></audio>
</body>
</head>
</html>