【温故知新】HTML学习笔记（表格）
生活随笔
收集整理的這篇文章主要介紹了
【温故知新】HTML学习笔记（表格）
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
表格Table
用來(lái)處理和顯示數(shù)據(jù)。
學(xué)習(xí)要求：能手寫(xiě)表格結(jié)構(gòu)，能合并單元格。
<table>里面只能裝<tr>（代表行），<tr>里面只能裝<td>（代表單元格）。
table的常用屬性：
- border：表格的邊框（默認(rèn)為border=“0”無(wú)邊框）；
- cellspacing：單元格與單元格邊框之間的空白間距（默認(rèn)2像素）；
- cellpadding：單元格內(nèi)容與單元格邊框之間的空白間距（默認(rèn)1像素）；
- width：表格的寬度（像素值）；
- height：表格的高度（像素值）；
- align：表格在網(wǎng)頁(yè)中的水平對(duì)齊方式（left、center、right）；
注意→正常三參為0：border、cellspacing、cellpadding設(shè)置為0
表頭標(biāo)簽
<th> </th> 即表頭單元格，一般用于第一行或者第一列，其文本加粗居中。
<table width="500" border="1" align="center" cellspacing="0" cellpadding="10"><tr><th>姓名</th><th>性別</th><th>電話(huà)</th></tr><tr><td>小王</td><td>男</td><td>1391591236</td></tr><tr><td>小金</td><td>女</td><td>15863251122</td></tr></table>表格標(biāo)題
?? ?<table><caption>個(gè)人信息表</caption></table>caption標(biāo)簽必須緊隨table標(biāo)簽之后（只存在表格里面），只能對(duì)每個(gè)表格定義一個(gè)標(biāo)題。
表格結(jié)構(gòu)
- 頭部：<thead> </thead>
- 主題：<tbody> </tbody>
合并單元格
- 跨行合并：rowspan 合并為列
- 跨列合并：colspan ? 合并為行
合并順序：自上而下，先左后右。
刪除的個(gè)數(shù) = 合并的個(gè)數(shù) - 1。
?
總結(jié)
以上是生活随笔為你收集整理的【温故知新】HTML学习笔记（表格）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 【温故知新】HTML学习笔记（上）
- 下一篇： 【温故知新】HTML学习笔记（下）