久久久久久久视色,久久电影免费精品,中文亚洲欧美乱码在线观看,在线免费播放AV片

<center id="vfaef"><input id="vfaef"><table id="vfaef"></table></input></center>

    <p id="vfaef"><kbd id="vfaef"></kbd></p>

    
    
    <pre id="vfaef"><u id="vfaef"></u></pre>

      <thead id="vfaef"><input id="vfaef"></input></thead>

    1. 站長(zhǎng)資訊網(wǎng)
      最全最豐富的資訊網(wǎng)站

      解析Table標(biāo)簽,不要再把td、th、tr搞混了!

      摘要

      HTML中Table標(biāo)簽自己一直掌握的都不是很好,經(jīng)常把td、th、tr搞混。雖說現(xiàn)在的開發(fā)中很少使用原生的HTML,基本都是用別人寫好的前端組件,但別人寫的table組件一般也是按照原生table的那些層次來設(shè)計(jì)的?!就扑]:HTML視頻教程】

      所以今天干脆就好好總結(jié)一下!

      基本結(jié)構(gòu)

      標(biāo)簽 說明 常用屬性
      table 表格最頂級(jí)標(biāo)簽 border:邊框?qū)挾?;width:表格寬度;align:表格數(shù)據(jù)的對(duì)齊方式;cellpadding:表示每個(gè)單元格中內(nèi)容與邊框的距離,該值越大,表格給人的視覺感受越大;cellspacing表示每個(gè)相鄰單元格之間的距離
      thead 表頭的父標(biāo)簽
      tr(table row) 列名稱的父標(biāo)簽,一般一個(gè)thead中只有一個(gè)tr,因?yàn)橐话阋粋€(gè)表只有一行列名
      th(table header cell) 表示表頭單元格,里面的數(shù)據(jù)就是列名
      tbody 表單數(shù)據(jù)部分的父標(biāo)簽
      td(table data cell) 數(shù)據(jù)單元格,具體的數(shù)據(jù)就是放在這個(gè)標(biāo)簽中
      tfoot 表示表格頁腳 colspan表示列合并;rowspan表示行合并

      案例

      	<table border="1" cellpadding="2" cellspacing="1" width="500"> 			<!-- cellpadding表示每個(gè)單元格中內(nèi)容與邊框的距離,該值越大,表格給人的視覺感受越大 --> 			<!-- cellspacing表示每個(gè)相鄰單元格之間的距離 --> 			  <thead> 				  <!--thead表頭--> 			    <tr style="background-color: gray;"> 					<!-- tr(table row)表頭中的一行--> 			      <th>項(xiàng)目</th> 				  <!-- th(table header cell)表示表頭單元格,也就是列名 --> 			      <th>單價(jià)/元</th> 				  <th>數(shù)量/斤</th> 				  <th>金額/元</th> 			    </tr> 			  </thead> 			 			  <tbody> 				  <!--tbody表格的數(shù)據(jù)部分  --> 			    <tr> 			      <td>白菜</td> 				  <!-- td(table data cell)是數(shù)據(jù)單元格,具體的數(shù)據(jù)就是放在這個(gè)標(biāo)簽中 --> 			      <td>1.00</td> 				  <td>3</td> 				  <td>3.00</td> 			    </tr> 			    <tr> 			     <td>西瓜</td> 			     <td>0.50</td> 			     <td>10</td> 			     <td>5.00</td> 			    </tr> 			  </tbody> 			   			  <tfoot style="background-color: black;color: white;"> 			  				  <!--tfoot表示表格頁腳  --> 			    <tr> 			      <td colspan="4" align="right">合計(jì):8.00</td> 				  <!-- colspan表示列合并 --> 				  <!-- rowspan表示行合并 --> 			    </tr> 			  </tfoot> 			</table>

      解析Table標(biāo)簽,不要再把td、th、tr搞混了!

      總結(jié)

      • 除了th、td可以制定具體的數(shù)據(jù)外,其他基本上都是類似于不能制定具體內(nèi)容的父標(biāo)簽。th指定表頭中的列名,二td指定具體的數(shù)據(jù)值

      • table主要分為三部分,即表頭thead、表數(shù)據(jù)主體tbody、表格頁腳tfoot

      • th、td的父標(biāo)簽都是tr,就是說必須將th、td放在tr中

      • thead指定數(shù)據(jù)使用th,tbale和tfoot指定數(shù)據(jù)使用td

      解析Table標(biāo)簽,不要再把td、th、tr搞混了!

      贊(0)
      分享到: 更多 (0)
      網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)