隨著自己自學(xué)HTML和CSS躯嫉,實(shí)驗(yàn)室學(xué)姐給我布置了這周的任務(wù)库正,制作一個表格绞吁。
代碼
代碼已存入GitHTML表格制作胀溺,如下圖則是結(jié)果顯示:
相關(guān)標(biāo)簽解釋
-
th
和td
的異同:
- 相同點(diǎn):
<th>
和<td>
標(biāo)簽都是用于表格單元格顯示的裂七。 - 不同點(diǎn):
<th>
標(biāo)簽定義表格內(nèi)表頭的單元格,內(nèi)部的文本通常會呈現(xiàn)粗體仓坞。
-
<caption>
標(biāo)簽表示表頭名稱背零。語法:<caption>購物車</caption>
- 跨行:
<rowspan="數(shù)字"></rowspan>
- 跨列:
<colspan="數(shù)字"></colspan>
- 定義樣式:
<style>相關(guān)樣式</style>
心得
通過完成這次表格制作的任務(wù),我學(xué)到了相關(guān)標(biāo)簽的使用无埃,也知道了<th>
標(biāo)簽和<td>
標(biāo)簽的區(qū)別徙瓶。也希望學(xué)姐今后繼續(xù)給我布置任務(wù)讓我完成,這樣我就有了目標(biāo)嫉称,不像之前侦镇,學(xué)了之后不加實(shí)踐練習(xí),很快就會忘了澎埠。