web前端开发技术储久良第四版实验3答案整理

artificiali

已于 2023-10-21 09:49:46 修改

阅读量2.9k

点赞数 8

分类专栏： html前端文章标签：前端

于 2023-09-25 12:18:48 首次发布

本文链接：https://blog.csdn.net/artificiali/article/details/133270443

版权

html前端专栏收录该内容

3 篇文章 3 订阅

订阅专栏

本文展示了两个HTML和CSS代码实例，一个是自荐信的HTML布局，另一个是包含数学方程式的页面。内容涉及基础网页设计和文本格式化。

摘要由CSDN通过智能技术生成

实验3.1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自荐信</title>
    <style type="text/css">
        body{background: url('实验3-素材/image-ex-3-1.png') no-repeat left center;
            font-size: 18px;}

    </style>
</head>
<body leftmargin="200">
    <h3 align="center">自荐信</h3>
    <hr size="1" color="#000FFF" width="100%">

    <p>尊敬的领导：<br><br>
        &nbsp;&nbsp;&nbsp;&nbsp;您好！<br><br>
        &nbsp;&nbsp;&nbsp;&nbsp;感谢您在百忙之中启阅我的自荐材料！相信此刻的停留不会让您失望！<br><br>
        &nbsp;&nbsp;&nbsp;&nbsp;我是计算机专业的本科毕业生。经过将近四年的大学学习和锻炼，与同龄人一样，我即将走上工作岗位，通
        过社会来证实自己的知识和能力。为了找到一份符合自己特长和兴趣的工作，更好地发挥自己的才能，实现自
        己的人生价值，我冒味地写下这封信，希望能得到您的认可，能为贵公司服务。<br><br>
        &nbsp;&nbsp;&nbsp;&nbsp;此致<br>
    敬礼！</p>

    <hr size="1" color="#000FFF" width="100%">
    <p align="center">联系E-mail:Webadmin@163.com</p>
</body>
</html>

效果图

实验3.2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数学方程式</title>
    <style type="text/css">
        h2{color: red;text-align: center;}
        p{font-size: 36px;}
        </style>
</head>
<body bgcolor="#F2FFC1">
    <h2>数学方程式</h2>
    <hr width="80%" size="2px" color="blue">
<p align="center">2x<sup>2</sup>+3x=9<br>
    x<sub>1</sub>+x<sub>2</sub>=10
</p>

</body>
</html>

效果图