HTML-Tabellen-Tag-Tutorial (35): spaltenübergreifendes Attribut COLSPAN

HTML-Tabellen-Tag-Tutorial (35): spaltenübergreifendes Attribut COLSPAN

In einer komplexen Tabellenstruktur erstrecken sich einige Zellen vertikal über mehrere Zellen, was die Verwendung des spaltenübergreifenden Attributs COLSPAN erfordert.
Grundlegende Syntax
<TD COLSPAN=WERT>
Syntax
VALUE stellt die Anzahl der Spalten dar, über die sich die Zelle erstreckt.
Dateibeispiel: 10-33.htm
Das COLSPAN-Attribut wird verwendet, um Zellen zu implementieren, die sich über Spalten erstrecken.
01 <!-- ------------------------------ -->
02 <!-- Dateibeispiel: 10-33.htm -->
03 <!-- Dateibeschreibung: Eine Tabelle über mehrere Spalten einrichten -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <KOPF>
07 <TITLE>Einstellen einer spaltenübergreifenden Tabelle</TITLE>
08 </HEAD>
09 <KÖRPER>
10 <Tabellenrand=3 Breite=400 Höhe=100 Rahmenfarbe=#336699 Ausrichtung="Mitte">
11 <TR>
12 <TD ColSpan=2 Align="Center">Software zur Erstellung von Webseiten</TD>
13 </TR>
14 <TR>
15 <TD>Web-Grafiksoftware</TD><TD>Fireworks</TD>
16 </TR>
17 <TR>
18 <TD>Software zur Erstellung von Webseiten</TD><TD>Dreamweaver</TD>
19 </TR>
20 <TR>
21 <TD>Web-Animationssoftware</TD><TD>Flash</TD>
22 </TR>
23 </TABLE>
24 </BODY>
25 </HTML>
Dateibeschreibung <br />Die erste Zelle in Zeile 12 erstreckt sich über zwei Spalten.

<<:  Vue3 (Teil 2) Integration von Ant Design Vue

>>:  Beispielanweisungen für Indizes und Einschränkungen in MySQL

Artikel empfehlen

WeChat-Applet-Canvas implementiert Signaturfunktion

Im WeChat-Applet-Projekt umfasst das Entwicklungs...

Natives Javascript+CSS, um den Karusselleffekt zu erzielen

Dieser Artikel verwendet Javascript + CSS, um den...

So konfigurieren Sie Linux CentOS für die regelmäßige Ausführung von Skripten

Oft möchten wir, dass der Server regelmäßig ein S...

Eine kurze Erläuterung der HTML-Tabellen-Tags

Besprechen Sie hauptsächlich seine Struktur und ei...

js realisiert die Bildschneidefunktion

In diesem Artikelbeispiel wird der spezifische Co...

Beispiel zur Erhöhung des Swap-Speichers im CentOS7-System

Vorwort Swap ist eine spezielle Datei (oder Parti...

Mehrere Möglichkeiten zum Sichern einer MySql-Datenbank

mysqldump-Tool-Sicherung Sichern Sie die gesamte ...

Zusammenfassung der zwölf Methoden der Vue-Wertübertragung

Inhaltsverzeichnis 1. Vom Vater zum Sohn 2. Vom S...

Upgrade von MySQL 5.1 auf 5.5.36 in CentOS

Dieser Artikel beschreibt den Upgrade-Prozess von...

Implementierung einer benutzerdefinierten Vue-Vorlage von vscode

Verwenden Sie den Vscode-Editor, um eine Vue-Vorl...

Detaillierte Erklärung der neuen Funktionen von ES9: Asynchrone Iteration

Inhaltsverzeichnis Asynchrones Durchlaufen Asynch...