<!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>

Q.E.D.


---------我大体上尊崇理性和意志,却也不菲薄情感和想象---------