Heim >Web-Frontend >HTML-Tutorial >Wie viel wissen Sie über HTML-Tabellenattribute?
Wie viel wissen Sie über HTML-Tabellenattribute? Tabellen-Tags werden in HTML häufig verwendet und sind für Anfänger einfach zu verwenden. Es gibt jedoch auch einige Attribute, die die Funktionalität von Tabellen erheblich verbessern können. Bei richtiger Anwendung werden Sie feststellen, dass Ihre Seiten klar und schön aussehen. Erfahren Sie mehr über das HTML-Tabellenattribut.
Was ist eine Tabelle und welche Rolle spielt eine Tabelle?
Was ist eine Tabelle: Sie besteht aus einigen rechteckigen Kästchen, sogenannten Zellen, die von links nach rechts und von oben nach unten angeordnet sind Die Funktion der
-Tabelle in der Reihenfolge: Informationen in einer bestimmten Struktur anzeigen.
So verwenden Sie eine Tabelle
Tabelle definieren: f5d188ed2c074f8b944552db028f98a1f16b1740fad44fb09bfe928bcc527e08
Tabellenzeile erstellen: a34de1251f0d9fe1e645927f19a896e85194ba175fd9c71e9a9f6e68244d73a8
Spalten (Zellen) erstellen:b6c5a531a458a2e790c1fd6421739d1cb90dd5946f0946207856a8a37f441edf
Hinweis: Standardmäßig ist die Anzahl der Spalten in jeder Zeile einheitlich.
Tabellenfunktionen:
1. Exklusive Zeile
2. Adaptive Breite (bestimmt durch Inhalt)
Tabelle Tabellenattribute:
f5d188ed2c074f8b944552db028f98a1 Höhe der Tabelle
align: Legt die horizontale Ausrichtung der Tabelle in ihrem übergeordneten Element fest, Werte: links, zentriert, rechts
Rand : Rand, Rahmenbreite, Wert in px, px kann weggelassen werden
cellpadding: Zellinnenrand
cell Der Abstand zwischen dem Zellrand und der Inhalt
Zellabstand: Zellränder
Abstand zwischen
bgcolor: Hintergrundfarbe
a34de1251f0d9fe1e645927f19a896e8 Attribute
1 .align: Die horizontale Ausrichtung des Inhalts dieser Zeile
2.valign: Die vertikale Ausrichtung des Inhalts dieser Zeile, Werte: oben, Mitte, unten
3.bgcolor Die Textfarbe dieser Zeile
b6c5a531a458a2e790c1fd6421739d1c Attribute
Breite
Höhe
align
valign
bgcolor
colspan legt Zellen spaltenübergreifend fest
rowspan legt Zellen zeilenübergreifend fest
3. Andere Tags in der Tabelle
Funktion: Definieren Sie den Titel für die Tabelle
<table> <caption>标题</caption> <tr> <td></td> <td></td> </tr> </table>
2. Zeilentitel oder Spaltentitel
Spaltentitel: Jede Spalte in der ersten Zeile, fett, horizontal zentrierte Effektanzeige
Zeilentitel: Die erste Spalte in jeder Zeile, fett, Der Effekt der horizontalen Zentrierung wird angezeigt
Zeilentitel (Spalte):b4d429308760b6c2d20d6300079ed38e53f773aa0381116f13da4e26ea304165Genau das Gleiche
Tabellenrandzusammenführung:Attribut: border-collapse
Wert:
1. Separater Standardwert, separater Randmodus 2. Randzusammenführungsmodus
Tabellenrandrand:1. Legen Sie den Rand zwischen benachbarten Zellen fest. Der Abstand zwischen (ähnlich dem Zellenabstand)
2. Attribut: border-spacing
Wert: 1. Nehmen Sie 1 Wert: bedeutet die Horizontale und der vertikale Abstand sind gleich
2. Nehmen Sie zwei Werte: den horizontalen Abstand, der durch den ersten Wert
dargestellt wird, und den vertikalen Abstand, der durch den zweiten Wert
dargestellt wird, getrennt durch ein Leerzeichen
3. Anforderungen
Rahmenkollaps muss separat sein
Es muss im getrennten Rahmenmodus gültig sein
Versteckter Anzeigeeffekt:
Attribute: sichtbarkeit:collap:se
Wird für Tabellenelemente verwendet, um eine Zeile oder Spalte zu löschen, ohne das gesamte Layout der Tabelle zu beeinträchtigen
[Verwandte Empfehlungen]
Grundlegende Elemente von HTML, damit Sie HTML von Grund auf lernen könnenWas ist eine HTML-Datei? Ein vorläufiges Verständnis von HTML-Dateien
Das obige ist der detaillierte Inhalt vonWie viel wissen Sie über HTML-Tabellenattribute?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!