Heim > Artikel > Web-Frontend > Was sind die HTML-Tabellenattribute? Zusammenfassung der 10 Grundattribute von HTML-Tabellen
Was sind die HTML-Tabellenattribute? Zusammenfassung der 10 Grundattribute von HTML-Tabellen
- 不言Original
- 2018-07-27 14:45:1930753Durchsuche
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 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. 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 Wird verwendet, um den Hauptteil der Tabelle zu definieren Wird verwendet, um die Fußzeile der Markup-Tabelle zu definieren
Die Position innerhalb des Etiketts wird als Kopf bzw. Ende der Tabelle bestimmt.
Vor HTML5 muss das 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 Wird zur Darstellung einer einzelnen Spalte der Tabelle verwendet. Es wird empfohlen, das zu definieren. Außerdem wird das lokale Attribut span Wird verwendet, um den Titel der Tabelle zu definieren. Jede Tabelle kann nur ein 11. Beispielcode: Laufergebnis: Zelle über Zeilen hinweg Laufergebnis: Zelle erstreckt sich über Spalten Laufergebnisse: Verwandte Empfehlungen: html table attribute_html/css_WEB -ITnose Detaillierte Erläuterung der Rahmen- und Regelattribute von Tabellen in HTML
. 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
, -Tag innerhalb der
kann vor oder nach
stehen. <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>
<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>
<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>
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!