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

5 Möglichkeiten, Ihre JavaScript-Codebasis sauberer zu machen

Inhaltsverzeichnis 1. Verwenden Sie Standardparam...

Detaillierte Erklärung des Unterschieds zwischen tinyint und int in MySQL

Frage: Was ist der Unterschied zwischen int(1) un...

Analyse des MySQL-Warnprotokolls zu abgebrochenen Verbindungen

Vorwort: Manchmal wird die mit MySQL verbundene S...

Lösung für das Problem, dass Eingaben im Formular nicht übermittelt werden können, wenn diese deaktiviert sind

Ich habe vorher ein Testprogramm geschrieben, in d...

Implementierungsschritte von vue-element-admin zum Erstellen eines Backend-Verwaltungssystems

Als ich kürzlich an einem System zur Gesundheitse...

Lösen Sie das Problem, dass auf VMware15 Centos7 Bridge-Modus SSH plötzlich nicht mehr zugegriffen werden kann

Da ich möchte, dass die virtuelle Maschine eine e...

Detaillierte Schritte zum Erstellen eines Vue-Scaffolding-Projekts

Vue-Gerüst -> vue.cli Erstellen Sie schnell ei...

Öffnen Sie die App auf der h5-Seite in Vue (bestimmen Sie, ob es sich um Android oder Apple handelt).

1. Entwicklungsumgebung vue+vant 2. Computersyste...

Detaillierte Erklärung der Lösung für den Fehler von VMware, das Modul diskearly zu öffnen

VMWare (Virtual Machine Ware) ist ein Softwareunt...

So legen Sie einen Alias ​​für einen benutzerdefinierten Pfad in Vue fest

So konfigurieren Sie benutzerdefinierte Pfadalias...

Methode der Toolbibliothek zur Generierung von Vue-Komponentendokumenten

Inhaltsverzeichnis Analysieren von VUE-Dateien Do...

Erstellen Sie einen benutzerdefinierten Taskleistenindikator für Ihre Aufgaben unter Linux

Auch heute noch sind Taskleistensymbole ein magis...

nuxt.js Konfiguration mehrerer Umgebungsvariablen

Inhaltsverzeichnis 1. Einleitung 2. Szenario 3. S...

Detaillierte Erläuterung des Ausführungsplans, Beispiel für einen Befehl in MySQL

Vorwort Der Befehl „Explain“ ist die primäre Mögl...

Nginx verbessert die Zugriffsgeschwindigkeit basierend auf der GZIP-Komprimierung

1. Warum verwendet Nginx gzip? 1. Die Rolle der K...