第一章课堂练习

hhmy123456

于 2024-09-13 20:24:45 发布

阅读量212

点赞数 8

文章标签：前端开发语言

本文链接：https://blog.csdn.net/2401_86933352/article/details/142218719

版权

1.使用HBuilder编写符合以下要求的文档:网页标题为“网页学习”，在浏览器窗口中显示“欢迎大家一起开始学习网页制作”。完成效果。其中网页所有文字的颜色为blue，背景颜色为#99fff;水平分割线粗细为5，颜色为#ff3333。

<!DOCTYPE html>
<html>
<head>
    <title>网页学习</title>
    <style>
        body {
            background-color: #99ff; /* 设置网页背景颜色 */
            color: blue; /* 设置所有文字颜色 */
        }
        hr {
            height: 5px; /* 设置水平分割线粗细 */
            background-color: #ff3333; /* 设置水平分割线颜色 */
        }
    </style>
</head>
<body>
    <h1>欢迎大家一起开始学习网页制作</h1>
    <hr>
</body>
</html>

2.使用HBuilder编写符合以下要求的文档:网页标题为“百度搜索”，在浏览器窗口中显示“欢迎使用百度搜索”和百度图片，完成效果所示。其中网页背景颜色为#ffff33;水平分割线粗细为5，颜色为#0033ff。

<!DOCTYPE html>
<html>
<head>
    <title>百度搜索</title>
    <style>
        body {
            background-color: #ffff33; /* 设置网页背景颜色 */
        }
        hr {
            height: 5px; /* 设置水平分割线粗细 */
            background-color: #0033ff; /* 设置水平分割线颜色 */
        }
    </style>
</head>
<body>
    <p>欢迎使用百度搜索</p>
    <img src="img/微信图片_20240913200903.png"/>
</body>
</html>