在掌握了HTML的基础知识之后,接下来我们将探索一些进阶内容,包括如何使用HTML创建表格、表单以及进行基本的网页布局。
1. 表格(Tables)
表格是HTML中用于展示数据的一种结构。它非常适合展示行列数据,如员工信息、产品列表等。
html复制代码
<table border="1"> | |
<tr> | |
<th>姓名</th> | |
<th>年龄</th> | |
<th>职业</th> | |
</tr> | |
<tr> | |
<td>张三</td> | |
<td>30</td> | |
<td>软件工程师</td> | |
</tr> | |
<tr> | |
<td>李四</td> | |
<td>25</td> | |
<td>UI设计师</td> | |
</tr> | |
</table> |
<table>
标签定义表格。<tr>
(table row)定义表格行。<th>
(table header)定义表头单元格,通常包含标题。<td>
(table data)定义表格标准单元格,用于显示数据。
2. 表单(Forms)
表单是网页上用于收集用户输入(如文本、密码、选择项等)的部分。表单数据可以提交到服务器进行处理。
html复制代码
<form action="/submit-form" method="post"> | |
<label for="name">姓名:</label> | |
<input type="text" id="name" name="name"><br> | |
<label for="password">密码:</label> | |
<input type="password" id="password" name="password"><br> | |
<input type="submit" value="提交"> | |
</form> |