HTML多表頭表格代碼

2020-03-24 16:40:33

字體：大中小

供稿：網(wǎng)友

1、多表頭表格代碼

復(fù)制代碼代碼如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title 多表頭表格 /title
style type="text/css"
body{
width:98%;
height:100%;
font-size:12px;
background-color:#FCF;
text-align:center;
}
#tab{
width:100%;
height:100%;
font-size:12px;
font-family:Verdana, Geneva, sans-serif Georgia, "Times New Roman", Times, serif;
font-weight:bolder;
background-color:#9F0;
}
/style
/head
body
table id="tab" cellpadding="1" cellspacing="1" border="1"
tr
th rowspan="2" 序號 /th
th colspan="2" 王五 /th
th colspan="2" 李四 /th
th colspan="2" 孫傳 /th
th colspan="2" 胡平 /th
th rowspan="2" 合計(jì) /th
/tr
tr
th 語文 /th
th 數(shù)學(xué) /th
th 語文 /th
th 數(shù)學(xué) /th
th 語文 /th
th 數(shù)學(xué) /th
th 語文 /th
th 數(shù)學(xué) /th
/tr
tr
th 1 /th
th 78 /th
th 96 /th
th 67 /th
th 98 /th
th 88 /th
th 75 /th
th 94 /th
th 69 /th
th /th
/tr
tr
th 2 /th
th 89 /th
th 68 /th
th 77 /th
th 87 /th
th 84 /th
th 76 /th
th 71 /th
th 87 /th
th /th
/tr
tr
th 3 /th
th 75 /th
th 78 /th
th 89 /th
th 74 /th
th 65 /th
th 68 /th
th 98 /th
th 90 /th
th /th
/tr
tr
th 4 /th
th 79 /th
th 89 /th
th 65 /th
th 62 /th
th 64 /th
th 87 /th
th 97 /th
th 91 /th
th /th
/tr
tr
th 5 /th
th 89 /th
th 96 /th
th 67 /th
th 76 /th
th 74 /th
th 84 /th
th 67 /th
th 81 /th
th /th
/tr
tr
th 6 /th
th 94 /th
th 90 /th
th 97 /th
th 74 /th
th 62 /th
th 81 /th
th 78 /th
th 78 /th
th /th
/tr
tr
th 7 /th
th 78 /th
th 89 /th
th 77 /th
th 87 /th
th 45 /th
th 86 /th
th 77 /th
th 98 /th
th /th
/tr
tr
th 8 /th
th 65 /th
th 67 /th
th 94 /th
th 68 /th
th 87 /th
th 69 /th
th 78 /th
th 68 /th
th /th
/tr
tr
th 9 /th
th 86 /th
th 98 /th
th 87 /th
th 87 /th
th 65 /th
th 78 /th
th 98 /th
th 79 /th
th /th
/tr
tr
th 10 /th
th 88 /th
th 75 /th
th 77 /th
th 97 /th
th 97 /th
th 77 /th
th 70 /th
th 87 /th
th /th
/tr
/table
/body
/html

2、運(yùn)行結(jié)果
html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。

上一篇：HTML5實(shí)現(xiàn)Notification API桌面通知功能

下一篇：HTML中select標(biāo)簽單選多選用法詳解