一起來學習制作表格

在HTML中,使用table標簽來創(chuàng)建一個表格

在table標簽中使用tr來表示表格中的一行,有幾行就有幾對tr

在tr中需要使用td來創(chuàng)建一個單元格,有幾個單元格就有幾個td

表格分為三個部分,表頭,表格的主體,表格底部

在HTML中為我們提供了三個標簽:

thead 表頭

tbody 表格主體

tfoot 表格底部

這三個標簽的作用,就來區(qū)分表格的不同的部分,他們都是table的子標簽,都需要直接寫到table中,tr需要寫在這些標簽當中

thead中的內(nèi)容,永遠會顯示在表格的頭部

tbody中的內(nèi)容,永遠都會顯示表格的中間tfoot中的內(nèi)容

tfoot中的內(nèi)容,永遠都會顯示表格的底部

接下來讓我們一起制作一個表格吧


先建一個table盒子 然后在它里面寫內(nèi)容,thead相當于它的頭部,它里面寫的內(nèi)容永遠都是在表格頭部,caption這個盒子里面寫的內(nèi)容就是表格的標題,tbody中的內(nèi)容,永遠都會顯示表格的中間tfoot中的內(nèi)容,td里面我們就寫表格框里的內(nèi)容,

下面就是我做的效果

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容