HTML中Table標(biāo)簽的基本結(jié)構(gòu)是什么

這篇文章主要介紹了HTML中Table標(biāo)簽的基本結(jié)構(gòu)是什么的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇HTML中Table標(biāo)簽的基本結(jié)構(gòu)是什么文章都會有所收獲，下面我們一起來看看吧。

創(chuàng)新互聯(lián)長期為上1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為祁東企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都做網(wǎng)站，祁東網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

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

標(biāo)簽	說明	常用屬性
table	表格最頂級標(biāo)簽	border：邊框?qū)挾龋粀idth：表格寬度；align：表格數(shù)據(jù)的對齊方式；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>

總結(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

關(guān)于“HTML中Table標(biāo)簽的基本結(jié)構(gòu)是什么”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“HTML中Table標(biāo)簽的基本結(jié)構(gòu)是什么”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文名稱：HTML中Table標(biāo)簽的基本結(jié)構(gòu)是什么
當(dāng)前鏈接：http://muchs.cn/article12/ijdddc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、響應(yīng)式網(wǎng)站、網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)