self_example/java_web/HTML/html/02-图片音频视频.html

33 lines
845 B
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>02-图片音频视频</title>
</head>
<body>
<!--
src资源路径
1.绝对路径:完整路径
2.相对路径:相对位置关系
xxx/html/02-图片音频视频.html
xxx/html/a.jpg
尺寸单位:
1.px:像素 200
2.百分比: 20%
-->
<img src="../resource/a.jpg" width="20%" height="400">
<!--展示网络上的图片-绝对路径-->
<img src="https://cdn.jsdelivr.net/gh/kevinding1125/drawing-bed-library/image1/image-20220329102818001.png" width="500" height="400">
<!--相对路径-->
<img src="../resource/a.jpg" width="500" height="400">
<audio src="../resource/b.mp3" controls="controls"></audio>
<video src="../resource/c.mp4" controls width="500" height="300"></video>
</body>
</html>