Was sind die HTML-Tabellenattribute? Zusammenfassung der 10 Grundattribute von HTML-Tabellen-HTML-Tutorial-php.cn

Was sind die HTML-Tabellenattribute? Zusammenfassung der 10 Grundattribute von HTML-Tabellen

不言

Freigeben： 2018-07-27 14:45:19

Original

30859 Leute haben es durchsucht

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 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
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 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

-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:

Was sind die HTML-Tabellenattribute? Zusammenfassung der 10 Grundattribute von HTML-Tabellen

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:

Was sind die HTML-Tabellenattribute? Zusammenfassung der 10 Grundattribute von HTML-Tabellen

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:

Was sind die HTML-Tabellenattribute? Zusammenfassung der 10 Grundattribute von HTML-Tabellen

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!