必備基礎(chǔ)知識(shí)
- 所有表格都是從
<table>
標(biāo)簽開(kāi)始</table>
結(jié)束,因此所有表格的整體屬性都直接加載table標(biāo)簽上<table border=''1'' bgcolor="這是背景色" background="這是背景圖片url">
- 每一行都是用
<tr></tr>
包裹 - 每一行中的每一列
<td></td>
包裹 - 表頭每一格中的內(nèi)容一般都是粗體饲宛,因此如果需要這樣的粗體,表頭行的一列就可以用
<th></th>
此時(shí)其中的字體就是粗體 - 如果有某單元格需要跨行虽画,那么可以在這個(gè)
<td rowspan=“跨行數(shù)目”>
- 如果有某單元格需要跨列婚肆,那么可以在這個(gè)
<td colspan=“跨列數(shù)目”>
題目
題目
題目分析
- 1.整個(gè)表格共有5行4列驳阎,并且border=1
- 2.行列均有表頭脑豹,并且有跨行跨列的表格單元格
- 3.第一行郑藏,三列,都是
<th>
晨缴,第二列colspan是2,第一和第三rowspan是2 - 4.第二行兩個(gè)元素译秦,都是th
- 5.三四行一樣都是四個(gè)單元格峡捡,第一個(gè)是th
- 6.第五行兩個(gè)單元格击碗,第一個(gè)colspan是3并且是td
搭建好框架開(kāi)始填文字即可
- 1.純HTML文字標(biāo)簽:
Paste_Image.png
點(diǎn)擊了解他們的詳細(xì)信息
輸出
- 1.代碼地址:github地址的task2
-
2.結(jié)果
Paste_Image.png