Rumah  >  Artikel  >  hujung hadapan web  >  h5中​重要的三个表格标签(table tr td)

h5中​重要的三个表格标签(table tr td)

零下一度
零下一度asal
2018-03-16 12:36:026671semak imbas

最重要的三个:

f5d188ed2c074f8b944552db028f98a1表格声明标签

属性:

  1. boarder    边框粗细

  2. style    可配合css 使用

a34de1251f0d9fe1e645927f19a896e8    行标签 table row 有表就可以建行

b6c5a531a458a2e790c1fd6421739d1c    单元格标签 table data     有行就可以建数据

属性:

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

  2. rowspan    纵向占用格子…

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

<!-- table 是表格声明标签, tr是一行, td是一格 -->
<tableborder="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>
<tableborder="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>
<tdcolspan="3">只有一格,共占3格</td>

    

表的结构排序ae20bdd317918ca68efdc799512a9b3992cee25da80fac49f6fb6eec5fd2c22a06669983c3badb677f993a8c29d18845

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

<table>
<thead>
<td>1</td>
</thead>
<tbody>
<td>2</td>
</tbody>
<tfoot>
<td>3</td>
</tfoot>
</table>

63bd76834ec05ac1f4c0ebbeaafb0994    表的标题, 在框外.

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

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

<colgrounp>

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

如果是

<colgroup style="background:red;" span =2> <colgroup>

span=2 只能是前两列而不是第二列

两种正确的方法

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

2.使用col占位符

Atas ialah kandungan terperinci h5中​重要的三个表格标签(table tr td). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn