HTML-Code für Multiheader-Tabellen

HTML-Code für Multiheader-Tabellen
1. Code der Multiheader-Tabelle

Code kopieren
Der Code lautet wie folgt:

<!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">
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8" />
<title>Mehrere Header-Tabellen</title>
<style type="text/css">
Körper{
Breite: 98 %;
Höhe: 100 %;
Schriftgröße: 12px;
Hintergrundfarbe: #FCF;
Textausrichtung: zentriert;
}
#Tab{
Breite: 100 %;
Höhe: 100 %;
Schriftgröße: 12px;
Schriftfamilie: Verdana, Geneva, serifenlos, Georgia, „Times New Roman“, Times, Serifen;
Schriftstärke: fett;
Hintergrundfarbe: #9F0;
}
</Stil>
</Kopf>
<Text>
<table id="tab" cellpadding="1" cellspacing="1" border="1">
<tr>
<th rowspan="2">Seriennummer</th>
<th colspan="2">Wang Wu</th>
<th colspan="2">Li Si</th>
<th colspan="2">Sonne Chuan</th>
<th colspan="2">Hu Ping</th>
<th rowspan="2">Gesamt</th>
</tr>
<tr>
<th>Sprache</th>
<th>Mathematik</th>
<th>Sprache</th>
<th>Mathematik</th>
<th>Sprache</th>
<th>Mathematik</th>
<th>Sprache</th>
<th>Mathematik</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>
</Tabelle>
</body>
</html>

2. Ergebnisse der Operation

<<:  Versteckter Overhead von Unix/Linux-Forks

>>:  Wissen zur Suchmaschinenoptimierung, auf das Sie beim Webdesign achten sollten

Artikel empfehlen

Das Prinzip und die Anwendung der ES6-Dekonstruktionszuweisung

Inhaltsverzeichnis Array-Destrukturierungszuweisu...

So optimieren Sie MySQL-Indizes

1. Wie MySQL Indizes verwendet Indizes werden ver...

Implementierung der Funktion der kreisförmigen prozentualen Fortschrittsbalkenkomponente von Vue

Jeder, der es braucht, kann darauf zurückgreifen....

20 JavaScript-Tipps zur Verbesserung der Entwicklungseffizienz

Inhaltsverzeichnis 1. Arrays deklarieren und init...

jQuery Canvas generiert ein Poster mit einem QR-Code

In diesem Artikel wird der spezifische Code zur V...

Nachteile und sinnvolle Verwendung des MySQL-Datenbankindex

Inhaltsverzeichnis Richtige Verwendung von Indize...

Detaillierte Erläuterung der CSS-Randüberlappung und Lösungssuche

Ich habe kürzlich einige CSS-bezogene Wissenspunk...

So verwenden Sie Selenium + Testng, um Webautomatisierung in Docker zu realisieren

Vorwort Nachdem ich lange Zeit verschiedene Mater...

Zusammenfassung der Tipps zum Erstellen von Webseiten

Vorwort Dieser Artikel fasst hauptsächlich einige...

Exquisiter Snake-Implementierungsprozess in JavaScript

Inhaltsverzeichnis 1. HTML-Struktur erstellen 2. ...

Benutzererfahrung bei der Neugestaltung der Portal-Website

<br />Vom Start der neuen Homepage von NetEa...

So verwenden Sie das JQuery-Editor-Plugin tinyMCE

Ändern Sie die vereinfachte Dateigröße und laden ...

Detaillierte Erläuterung der Strategie des Abstimmungsalgorithmus von React für den Diffing-Algorithmus

Inhaltsverzeichnis Algorithmische Strategie Einze...

Implementierung von zwei Basis-Images für die Docker-Bereitstellung von Go

1. golang:neuestes Basis-Image mkdir gotest Berüh...

Detaillierte Erklärung der MySQL-Instanz mit aktiviertem SSD-Speicher

Detaillierte Erklärung der MySQL-Instanz mit akti...