在 HTML 中,表格用于组织和显示数据。使用 <table>
标签可以创建表格,并使用 <tr>
、<th>
和 <td>
等标签来定义表格的行和单元格。以下是关于 HTML 表格的详细说明和示例:
基本表格结构
html
<table>
<tr>
<th>列标题1</th>
<th>列标题2</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
<table>
: 定义表格。<tr>
: 定义表格行。<th>
: 定义表格头部单元格,通常用来表示列标题。<td>
: 定义表格数据单元格。
表格边框
使用 CSS 可以添加边框来美化表格:
html
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 10px;
text-align: left;
}
</style>
<table>
<tr>
<th>列标题1</th>
<th>列标题2</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td