https://www.bilibili.com/video/BV1Kg411T7t9?p=43
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>正文 html</title>
</head>
<body>
<h1>这一级标题</h1>
<h2>这是二级标题</h2>
<p>这是第一段。</p>
<P>这是第二段。</P>
<hr>
<p>建议下2021.3版本 更稳定 按照版本看对应教程，版本在桌面图标<br>能看出客服9-23点在线哦，23点后休息了呢，有问题客服看到后第一时间解决，感谢理解!!!记得再来哦~</p>
<img src="./picture/cat-and-mouse.jpg" alt="发生了未知错误，图片加载失败！" title="这是图片说明，鼠标悬停的时候显示！" width="400" height="300">
<img src="./gif/gif-girls-01.gif" alt="发生了未知错误，gif加载失败！" title="这是图片说明，鼠标悬停的时候显示！" width="400" height="300">
<audio src="./music/情动-冰蝴蝶.mp3" controls autoplay loop></audio>
<video src="video/古风.mp4" controls autoplay muted></video>
<br><a href="./test.html">这是一个超链接</a>
<br><a href="https://blog.csdn.net/shenyuanhaojie?spm=1000.2115.3001.5343">优秀的博客</a>
<br><a href="https://www.baidu.com/" target="_blank">跳转到百度</a>
<br><a href="./test-jump.html">这是一个页面跳转</a>
<br><a href="#">这是个空链接，无法跳转</a>
<hr>
<ul>
<li>榴莲</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<hr>
<ol>
<li>榴莲</li>
<li>香蕉</li>
<li>苹果</li>
</ol>
<hr>
<table border="1" width="500" height="100">
<tr>
<td>班级</td>
<td>姓名</td>
<td>成绩</td>
</tr>
<tr>
<td>1</td>
<td>小红</td>
<td>100</td>
</tr>
<tr>
<td>2</td>
<td>小白</td>
<td>105</td>
</tr>
</table>
<hr>
</body>
</html>
实现效果