300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > HTML 表格table tr td 表头标题 表结构 合并单元格

HTML 表格table tr td 表头标题 表结构 合并单元格

时间:2021-05-25 12:49:33

相关推荐

HTML 表格table tr td 表头标题 表结构 合并单元格

文章目录

表格基本标签表格属性表格标题和表头单元格标签表格的结构标签(了解)合并单元格

表格基本标签

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

1. <table> </table>是用于定义表格的标签。2. <tr> </tr>标签用于定义表格中的行,必须嵌套在<table> </table>标签中。3. <td> </td>用于定义表格中的单元格,必须嵌套在<tr> </tr>标签中。4.字母td指表格数据 ( table data) , 即数据单元格的内容。

表格属性

align :left、center、 right规定表格相对周围元素的对齐方式。border:1或""规定表格单元是否拥有边框,默认为"",表示没有边框cellpadding: 像素值规定单元边沿与其内容之间的空白,默认1像素。cellspacing: 像素值规定单元格之间的空白,默认2像素。width: 像素值或百分比规定表格的宽度。

表格标题和表头单元格标签

表格的结构标签(了解)

使用场景:因为表格可能很长,为了更好的表示表格的语义,可以将表格分割成表格头部和表格主体两大部分.

在表格标签中,分别用:

< thead> < /thead> :用于定义表格的头部。

< thead> 内部必须拥有< tr>标签。

一般是位于第一行。< tbody> < /tbody> :用于定义表格的主体,主要用于放数据本体。以上标签都是放在< table> < /table>标签中。

合并单元格

只有同一个结构标签中的单元格才能合并,不能跨结构标签合并(不能跨:thead、tbody、tfoot)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。