表格标签
<table>
<tr>
<td>
属性:
-
<table>标签的相关属性:
- cellspacing:定义单元格之间的空白,默认2像素。
- cellpadding:定义单元边沿与其内容之间的空白,默认像素为1,表示内边距。
- width:定义表格的宽度,可以为像素值或百分比。
- height:定义表格的高度,可以为像素值或百分比。
- border:定义表格的边框,默认为1像素,如果设置为"",表示没有边框。
-
<tr>标签的相关属性:无
-
<td>标签的相关属性:无
<thead>
- 表格头部标签,用于定义表格的表头,其中包含表头行
<tr>和表头单元格<th>。
<tbody>
- 表格主体标签,用于定义表格的主要内容,其中包含数据行
<tr>和数据单元格<td>。
<th>
- 表头单元格标签,用于定义表格的表头内容,字体会居中且加粗。
表格的布局属性
- align:定义对齐方式,可以设置为left、center、right。
数据行的对齐属性
- align:定义对齐方式,可以设置为left、center、right。
示例代码中的表格
| 姓名 |
年龄 |
性别 |
| 小明 |
12 |
男 |
| 小黄 |
15 |
男 |
| 小花 |
12 |
女 |
| 属性名 |
属性值 |
描述 |
| align |
left、center、right |
对齐方式 |
| border |
1或"" |
边框,默认为"",表示没有边框 |
| cellpadding |
像素值 |
单元边沿与其内容之间的空白,默认像素为1,内边距 |
| cellspacing |
像素值 |
单元格之间的空白,默认2像素 |
| width |
像素值或百分比 |
表格的宽度 |
```
<table cellspacing="10" cellpadding="1" width="169px" height="153" border="1" align="center">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr align="center">
<td>小明</td>
<td>12</td>
<td>男</td>
</tr>
<tr align="center">
<td>小黄</td>
<td>15</td>
<td>男</td>
</tr>
<tr align="center">
<td>小花</td>
<td>12</td>
<td>女</td>
</tr>
</tbody>
</table>
<table>
<tr>
<th>属性名</th>
<th>属性值</th>
<th>描述</th>
</tr>
<tr>
<td>align</td>
<td>left、center、right</td>
<td>对齐方式</td>
</tr>
<tr>
<td>border</td>
<td>1或""</td>
<td>边框,默认为"",表示没有边框</td>
</tr>
<tr>
<td>cellpadding</td>
<td>像素值</td>
<td>单元边沿与其内容之间的空白,默认像素为1,内边距</td>
</tr>
<tr>
<td>cellspacing</td>
<td>像素值</td>
<td>单元格之间的空白,默认2像素</td>
</tr>
<tr>
<td>width</td>
<td>像素值或百分比</td>
<td>表格的宽度</td>
</tr>
</table>
```
在示例代码中,包含了两个表格,第一个表格是一个简单的表格,用于演示表格的基本结构。第二个表格是一个具有样式和属性的数据表格,其中包含表头和数据行,使用了一些属性来定义表格的样式和布局。