HTML课后作业：我的第一个网页

最新推荐文章于 2024-08-03 22:21:30 发布

Koara818

最新推荐文章于 2024-08-03 22:21:30 发布

阅读量108

点赞数 1

文章标签： html 前端

本文链接：https://blog.csdn.net/m0_74992628/article/details/133995469

版权

1、要求

作业要求：

完成一个页面，并用浏览器运行。
设置HTML文档的默认语言为中文。
自定义选项卡文字。
给选项卡加一个小图标。
网页添加自己喜欢的内容，如一段文字或图片。

2、效果图

效果如图所示：

3、源码

源码：

html文件：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="*">
        <div class="box1">
            <center><h1>《关山月》</h1></center>
            <center><h3>李白</h3></center>
            <center><h2>明月出天山，苍茫云海间。</h2></center>
            <center><h2>长风几万里，吹度玉门关。</h2></center>
            <center>
                <img src="images/libai.jpg">
                <img src="images/taibai.jpg" height="270px">
            </center>  
        </div>
    </div>
</body>
</html>

css文件：

/*个人css*/
.box1{
    margin-top: 20px;
    line-height: 50px;
}
/*公用css*/
*{
    margin: 0;
    padding: 0;
    background:rgb(245, 240, 168);
}

4、心得

第一次写网页代码就感受到了前端方向的魅力，在此记录下第一次自学制作的网页。这份博客距离这份网页制作已经快有2个月了，今天才记录下这篇博客，回看我当时连文本居中都还在一段一段的用center标签，好笨拙的哈哈哈。。。

Koara818

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML课后作业：我的第一个网页

第一次写网页代码就感受到了前端方向的魅力，在此记录下第一次自学制作的网页。这份博客距离这份网页制作已经快有2个月了，今天才记录下这篇博客，回看我当时连文本居中都还在一段一段的用center标签，好笨拙的哈哈哈。
复制链接

扫一扫