应用网页设计学到的标签设计一张网页,以爱国为主题,要求布局合理,有文字有图片用到所学的标签,例如表格、form表单,嵌入图片,列表、超链接等,
时间: 2023-03-21 22:02:04 浏览: 82
很高兴为您展示一下我能够创建的网页设计。下面是一个以爱国为主题的网页,其中应用了多种标签,如div、img、form、table、ul和a等。请注意,这只是一个示例,并不代表完整的网页设计。
```
<!DOCTYPE html>
<html>
<head>
<title>爱国主题网页</title>
<style>
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
}
h1 {
font-size: 36px;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
}
img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
table {
border-collapse: collapse;
margin-bottom: 40px;
}
table, th, td {
border: 1px solid black;
padding: 10px;
text-align: center;
}
ul {
margin-bottom: 40px;
padding-left: 20px;
}
li {
margin-bottom: 10px;
}
a {
color: red;
text-decoration: none;
}
</style>
</head>
<body>
<div class="container">
<h1>热爱祖国,共筑中国梦</h1>
<img src="https://picsum.photos/1200/400" alt="爱国主题图片">
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br><br>
<label for="message">留言:</label><br>
<textarea id="message" name="message" rows="4" cols="50"></textarea><br><br>
<input type="submit" value="提交">
</form>
<table>
<tr>
<th>日期</th>
<th>事件</th>
<th>地点</th>
</tr>
<tr>
<td>1949年10月1日</td>
<td>中华人民共和国成立</td>
<td>北京天安门广场</td>
</tr>
<tr>
<td>2008年8月8日</td>
<td>北京奥运会开幕式</td>
<td>北京国家体育场</td>
</tr>
<tr>
<td>2021年7月1日</td>
<td>香港特别行政区政府改组</td>
<td>香港特别行政区政府总部</td>
</tr>
</table>
<ul>
<li>中国是一个有着5000多年悠久历史的文明古国。</li>
<li>中国拥有世界上最多