表格作为常用标签之一,用处非常广泛,随处可见的你意想不到的可能都是表格所做。
标签:
<table>
:定义表格,放于外层,包裹<tr><td>...
;
<tr>
(table row):定义表格行;
<td>
(table data):定义表格单元格;
<th>
(table head):定义表格表头;
基本实例
代码:
<table>
<tr>
<td>(1,1)</td>
<td>(1,2)</td>
</tr>
<tr>
<td>(2,1)</td>
<td>(2,2)</td>
</tr>
</table>
显示:
(1,1) | (1,2) |
(2,1) | (2,2) |
代码:
<table>
<tr>
<th>title1</th>
<th>title2</th>
</tr>
<tr>
<td>(2,1)</td>
<td>(2,2)</td>
</tr>
<tr>
<td>(3,1)</td>
<td>(3,2)</td>
</tr>
</table>
显示:
title1 | title2 |
---|---|
(2,1) | (2,2) |
(3,1) | (3,2) |
table常用属性:
width | 设置表格宽度 |
height | 设置表格高度 |
border | 设置表格的边框宽度 |
align | 设置表格在网页中的水平对齐方式 |
bgcolor | 设置表格的整体背景颜色 |
td/th常用属性:
width | 设置单元格的宽度 |
height | 设置单元格的高度 |
align | 设置单元格中的内容的水平对齐方式 |
valign | 设置单元格中的内容的垂直对齐方式 |
rowspan | 设置要跨行(纵向)合并的单元格数 |
colspan | 设置要跨列(横向)合并的单元格数 |
欢迎指错,补充,持续更新~