设计并完成一个HTML页面的制作,内容应包含文本标签、表格标签的运用,提交代码文件及页面效果)
时间: 2024-09-16 14:04:55 浏览: 60
HTML+CSS一个简单的电影网页制作作业,学生个人html静态网页制作成品代码, html电影速递网
5星 · 资源好评率100%
设计一个简单的HTML页面,我们将使用基本元素如`<html>`标签作为根容器,`<head>`部分放置元数据,`<body>`则用于显示网页内容。这里是一个基础的例子,包括文本和表格:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个HTML页面</title>
<style>
table {
width: 50%;
border-collapse: collapse;
margin-bottom: 20px;
}
th, td {
padding: 10px;
text-align: left;
border-bottom: 1px solid #ddd;
}
</style>
</head>
<body>
<h1>欢迎来到我的主页</h1>
<p>这是一个示例文本段落。</p>
<!-- 表格 -->
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>职业</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>30</td>
<td>程序员</td>
</tr>
<tr>
<td>李四</td>
<td>25</td>
<td>设计师</td>
</tr>
</tbody>
</table>
<!-- 提交按钮,这里只是一个占位符,实际应用中通常通过表单实现 -->
<button type="submit">提交信息</button>
</body>
</html>
```
你可以将这段代码保存为`.html`文件,然后在浏览器中打开查看效果。这个例子中展示了标题、段落以及一个简单的表格,并有一个用于演示的提交按钮。
阅读全文