首页前端开发HTMLHTML多表头表格代码

HTML多表头表格代码

时间2024-01-27 10:41:02发布访客分类HTML浏览863
导读:收集整理的这篇文章主要介绍了HTML多表头表格代码,觉得挺不错的,现在分享给大家,也给大家做个参考。 1、多表头表格代码 复制代码代码如下: <!DOCTYPE htML PubLIC "-//W3C//DTD XHTML...
收集整理的这篇文章主要介绍了HTML多表头表格代码,觉得挺不错的,现在分享给大家,也给大家做个参考。 1、多表头表格代码

复制代码代码如下:
!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"> 合计/th>
/tr>
tr>
th> 语文/th>
th> 数学/th>
th> 语文/th>
th> 数学/th>
th> 语文/th>
th> 数学/th>
th> 语文/th>
th> 数学/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、运行结果

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html

若转载请注明出处: HTML多表头表格代码
本文地址: https://pptw.com/jishu/588093.html
html设置字体颜色的方法和使用ps获取html准确字体颜色的方法 使用css美化html表单控件详细示例(表单美化)

游客 回复需填写必要信息