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

A brief analysis and sharing of the advantages and disadvantages of three tree structure table designs in MYSQL

Table of contents Introduction question Design 1:...

MySQL index coverage example analysis

This article describes MySQL index coverage with ...

Detailed explanation of Vue3 encapsulation Message message prompt instance function

Table of contents Vue3 encapsulation message prom...

Mybatis statistics of the execution time of each SQL statement

background I am often asked about database transa...

The process of installing SVN on Ubuntu 16.04.5LTS

This article briefly introduces the process of se...

Vue Basic Tutorial: Conditional Rendering and List Rendering

Table of contents Preface 1.1 Function 1.2 How to...

Detailed usage of docker-maven-plugin

Table of contents Docker-Maven-Plugin Maven plugi...

Some summary of html to pdf conversion cases (multiple pictures recommended)

Due to work requirements, I recently spent some t...

...

How to use nginx to block a specified interface (URL)

1. Introduction Sometimes, after the web platform...

MySQL 8.0.13 free installation version configuration tutorial under Windows environment

Table of contents Download the compressed file Ad...

How to get the height of MySQL innodb B+tree

Preface The reason why MySQL's innodb engine ...

MySQL uses covering index to avoid table return and optimize query

Preface Before talking about covering index, we m...

How to connect to MySQL remotely through Navicat

Using Navicat directly to connect via IP will rep...

Detailed explanation of the middleman mode of Angular components

Table of contents 1. Middleman Model 2. Examples ...