设计并完成一个HTML页面的制作,内容应包含文本标签、表格标签的运用
时间: 2024-09-16 16:05:23 浏览: 45
晕倒:“用web2.0来制作符合标准的页面”
设计一个基本的HTML页面通常包括头部信息、主体内容以及页脚。这里是一个简单的例子,展示了如何使用文本标签(`<p>`)、标题标签(`<h1>`)、段落标签(`<br>`)和表格标签(`<table>`):
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个HTML页面</title>
<style>
table {
width: 100%;
border-collapse: collapse;
}
th, td {
padding: 15px;
text-align: left;
border-bottom: 1px solid #ddd;
}
</style>
</head>
<body>
<header>
<h1>欢迎来到我的网页</h1>
</header>
<main>
<section>
<p>这是页面的主要内容:</p>
<p>这是一个示例段落。</p>
<br>
<p>我们可以使用表格展示数据:</p>
</section>
<table>
<caption>联系表</caption>
<thead>
<tr>
<th>姓名</th>
<th>邮箱</th>
<th>电话</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>zhangsan@example.com</td>
<td>13912345678</td>
</tr>
<!-- 可以添加更多行... -->
</tbody>
</table>
</main>
<footer>
© 2023 My Website. All rights reserved.
</footer>
</body>
</html>
```
在这个例子中,我们创建了一个包含标题、段落和一个简单表格的页面。表格用于展示数据,样式通过`<style>`标签内的CSS进行了设置。
阅读全文