Tutorial zu HTML-Tabellen-Tags (34): Zeilenspannen-Attribut ROWSPAN

Tutorial zu HTML-Tabellen-Tags (34): Zeilenspannen-Attribut ROWSPAN

In einer komplexen Tabellenstruktur erstrecken sich einige Zellen horizontal über mehrere Zellen, was die Verwendung des zeilenübergreifenden Attributs ROWSPAN erfordert.
Grundlegende Syntax
<TD ROWSPAN=WERT>
Syntax
VALUE stellt die Anzahl der Zeilen dar, über die sich die Zelle erstreckt.
Dateibeispiel: 10-32.htm
Mit der Eigenschaft ROWSPAN werden zeilenübergreifende Zellen implementiert.
01 <!-- ------------------------------ -->
02 <!-- Dateibeispiel: 10-32.htm -->
03 <!-- Dateibeschreibung: Richten Sie eine Tabelle ein, die sich über mehrere Zeilen erstreckt -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <KOPF>
07 <TITLE>Einrichten einer Tabelle, die sich über mehrere Zeilen erstreckt</TITLE>
08 </HEAD>
09 <KÖRPER>
10 <Tabellenrand=3 Breite=400 Höhe=100 Rahmenfarbe=#336699 Ausrichtung="Mitte">
11 <TR>
12 <TD>Softwarekategorie</TD><TD>Softwarename</TD>
13 </TR>
14 <TR>
15 <TD RowSpan=3>Software zur Erstellung von Webseiten</TD>
16 <TD>Feuerwerk</TD>
17 </TR>
18 <TR>
19 <TD>Traumweber</TD>
20 </TR>
21 <TR>
22 <TD>Blitz</TD>
23 </TR>
24 </TABLE>
25 </BODY>
26 </HTML>
Dateibeschreibung <br />Die erste Zelle in Zeile 15 erstreckt sich über 3 Zeilen.

<<:  Vite+Electron zum schnellen Erstellen von VUE3-Desktopanwendungen

>>:  Verwenden von Zabbix zum Überwachen des Ogg-Prozesses (Linux-Plattform)

Artikel empfehlen

Klicken Sie in Vue auf den Umschaltknopf, um die Schaltfläche zu aktivieren und dann zu deaktivieren.

Die Implementierungsmethode gliedert sich in drei...

So erhalten Sie Formulardaten in Vue

Inhaltsverzeichnis brauchen Daten abrufen und übe...

So stellen Sie die MySQL5.7-Kodierung auf utf8mb4 ein

Ich bin vor kurzem auf ein Problem gestoßen. Die ...

Der Unterschied zwischen VOLUME und docker -v in Dockerfile

Es gibt offensichtliche Unterschiede zwischen der...

Verwenden Sie Elasticsearch, um Indexdaten regelmäßig zu löschen

1. Manchmal verwenden wir ES Aufgrund begrenzter ...

CSS Houdini erzielt einen dynamischen Welleneffekt

CSS Houdini gilt als die aufregendste Innovation ...

Mysql-Timeline-Daten, um die ersten drei Daten desselben Tages zu erhalten

Erstellen von Tabellendaten CREATE TABLE `praise_...

Detaillierte Erklärung der Vue-Filter

<Text> <div id="Wurzel"> &l...

Erläuterung von JavaScript-Mikrotasks und Makrotasks

Vorwort: js ist eine Single-Thread-Sprache, daher...

Hauptfunktionen von MySQL Innodb: Einfügepuffer

Inhaltsverzeichnis Was ist ein Einfügepuffer? Was...

Implementierung der Fastdfs+Nginx-Clusterkonstruktion

1. Einführung in Fastdfs 1. Was ist Fastdfs? Fast...

Spezifische Verwendung von MySQL-Globalsperren und Sperren auf Tabellenebene

Inhaltsverzeichnis Vorwort Globale Sperre Tabelle...

Reines CSS, um den Listen-Pulldown-Effekt auf der Seite zu erzielen

Möglicherweise sehen Sie häufig den folgenden Eff...

Verwenden Sie CSS, um 3D-konvexe und konkave Effekte auf Bildern zu erzielen (konvex aus dem Rahmen heraus oder konkav im Rahmen).

Ⅰ. Problembeschreibung: Verwenden Sie CSS, um kon...

Tomcat verstümmelte Zeichen in der Konsole in IDEA und wie man die IDEA-Kodierung auf UTF-8 einstellt

1. Zunächst müssen wir zwischen der Tomcat-Protok...