Web前端之路

HTML5之表格

2017-08-06  本文已影响13人  前端梵风

一,表格结构

1.<table>:它是创建表格元素。创建后,表格的内容逐行编写。

2.<tr>:它是起始标签,代表每行的开始(table row)。

3.<td>:它是表示表格中的每一个单元格(table data)。代码有点类似我们之前讲的HTML5的列表。

二,表格的标题

1.<th>:它是表格的标题,属性scope="row"是表明标题是一个行标题,scope="col"是表明标题是一个列标题。

三,跨列

1.跨列需要用到css样式中的colspan="#"。

四,跨行

1.跨行需要用到css样式中的rowspan="#"。

五,长表格

1.<thead>:表格中的标题应该放在<thead>元素中。

2.<tbody>:表格主体部分应该放在<tbody>元素中。

3.<tfoot>:表格的脚部注释应该放在<tfoot>元素中。

上一篇 下一篇

猜你喜欢

热点阅读