html5 表格标签 table tr td

?

最重要的三个

<table>???? 表格声明标签

属性:

1. boarder????边框粗细
2. style????可配合css 使用

<tr>????行标签 table row 有表就可以建行

<td>????单元格标签 table data???? 有行就可以建数据

属性:

1. colspan????data占用格子, 或者可以理解为这个单元格要合并多少个横向的单元格.
2. rowspan????纵向占用格子…

<th>????tablehead????单元格表头, 特殊类td, 由于表头的文字都会居中加粗, 是有一点不一样.

<!-- table 是表格声明标签, tr是一行, td是一格 -->

<table border="1" style="width: 300px;">????

<!-- board 边框属性, 值越大越粗????style是配合css一起使用的, 设置行宽px是像素为单位. -->

????<tr>????????????????????????????????????

????????<td>第一行,第一格</td>????

????????<td>第一行,第二格</td>

????????<td>第一行,第三格</td>

????</tr>

????<tr>

????????<td>第2行,第一格</td>

????????<td>第2行,第二格</td>

????????<td>第2行,第三格</td>

????</tr>

????<br>

????

????<table border="1" style="width: 300px;">????<!-- 复制的???? -->

????<tr>

????????<td>第一行,第一格</td>????

????????<td>第一行,第二格</td>

????????<td>第一行,第三格</td>

????</tr>

????<tr>

????????<td>第2行,第一格</td>

????????<td>第2行,第二格</td>

????????<td>第2行,第三格</td>

????</tr>

????<tr>

????????<td>只有一格</td>

????</tr>

????<tr>

????????<td colspan="3">只有一格,共占3格</td>

????

表的结构排序<thead><tbody><tfoot>

<tr>有多行, 有时候数据很多, 不一定能顾及前后, thead等的语义就是强制吧thead包括的内容全部调到第一展示. 而tfoot调到最后. 这是一个编程的规范

<table>

????<thead>

????????<td>1</td>

????</thead>

????<tbody>

????????<td>2</td>

????</tbody>

????<tfoot>

????????<td>3</td>

????</tfoot>

</table>

?

<caption>????表的标题, 在框外.

background????通用属性, 用于颜色控制

注,此方法设置列的颜色行不通.

?

<colgrounp>

这个只能设置第一列是红色, 不能设置指定列的颜色.

如果是<colgroup style="background:red;"span =2> <colgroup>????????span=2 只能是前两列而不是第二列

两种正确的方法

1.先设置第一列的颜色,在设置第二列颜色

2.使用col占位符

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有