HTML表格<table>标签使用及属性

表格作为常用标签之一,用处非常广泛,随处可见的你意想不到的可能都是表格所做。

标签:
<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 设置要跨列(横向)合并的单元格数

欢迎指错,补充,持续更新~

猜你喜欢

转载自blog.csdn.net/z18223345669/article/details/109273086