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

So richten Sie geplante Aufgaben in Linux und Windows ein

Inhaltsverzeichnis Linux 1. Grundlegende Verwendu...

Führen Sie die Schritte zum Einrichten automatischer Updates in CentOS 8 aus

Das Beste, was Sie für Ihre Daten und Computer tu...

Erste Schritte mit TS (TypeScript) im Vue-Projekt

Inhaltsverzeichnis 1. Einführung in Typescript 2....

So verwenden Sie das JavaScript-Strategiemuster zum Validieren von Formularen

Inhaltsverzeichnis Überblick Formularvalidierung ...

Eine "klassische" Falle der MySQL UPDATE-Anweisung

Inhaltsverzeichnis 1. Problematische SQL-Anweisun...

So zeigen Sie JSON-Daten in HTML an

Hintergrund: Manchmal müssen wir JSON-Daten direk...

Vue implementiert das Bild mit Schaltflächenwechsel

In diesem Artikelbeispiel wird der spezifische Co...

Code zur Änderung des CSS-Bildlaufleistenstils

Code zur Änderung des CSS-Bildlaufleistenstils .s...

Verschiedene Arten von MySQL-Indizes

Was ist ein Index? Ein Index ist eine Datenstrukt...

Praxis des El-Cascader-Kaskadenselektors in ElementUI

Inhaltsverzeichnis 1. Wirkung 2. Hauptcode 1. Wir...

Offlineinstallation von Centos7.2 mysql5.7.18.tar.gz

Aufgrund der Netzwerkisolation kann MySQL nicht m...