首頁  >  文章  >  web前端  >  h5中重要的三個表格標籤(table tr td)

h5中重要的三個表格標籤(table tr td)

零下一度
零下一度原創
2018-03-16 12:36:026743瀏覽

最重要的三個:

f5d188ed2c074f8b944552db028f98a1表格宣告標籤

屬性:

  1. boarder    邊框粗細

  2. style     可配合css 使用

style    可配合css 使用

#a34de1251f0d9fe1e645927f19a896e8    行標籤table row 有表就可以建行

b6c5a531a458a2e790c1fd6421739d1c    單元格標籤table data     有行就可以建數據

  1. 屬性:

  2. colspan    data佔用格子, 或可以理解為這個單元格要合併多少個橫向的單元格.

rowspan    縱向佔用格子…

#1fd6eab2a7ee2af6bf57203ef1271614    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>

    

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

    

## 從夫

表格的結構排序ae20bdd317918ca68efdc799512a9b3992cee25da80fac49f6fb6eec5fd2c22a06669983c3badb677f993a8c29d18845

##a34de1251f0d9fe1e645927f19a896e8有多行, 有時候數據很多, 不一定能顧及前後, thead等的語義就是強制吧thead包括的內容全部調到第一展示. 而tfoot調到最後. 這是一個編程的規範

<colgrounp>

63bd76834ec05ac1f4c0ebbeaafb0994    表的標題, 在框外.

background    通用屬性, 用於色彩控制

##註,此方法設定列的顏色行不通.

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

這個只能設定第一列是紅色, 不能設定指定列的顏色.

如果是

rrreeespan=2 只能是前兩列而不是第二列

#########兩個正確的方法############1.先設定第一列的顏色,在設定第二列顏色#########################2.使用col佔位符####### ########

以上是h5中重要的三個表格標籤(table tr td)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn