HTML-Tabellenattributeinstellungen werden in HTML-Webseiten häufig verwendet und sind daher von entscheidender Bedeutung. Im folgenden Artikel werde ich Ihnen eine Zusammenfassung der 10 grundlegenden Attribute von HTML-Tabellen geben in der Einleitung und den spezifischen Codes dieser 10 Tabellenattribute.
1. HTML-Tabellenattribut
wird zum Definieren von HTML-Tabellen verwendet, wobei das lokale Attribut border den Wert des Rahmens angibt Das Attribut muss 1 oder die leere Zeichenfolge ("") sein. Dieses Attribut steuert nicht den Stil des Rahmens, sondern wird durch CSS gesteuert.
Tabellenelemente können tr, th, td, thead, tbody, tfoot, colgroup-Elemente haben
Tabellen-Tags Die Grundattribute lauten wie folgt:
Rand: Die möglichen Werte sind 1 und 0, 1 bedeutet, dass es einen Rand gibt, und 0 bedeutet, dass es keinen Rand gibt.
Rahmenfarbe: Sie können die Farbe des Rahmens festlegen, der Wert ist der Farbwert.
bgcolor: Legen Sie die Hintergrundfarbe der Tabelle fest
Hintergrund: Legen Sie das Hintergrundbild fest
2. HTML-Tr-Attribut Eine Zeile, die zum Definieren einer Tabelle verwendet wird. Da HTML-Tabellen zeilenorientiert sind, muss jede Zeile separat dargestellt werden.
tr-Elemente können innerhalb von Tabellen verwendet werden.
tr-Elemente können ein oder mehrere tds enthalten . Oder das th-Element
und seine align-, bgcolor- und anderen Attribute sind veraltet. Wenn Sie Attribute festlegen möchten, verwenden Sie bitte die CSS-Einstellungen
3. HTML td-Attribut |
Wird zum Definieren von Tabellenzellen verwendet und kann mit den lokalen Attributen colspan, rowspan und headers verwendet werden.
(1) colspan: Spaltenspanne, dieses Attribut gibt die Anzahl der Spalten an, die die Zelle kann sich erstrecken, der Wert des Attributs muss eine Ganzzahl sein
(2) rowspan: row span Dieses Attribut gibt die Anzahl der Zeilen an, die die Zelle umfassen kann. Der Wert dieses Attributs muss eine Ganzzahl sein
(3) Überschriften: Der Wert dieses Attributs ist der ID-Attributwert einer oder mehrerer Zellen, verknüpft die Zellen mit Spaltenüberschriften und kann mit Bildschirmleseprogrammen verwendet werden
Hinweis: Jede Tabelle muss die oben genannten drei Elemente enthalten
4. HTML-Attribut |
Wird zum Definieren der Titelzelle verwendet. So können wir Daten und ihre Beschreibung effektiv unterscheiden.
Es hat die gleichen lokalen Attribute wie das
|
. Der Unterschied zwischen den beiden ist wie folgt:
|
Header-Tag, normalerweise in der ersten Zeile oder Spalte. Darüber hinaus wird der Text in |
standardmäßig fett gedruckt, aber |
ist keine Datenmarkierung, die die spezifischen Daten der Zelle angibt Das Attribut valign kann auf th und td gesetzt werden und den Wert Top oder Bottom annehmen.
Callpadding: der Abstand zwischen dem Inhalt und dem Zellrand
Cellspacing: verhindert, dass der Text den Rand überschreitet
Wenn Sie möchten, dass die Zelle Zeilen oder Spalten überschreitet, Verwenden Sie die Attribute colspan und rowspan.
5. HTML-Thead-Attribut
Wird verwendet, um den Header der Tabelle und den Wrapper des Headers zu definieren. Sie können eine oder mehrere Zeilen definieren, die Spaltenbezeichnungen von Tabellenelementen sind
Ohne das Element „head“ wird davon ausgegangen, dass alle tr zum Hauptteil der Tabelle gehören
6. HTML-tbody-Attribut
|
Wird verwendet, um den Hauptteil der Tabelle zu definieren
7. HTML-tfoot-Attribut
Wird verwendet, um die Fußzeile der Markup-Tabelle zu definieren
Hinweis:
,
Das -Tag innerhalb der
Die Position innerhalb des Etiketts wird als Kopf bzw. Ende der Tabelle bestimmt.
kann vor oder nach
stehen. Vor HTML5 muss das
-Element vor dem
-Element stehen. Hinter
8 wird das HTML-colgroup-Attribut
verwendet, um Tabellenspaltengruppen zu definieren Wird zum Stylen auf eine bestimmte Spalte angewendet. Natürlich können Sie auch das unten erwähnte col-Element
verwenden. Das
gibt die Anzahl der Spalten an, die die Spaltengruppe umfassen soll. Der Standardwert ist eine Spalte, d. h. das Festlegen des Stils für eine Spalte der Tabelle
kann ein oder mehrere -Elemente enthalten 9. HTML col-Attribut Wird zur Darstellung einer einzelnen Spalte der Tabelle verwendet. Es wird empfohlen, das
-Element direkt zu umschließen Legen Sie das span-Attribut fest, um die Gruppe zu definieren. Außerdem wird das lokale Attribut span
innerhalb des Elements von platziert eine Spalte in der Gruppe. Verwenden Sie dieses Tag, um Stile auf eine Gruppe von Spalten und eine einzelne Spalte der Gruppe 10 anzuwenden Wird verwendet, um den Titel der Tabelle zu definieren. Jede Tabelle kann nur ein
-Element enthalten.
11. Beispielcode: <body>
<table border="1" bordercolor="red" bgcolor="#ff4646">
<caption>表格示例</caption>
<tr align="center">
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
<tr>
<td align="left">左</td>
<td align="center">中</td>
<td align="right">右</td>
</tr>
<tr>
<td valign="top">top</td>
<td>center</td>
<td valign="bottom">bottom</td>
</tr>
</table>
</body>Nach dem Login kopieren Laufergebnis: 
Zelle über Zeilen hinweg <table border="1" bordercolor="#1f1fff">
<caption>单元格的跨行</caption>
<tr>
<th>姓名</th>
<th colspan="2">电话</th>
</tr>
<tr>
<td>php中文网</td>
<td>123456 654321</td>
</tr>
</table>Nach dem Login kopieren Laufergebnis: 
Zelle erstreckt sich über Spalten <table border="1">
<caption>单元格跨列</caption>
<tr>
<th>姓名</th>
<th>电话</th>
</tr>
<tr>
<td rowspan="2">php中文网</td>
<td>123456</td>
</tr>
<tr>
<td>654231</td>
</tr>
</table>Nach dem Login kopieren Laufergebnisse:
Verwandte Empfehlungen:
html table attribute_html/css_WEB -ITnose
Detaillierte Erläuterung der Rahmen- und Regelattribute von Tabellen in HTML
|
Das obige ist der detaillierte Inhalt vonWas sind die HTML-Tabellenattribute? Zusammenfassung der 10 Grundattribute von HTML-Tabellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
