应用网页设计学到的标签设计一张网页,以爱国为主题,要求布局合理,有文字有图片用到所学的标签,例如表格、form表单,嵌入图片,列表、超链接等,网页中要有自己的独特标记,
时间: 2023-03-21 07:01:58 浏览: 83
<!DOCTYPE html>
<html>
<head>
<title>爱国主题网页</title>
<meta charset="utf-8">
<style>
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #cc0000;
color: #ffffff;
padding: 10px;
}
h1 {
margin: 0;
text-align: center;
}
nav {
background-color: #ffffff;
border: 1px solid #999999;
padding: 10px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
nav li {
float: left;
}
nav a {
display: block;
color: #333333;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
nav a:hover {
background-color: #333333;
color: #ffffff;
}
section {
padding: 10px;
margin: 10px;
background-color: #ffffff;
border: 1px solid #999999;
}
aside {
float: right;
width: 30%;
padding: 10px;
margin: 10px;
background-color: #ffffff;
border: 1px solid #999999;
}
footer {
background-color: #cc0000;
color: #ffffff;
padding: 10px;
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>爱国主题网页</h1>
</header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">历史沿革</a></li>
<li><a href="#">名人事迹</a></li>
<li><a href="#">爱国诗歌</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
<section>
<h2>祖国万岁</h2>
<p>中国,是一个有着五千年文明历史的伟大国家。我们的祖先用自己的汗水和鲜血,开创了中华文明的辉煌历史。今天,我们生活在这片充满着爱的土地上,我们需要爱我们的祖国,珍爱我们的家园。</p>
<p>作为一名合格的中国人,我们应该有着对祖国的无限热爱和对祖国发展的深刻关注。只有这样,我们才能在祖国的繁荣昌盛中享受幸福生活。</p>
<h3>中华民族伟大复兴</h3>
<p>中国梦,是每一个中国人的梦。我们要为中华民