案例1：
<!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>
<h2>职位描述</h2>
<p>123</p>
<p>34 <strong>5</strong></p>
<h2>岗位要求</h2>
<p>123</p>
<h2>工作地址</h2>
<p>678</p>
<img src="./images/d14d8e6f3c1a00fcda6ff16496acb46.png" alt="">
</body>
</html>
案例2
<!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>练习方法</title>
</head>
<body>
<h1>今日热搜词</h1>
<hr>
<h2>1.清明雨上</h2>
<p>清明雨上，作者许嵩<a href="./清明雨上.html" target="_blank">清明雨上</a></p>
<h2>视频演示</h2>
<p>视频演示的主要内容<a href="./视频演示.html" target="_blank" > 视频演示</a></p>
</body>
</html>
<!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>清明雨上</title>
</head>
<body>
<h1>清明雨上</h1>
<hr>
<audio src="../images/许嵩 - 清明雨上.mp3" controls></audio>
</body>
</html>
<!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>视频演示</title>
</head>
<body>
<video src="../images/20211230-软件2002-04203053-李冲哈夫曼编码译码.mp4" controls></video>
</body>
</html>
