<!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>
<p>38号-19通信2班-余沂 </p>
<h1 style="text-align: center;">唐诗鉴赏</h1>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
<h2 style="text-align: center;">静夜思</h2>
<p style="text-align: center;">李白</p>
<h4 style="text-align: center;">床前明月光，</h4>
<h4 style="text-align: center;">疑是地上霜。</h4>
<h4 style="text-align: center;">举头望明月，</h4>
<h4 style="text-align: center;">低头思故乡。</h4>
<b>【简析】</b>
<nobr>这是写远思故乡之情的诗。诗以明白如话的语言雕琢出明静醉人的秋夜的意境。 </nobr>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
<p style="text-align: left;">版权©:版权所有，违者必究<br />
<i>E-mail：abcdef@126.com</i>
</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 style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);">
<p align="left">38号-19通信2班-余沂</p>
<table border="1" cellspacing="2" cellpadding="2" width="400px" height="200px">
<tr>
<th colspan="3">期中成绩表</th>
</tr>
<tr>
<th>姓名</th>
<th>语文</th>
<th>数学</th>
</tr>
<tr>
<td>张三</td>
<td colspan="2">100</td>
</tr>
<tr>
<td>李四</td>
<td>97</td>
<td>43</td>
</tr>
<tr>
<td>王晓彬</td>
<td rowspan="2">97</td>
<td>78</td>
</tr>
<tr>
<td>成大才</td>
<td>94</td>
</tr>
</table>
</body>
</html>
图片记得在代码文件下创建一个 img 文件夹，然后把图片放进去
<!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>
<p align="left"></p>38号-19通信2班-余沂</p>
<div style="width: 310px; height: 410px;" align: center;>
<a href="https://baike.baidu.com/item/%E6%9D%8E%E5%BD%A6%E5%AE%8F" target="blank">
<img src="./img/李彦宏.jpg" width="150px" height="200px" />
</a>
<a href="https://baike.baidu.com/item/%E9%A9%AC%E4%BA%91/6252" target="blank">
<img src="./img/马云.jpg" width="150px" height="200px" />
</a>
<a href="https://baike.baidu.com/item/%E5%88%98%E5%BC%BA%E4%B8%9C" target="blank">
<img src="./img/刘强东.jpg" width="150px" height="200px" />
</a>
<a href="https://baike.baidu.com/item/%E9%A9%AC%E5%8C%96%E8%85%BE" target="blank">
<img src="./img/马化腾.jpg" width="150px" height="200px" />
</a>
</div>
</body>
</html>