表格(TABLE)標(biāo)記(TAGS)詳細(xì)介紹

2019-10-26 17:26:47

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

表格的基本語法

<table>...</table> - 定義表格
<tr> - 定義表行
<th> - 定義表頭
<td> - 定義表元(表格的具體數(shù)據(jù))

帶邊框的表格：

復(fù)制代碼

代碼如下:
<table border>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Food	Drink	Sweet
A	B	C

不帶邊框的表格：

復(fù)制代碼

代碼如下:
<table>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Food	Drink	Sweet
A	B	C

跨多行、多列的表元(Table Span)

跨多列的表元 <th colspan=#>

復(fù)制代碼

代碼如下:
<table border>
<tr><th colspan=3> Morning Menu</th>
<tr><th>Food</th> <th>Drink</th> <th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Morning Menu
Food	Drink	Sweet
A	B	C

跨多行的表元 <th rowspan=#>

復(fù)制代碼

代碼如下:
<table border>
<tr><th rowspan=3> Morning Menu</th>
<th>Food</th> <td>A</td></tr>
<tr><th>Drink</th> <td>B</td></tr>
<tr><th>Sweet</th> <td>C</td></tr>
</table>

Morning Menu	Food	A
	Drink	B
	Sweet	C

上一篇：有沒有仔細(xì)了解過<!DOCTYPE>標(biāo)簽它是如何定義如何使用

下一篇：HTML相對(duì)路徑(Relative Path)和絕對(duì)路徑(Absolute Path)深入理解

學(xué)習(xí)交流

電腦開不了機(jī)的原因和解決辦法

電腦開不了機(jī)的原因和解決辦法...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注

新聞熱點(diǎn)

榮耀總裁趙明烏鎮(zhèn)演講：榮耀首款5G手機(jī)V30下月發(fā)布

2019-10-23 09:17:05

搜狐張朝陽：回歸媒體是搜狐重新崛起的關(guān)鍵

2019-10-21 09:20:02

華為輪值董事長郭平：虛擬技術(shù)創(chuàng)造現(xiàn)實(shí)價(jià)值

2019-10-21 09:00:12

滴滴英文服務(wù)上線兩周年用戶已超200萬

2019-09-26 08:57:12

華為推出全球至快AI訓(xùn)練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國技術(shù)團(tuán)隊(duì)

2019-09-25 08:15:43

疑難解答

圖片精選

網(wǎng)友關(guān)注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

表格(TABLE)標(biāo)記(TAGS)詳細(xì)介紹