14 HTML:表格元素

表格元素

table
·表格數(shù)據(jù)

  • 通過二維數(shù)據(jù)表表示的信息
  • 不應該作為布局使用
    ·屬性
  • border (邊框)

caption
表示表格的標題
colgroup
表示表格中的一組列表
-span 默認為1调鬓,表示n列列表
col
定義列上所有公共單元格上的公共語義
-span 默認為1,表示n列列表

tbody
表示表格中一系列行數(shù)據(jù)
子元素只能是tr
可出現(xiàn)多個
thead
定義表格列頭的行
tfoot
定義表格列簡介的行
按照thead tbody tfoot順序顯示,不管代碼中書寫的順序

tr
表示表格中的行
td
表示表格中的單元格
-colspan 表示跨列
-rowspan 表示跨行
-headers 和單元格相關的th的id
th
表示單元格的標題(表頭)
-colspan 表示跨列
-rowspan 表示跨行
-headers 和單元格相關的th的id
-scope 表示單元格是某一行氯窍,某一列,某一行組,某一列組的頭,只有語義上的效果翅娶,沒有視覺效果
·row
·col
·rowgroup
·colgroup
·auto

<table border="1">
<thead>
<tr><th>區(qū)域</th><th>寄達地</th><th>首重 (元/1000g)</th><th>續(xù)重(元/1000g)</th></tr>
</thead>
<tbody>
<tr><th rowspan="2">一區(qū)</th><td>浙江、上海好唯、江蘇</td><td>6</td><td>1</td></tr>
<tr><td>江西竭沫、安徽</td><td>7</td><td>1</td></tr>
<tr><th>二區(qū)</th><td>北京、天津渠啊、河北</td><td>9</td><td>4</td></tr>
<tr><th>三區(qū)</th><td>遼寧输吏、甘肅、四川</td><td>10</td><td>4</td></tr>
<tr><th>四區(qū)</th><td>吉林替蛉、黑龍江、云南</td><td>10</td><td>6</td></tr>
<tr><th>五區(qū)</th><td>新疆拄氯、西藏</td><td>15</td><td>10</td></tr>
</tbody>
</table>


th-rowspan

<table border="1">
<thead><tr><th></th><th>時間</th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th></tr></thead>
<tbody>
<tr><th rowspan="3" scope="rowgroup">上午</th><th scope="row">8:00-8:45</th><td>語文</td><td>數(shù)學</td>…</tr>
<tr><th scope="row">9:00-9:45</th><td>數(shù)學</td><td>數(shù)學</td>…</tr>
<tr><th scope="row">10:00-10:45</th><td>活動</td><td>數(shù)學</td>…</tr>
<tr><th rowspan="2" scope="rowgroup">下午</th><th scope="row">13:00-13:45</th><td>英語</td><td>數(shù)學</td>…</tr>
<tr><th scope="row">14:00-14:45</th><td>勞動</td><td>數(shù)學</td>…</tr>
</tbody>
</table>


th-scope
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末躲查,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子译柏,更是在濱河造成了極大的恐慌镣煮,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,602評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鄙麦,死亡現(xiàn)場離奇詭異典唇,居然都是意外死亡镊折,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評論 2 382
  • 文/潘曉璐 我一進店門介衔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來恨胚,“玉大人,你說我怎么就攤上這事炎咖≡吲荩” “怎么了?”我有些...
    開封第一講書人閱讀 152,878評論 0 344
  • 文/不壞的土叔 我叫張陵乘盼,是天一觀的道長升熊。 經(jīng)常有香客問我,道長绸栅,這世上最難降的妖魔是什么级野? 我笑而不...
    開封第一講書人閱讀 55,306評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮粹胯,結(jié)果婚禮上勺阐,老公的妹妹穿的比我還像新娘。我一直安慰自己矛双,他們只是感情好渊抽,可當我...
    茶點故事閱讀 64,330評論 5 373
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著议忽,像睡著了一般懒闷。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上栈幸,一...
    開封第一講書人閱讀 49,071評論 1 285
  • 那天愤估,我揣著相機與錄音,去河邊找鬼速址。 笑死玩焰,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的芍锚。 我是一名探鬼主播昔园,決...
    沈念sama閱讀 38,382評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼并炮!你這毒婦竟也來了默刚?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,006評論 0 259
  • 序言:老撾萬榮一對情侶失蹤逃魄,失蹤者是張志新(化名)和其女友劉穎荤西,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,512評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡邪锌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,965評論 2 325
  • 正文 我和宋清朗相戀三年勉躺,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片觅丰。...
    茶點故事閱讀 38,094評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡饵溅,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出舶胀,到底是詐尸還是另有隱情概说,我是刑警寧澤,帶...
    沈念sama閱讀 33,732評論 4 323
  • 正文 年R本政府宣布嚣伐,位于F島的核電站糖赔,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏轩端。R本人自食惡果不足惜放典,卻給世界環(huán)境...
    茶點故事閱讀 39,283評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望基茵。 院中可真熱鬧奋构,春花似錦、人聲如沸拱层。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽根灯。三九已至径缅,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間烙肺,已是汗流浹背纳猪。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留桃笙,地道東北人氏堤。 一個月前我還...
    沈念sama閱讀 45,536評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像搏明,于是被迫代替她去往敵國和親鼠锈。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,828評論 2 345

推薦閱讀更多精彩內(nèi)容

  • (注1:如果有問題歡迎留言探討脚祟,一起學習!轉(zhuǎn)載請注明出處强饮,喜歡可以點個贊哦!)(注2:更多內(nèi)容請查看我的目錄为黎。) ...
    love丁酥酥閱讀 4,172評論 2 5
  • 國家電網(wǎng)公司企業(yè)標準(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報批稿:20170802 前言: 排版 ...
    庭說閱讀 10,869評論 6 13
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的邮丰,因此網(wǎng)頁是網(wǎng)絡信息傳遞的載體行您。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 3,828評論 0 0
  • 表格在網(wǎng)頁中的應用比較廣泛,如用戶管理剪廉、電商網(wǎng)站購物車娃循,還有很多分欄結(jié)構(gòu)都是用表格寫的。 基礎表格語法表格用三種標...
    云苒說閱讀 441評論 0 1
  • 前端07班 王 對于table的使用我們會有種先入為主的厭惡斗蒋。覺得頁面中不應該出現(xiàn)表格捌斧!其實這只是針對使用HTML...
    ea203453e188閱讀 2,697評論 0 5