HTML multi-header table code

HTML multi-header table code
1. Multi-header table code

Copy code
The code is as follows:

<!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>Multiple header tables</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: bold;
background-color:#9F0;
}
</style>
</head>
<body>
<table id="tab" cellpadding="1" cellspacing="1" border="1">
<tr>
<th rowspan="2">Serial number</th>
<th colspan="2">Wang Wu</th>
<th colspan="2">Li Si</th>
<th colspan="2">Sun Chuan</th>
<th colspan="2">Hu Ping</th>
<th rowspan="2">Total</th>
</tr>
<tr>
<th>Language</th>
<th>Mathematics</th>
<th>Language</th>
<th>Mathematics</th>
<th>Language</th>
<th>Mathematics</th>
<th>Language</th>
<th>Mathematics</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. Operation results

<<:  Hidden overhead of Unix/Linux forks

>>:  Search optimization knowledge to pay attention to in web design

Recommend

Summary of uncommon js operation operators

Table of contents 2. Comma operator 3. JavaScript...

Detailed explanation of Vue px to rem configuration

Table of contents Method 1 1. Configuration and i...

How to use Vue+ElementUI Tree

The use of Vue+ElementUI Tree is for your referen...

Detailed explanation of pipeline and valve in tomcat pipeline mode

Preface In a relatively complex large system, if ...

Steps to use ORM to add data in MySQL

【Foreword】 If you want to use ORM to operate data...

SSM VUE Axios Detailed Explanation

Table of contents How to display SQL log? ? Descr...

CSS writing format, detailed explanation of the basic structure of a mobile page

1. CSS writing format 1. Inline styles You can wr...

Getting Started Tutorial on GDB in Linux

Preface gdb is a very useful debugging tool under...

Example sharing of anchor tag usage in HTML

Anchor tag usage: Linking to a specific location i...

CSS XTHML writing standards and common problems summary (page optimization)

Project Documentation Directory Div+CSS Naming Sta...

mysql startup failure problem and scenario analysis

1. One-stop solution 1. Problem analysis and loca...

Can asynchrony in JavaScript save await?

I knew before that to synchronously obtain the re...

How to implement one-click deployment of nfs in linux

Server Information Management server: m01 172.16....