HTML5——表格

1、<table></table>表格
2礁遵、<tr></tr>表格的一行
3轻绞、<td></td>表格的一個(gè)單元格,表格中一行有幾個(gè)單元格佣耐,表格就有幾列
4政勃、<th></th>表頭,表格頭部的一個(gè)單元格
5兼砖、表格中列的個(gè)數(shù)奸远,取決于一行中數(shù)據(jù)單元格的個(gè)數(shù)。
6讽挟、border屬性可以為表格添加邊框懒叛,屬性值為數(shù)字。

<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>

上述代碼是用 css 樣式代碼耽梅,為th薛窥,td單元格添加粗細(xì)為一個(gè)像素的黑色邊框。

表格摘要:

<table summary="表格簡(jiǎn)介文本">  

表格標(biāo)題:

<table>
    <caption>標(biāo)題文本</caption>  
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>
…
</table>

注意:

1眼姐、table標(biāo)簽用來(lái)定義整個(gè)表格诅迷,為雙標(biāo)簽,必須有結(jié)束標(biāo)簽妥凳。

2、table標(biāo)簽里面可以放caption標(biāo)簽和tr標(biāo)簽答捕。

3逝钥、caption標(biāo)簽用來(lái)定義表格的標(biāo)題。

4拱镐、tr標(biāo)簽用來(lái)設(shè)置表格的行艘款,tr里面只能放th或者td標(biāo)簽,一組tr標(biāo)簽代表一行沃琅。

5哗咆、th用來(lái)設(shè)置表格的標(biāo)題,會(huì)加粗居中顯示益眉。也就是th標(biāo)簽中的文本默認(rèn)為粗體并且居中顯示晌柬。

6姥份、td同來(lái)設(shè)置表格的列,一組td標(biāo)簽代表一列年碘。

7澈歉、table表格在沒(méi)有添加border屬性之前, 在瀏覽器中顯示是沒(méi)有表格線的。

使用thead屿衅、tbody埃难、tfoot定義表格

1、<thead>標(biāo)簽定義表格的表頭涤久。該標(biāo)簽用于組合 HTML 表格的表頭內(nèi)容涡尘。

2、<tbody>…</tbody>:如果不加<thead><tbody><tfooter>, table表格加載完后才顯示响迂。加上這些表格結(jié)構(gòu)考抄, tbody包含行的內(nèi)容下載完優(yōu)先顯示,不必等待表格結(jié)束后在顯示栓拜,同時(shí)如果表格很長(zhǎng)座泳,用tbody分段,可以一部分一部分地顯示幕与。(通俗理解table`可以按結(jié)構(gòu)一塊塊的顯示挑势,不再等整個(gè)表格加載完后顯示。)

3啦鸣、<tfoot>元素用于對(duì) HTML 表格中的表注(頁(yè)腳)內(nèi)容進(jìn)行分組潮饱。

4、thead诫给、tfoot 以及 tbody元素使您有能力對(duì)表格中的行進(jìn)行分組香拉。當(dāng)您創(chuàng)建某個(gè)表格時(shí),您也許希望擁有一個(gè)標(biāo)題行中狂,一些帶有數(shù)據(jù)的行凫碌,以及位于底部的一個(gè)總計(jì)行。這種劃分使瀏覽器有能力支持獨(dú)立于表格標(biāo)題和頁(yè)腳的表格正文滾動(dòng)胃榕。當(dāng)長(zhǎng)的表格被打印時(shí)盛险,表格的表頭和頁(yè)腳可被打印在包含表格數(shù)據(jù)的每張頁(yè)面上。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末勋又,一起剝皮案震驚了整個(gè)濱河市苦掘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌楔壤,老刑警劉巖鹤啡,帶你破解...
    沈念sama閱讀 212,222評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異蹲嚣,居然都是意外死亡递瑰,警方通過(guò)查閱死者的電腦和手機(jī)祟牲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,455評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)泣矛,“玉大人疲眷,你說(shuō)我怎么就攤上這事∧啵” “怎么了狂丝?”我有些...
    開封第一講書人閱讀 157,720評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)哗总。 經(jīng)常有香客問(wèn)我几颜,道長(zhǎng),這世上最難降的妖魔是什么讯屈? 我笑而不...
    開封第一講書人閱讀 56,568評(píng)論 1 284
  • 正文 為了忘掉前任蛋哭,我火速辦了婚禮,結(jié)果婚禮上涮母,老公的妹妹穿的比我還像新娘谆趾。我一直安慰自己,他們只是感情好叛本,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,696評(píng)論 6 386
  • 文/花漫 我一把揭開白布沪蓬。 她就那樣靜靜地躺著,像睡著了一般来候。 火紅的嫁衣襯著肌膚如雪跷叉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,879評(píng)論 1 290
  • 那天营搅,我揣著相機(jī)與錄音云挟,去河邊找鬼。 笑死转质,一個(gè)胖子當(dāng)著我的面吹牛园欣,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播休蟹,決...
    沈念sama閱讀 39,028評(píng)論 3 409
  • 文/蒼蘭香墨 我猛地睜開眼沸枯,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了鸡挠?” 一聲冷哼從身側(cè)響起辉饱,我...
    開封第一講書人閱讀 37,773評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤搬男,失蹤者是張志新(化名)和其女友劉穎拣展,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缔逛,經(jīng)...
    沈念sama閱讀 44,220評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡备埃,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,550評(píng)論 2 327
  • 正文 我和宋清朗相戀三年姓惑,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片按脚。...
    茶點(diǎn)故事閱讀 38,697評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡于毙,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出辅搬,到底是詐尸還是另有隱情唯沮,我是刑警寧澤,帶...
    沈念sama閱讀 34,360評(píng)論 4 332
  • 正文 年R本政府宣布堪遂,位于F島的核電站介蛉,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏溶褪。R本人自食惡果不足惜币旧,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,002評(píng)論 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望猿妈。 院中可真熱鬧吹菱,春花似錦、人聲如沸彭则。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,782評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)贰剥。三九已至倾剿,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蚌成,已是汗流浹背前痘。 一陣腳步聲響...
    開封第一講書人閱讀 32,010評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留担忧,地道東北人芹缔。 一個(gè)月前我還...
    沈念sama閱讀 46,433評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像瓶盛,于是被迫代替她去往敵國(guó)和親最欠。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,587評(píng)論 2 350