HTML——表格

149 阅读1分钟

HTML——表格标签

主要用于展示数据,但同样可以布局页面(嵌套关系)

一、

<table>
    <tr>
        <td>单元格内的文字</td>
    </tr>
</table>

1.

是用于定义表格的标签

2.用于定义表格中的行,必须嵌套在

3.

用于定义表格中的单元格,必须嵌套在中

4.字母td指表格数据(table data),即数据单元格的内容

5.

表示table head,文字会居中加粗

二、表格的属性

tips:都写在table标签里面

1.align:left/center/right(规定元素的对齐方式)

2.border:1或""(规定表格单元是否有边框)

3.width:像素值或百分比(规定表格的宽度)

4.cellspacing:规定单元格之间的空白,默认2像素

5.cellpadding:规定单元边沿与其内容之间的空白,默认1像素

三、合并单元格

1.合并方式:

跨行合并:rowspan=“合并单元格的个数”

跨列合并:colspan=“合并单元格的个数”

2.目标单元格(写合并代码)

跨行:最上侧作为目标单元格

跨列:最左侧

3.三部曲

(1)确定跨行还是跨列

(2)找到目标单元格,写合并方式=合并的单元格数量

(3)切记:删除多余的单元格(即就是要被合并的单元格)

\