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

Detailed explanation of the initialization mechanism in bash

Bash Initialization Files Interactive login shell...

Angular Cookie read and write operation code

Angular Cookie read and write operations, the cod...

Solution to the problem of stuck when clicking Select All in Element's shuttle box with large amount of data

Table of contents Solution 1: Copy the transfer c...

CSS3 creates web animation to achieve bouncing ball effect

Basic preparation For this implementation, we nee...

Example explanation of MySQL foreign key constraints

MySQL's foreign key constraint is used to est...

Difference between HTML ReadOnly and Enabled

The TextBox with the ReadOnly attribute will be di...

A brief discussion on using Vue to complete the mobile apk project

Table of contents Basic Configuration Entry file ...

Detailed tutorial on using the tomcat8-maven-plugin plugin in Maven

I searched a lot of articles online but didn'...

How to start the spring-boot project using the built-in linux system in win10

1. Install the built-in Linux subsystem of win10 ...

Detailed steps for QT to connect to MYSQL database

The first step is to add the corresponding databa...

25 Vue Tips You Must Know

Table of contents 1. Limit props to type lists 2....

Common rule priority issues of Nginx location

Table of contents 1. Location / Matching 2. Locat...

Summary of 50+ Utility Functions in JavaScript

JavaScript can do a lot of great things. This art...

JavaScript object-oriented class inheritance case explanation

1. Object-oriented class inheritance In the above...

MySql multi-condition query statement with OR keyword

The previous article introduced the MySql multi-c...