1
2
3
4
5
6

表格标记

发布时间:2019-10-22 20:38   发布人:侯素玲   浏览次数:3026

1.表格常用标记

标记

功能

<table>...</table>

定义一个表格开始和结束

<caption>…</caption>

定义表格标题,可以使用属性align,属性值top、bottom

<tr>…</tr>

定义行,一行可以由多组<td>或<th>标记组成

<td>…</td>

定义单元格,必须放在<tr>标记内

<th>…</th>

定义表头单元格,是一种特殊的单元格标记,在表格中不是必须的

<thead>…</thead>

定义表格的页眉

<tbody>…</tbody>

定义表格的主体

<tfoot>…</tfoot>

定义表格的页脚


2.表格常用属性

属性名

功能

width、height

宽度和高度

align

在页面上的水平位置

border

边框

cellspacing

单元格之间的间距

cellpadding

单元格内容与边框间的空白距离

3.跨多行多列的单元格

      (1) 跨多行rowspan :<td rowspan="2"> 表示此单元格的跨度为2行

      (2) 跨多列colspan :<td colspan="3"> 表示此单元格的跨度为3列


参考资料

thead,tbody,tfoot


  • 侯素玲 2019-11-12 19:59:16
    今天发现一个问题,当鼠标移动到一行上,让它变色时,有的时候tr:hover{background-color:#f5f5f5}起作用,有时候不起作用,必须使用tr: hover td{background-color:#f5f5f5;},很奇怪,有没有同学遇到过?