第一次web前端作业

最新推荐文章于 2022-08-12 17:47:18 发布

吕傲天

最新推荐文章于 2022-08-12 17:47:18 发布

阅读量389

点赞数 1

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_51488330/article/details/123150484

版权

项目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">
    p{
        font-size:24px;
        color:blue;
        text-indent:2em;
    }
    </style>
</head>
<body>
    <h2 align="center">欢迎访问我的简易主页</h2>
    <hr color="red">
    <p align="center">我，生于1997年8月，北京人，录取专业：移动互联网学院软件工程
专业录取，我非常高兴<br/>
    所在班级：17软件，学号：1709200199&nbsp;&nbsp;姓名：李新</p>
    </p>
</body>
</html>

在这里插入图片描述项目2 这是中国教育和科研计算机网的头部部分标记的应用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible">
    <meta name="keywords" content="中国教育网,中国教育,科研发展,教育信息化,CERNET,CERNET2,下一代互
联网,人才,人才服务,教师招聘,教育资源,教育服务,教育博客,教育黄页,教育新闻,教育资讯" />
<meta name="description" content="中国教育网（中国教育和科研计算机网）是中国最权威的教育门户网
站，是了解中国教育的对内、对外窗口。网站提供关于中国教育、科研发展、教育信息化、CERNET等新闻动
态、最新政策，并提供教师招聘、高考信息、考研信息、教育资源、教育博客、教育黄页等全面多样的教育服
务。"/>
<meta name="copyright" content="www.edu.cn"/>
<meta content="all" name="robots"/>
</head>
<body>
    <p>这是中国教育和科研计算机网的头部部分标记的应用</p>
</body>
</html>

在这里插入图片描述

项目3 欢度新年元旦

<!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">
    div{text-align:center;/*文本居中对齐*/}
    </style>
</head>
<body bgcolor="#CDEBE6">
    <h3 align="center">欢度新年元旦</h3>
    <hr size="2" color="red" width="100%"/>
    <p align="left">&nbsp;&nbsp;&nbsp;&nbsp;元旦(New Year's Day,New
    Year)，指一年开始的一天，也被称为“新历年”、“阳历年”，在古代指阴历的正
    月初一。1949年9月27日，中国人民政治协商会议第一届全体会议正式确立公历1月1
    日为元旦。元旦是世界上很多国家或地区的法定假日。</p>
    <div id="" class="">
        <img src="img/1.jpeg" width="300" height="165">
        <img src="img/2.jpeg" width="300" height="165">
    </div>
    <hr size="2" color="red" width="="100%/>
    <p align="center">Web前端开发工作室 Copyright &copy;2017-2020
    </p>
</body>
</html>

在这里插入图片描述

项目4 求知家园

<!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">
        p{
            font-size:24px;
            color:blue;
        }
        </style>
</head>
<body bgcolor="#99ffff">
    <p align="center">欢迎来到我们的求知家园<br/>
     <hr color="#ff3333" size="5">
</body>
</html>

在这里插入图片描述

项目5 Google搜索

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Google搜索</title>
</head>
<body bgcolor="#ffff33">
    <p>欢迎使用Google搜索</p>
    <img src="img/3.jpeg" width="275" height="95" border="0" alt="" />
    <hr size="5" color="#0033ff"/>
</body>
</html>

在这里插入图片描述

吕傲天

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
第一次web前端作业

项目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"&g
复制链接

扫一扫