Was ist eine HTML-Tabelle? So verwenden Sie verschiedene Attribute im -Tag

Was ist eine HTML-Tabelle? Die verschiedenen Attribute und Verwendungszwecke des

-Tags sind sehr gut für Personen geeignet, die mit dem Tabellen-Tag noch nicht vertraut sind HTML-Tabelle Tabelle ist auch Hier gibt es Attribute und einige Verwendungen

Lassen Sie uns zunächst verstehen, was eine Tabelle ist und welche Funktion sie hat

Was ist eine Tabelle Tabelle: Eine

Tabelle, die aus einer Reihe rechteckiger Kästchen, sogenannten Zellen, besteht, die in der Reihenfolge von links nach rechts und von oben nach unten angeordnet sind. Die Rolle einer Tabelle: Informationen in einer bestimmten Struktur anzuzeigen.

So verwenden wir die Tabelle:

Tabelle definieren:

Tabellenzeile erstellen: ;/tr>

Spalten (Zellen) erstellen:

Hinweis: Standardmäßig sind die Spalten in jeder Zeile vereinheitlicht.

Tabelle: display:table;

Funktionen der HTML-Tabelle:

1. Exklusive Zeile

2. Breite adaptiv (bestimmt durch Inhalt)

Tabellenattribute der HTML-Tabelle:

1, < Attribute

1.width: Legt die Breite der Tabelle fest

2.height: Legt die Höhe der Tabelle fest

3.align: Legt die Höhe von fest die Tabelle in ihrem übergeordneten Element Horizontale Ausrichtung, Wert: links, Mitte, rechts

4.Rahmen: Rand, Rahmenbreite, Wert in px, px können weggelassen werden

5.Zellenauffüllung

                                                                                                                                                                                              Der Abstand zwischen Zellen oder zwischen Zellen und der Tabelle

7.bgcolor: Hintergrundfarbe

2. -Attribut in der Tabelle

1.align: Die horizontale Ausrichtung des Inhalts dieser Zeile

2.valign

Die vertikale Ausrichtung des Inhalts dieser Zeile Werte: oben, Mitte, unten

3.bgcolor

3. Das

Breite

Höhe

• ausrichten

• valign

• bgcolor

• colspan: Zellen so festlegen, dass sie sich über Spalten erstrecken

• rowspan : Zellen so festlegen, dass sie sich über Zeilen erstrecken

• Auch andere Tags in der Tabelle:

• 1,

Funktion: Definieren Sie den Titel für die Tabelle Position: Wird in der Mitte direkt über der Tabelle angezeigt

89425dcc5e71ae568f64d9499ab3c0b1

HTML-Tabelle tabellenspezifischen Stilattributen

<🎜 erscheinen >1. Border-Collapse von HTML-Tabellen-Tabellenstilattributen

Attribut: border-collapse Wert:

1.separate: Standardwert, separater Rahmenmodus

1. Reduzieren: Randzusammenführungsmodus

2. Randrand des HTML-Tabellenstilattributs

1. Funktion: Legen Sie den Abstand zwischen benachbarten fest Zellränder (ähnlich dem Zellabstand)

2. Attribut: border-spacing

Wert:

1. Nehmen Sie 1 Wert

, was bedeutet, dass der horizontale und vertikale Abstand gleich sind

2. Nehmen Sie 2 Werte

Erster Der durch den ersten Wert dargestellte horizontale Abstand

Der durch den zweiten Wert dargestellte vertikale Abstand

Durch ein Leerzeichen getrennt

3 Anforderungen

Rand- Die Minimierung muss separat sein

Sie muss im getrennten Rahmenmodus gültig sein

3. Titelposition des HTML-Tabellentabellenstilattributs

Funktion: Ändern Sie die Titelposition von der Standardposition unter die Tabelle

Attribut: caption-side

Wert:

1. Oben: Standard

2. Unten: Der Titel befindet sich unter der Tabelle

4. Anzeigeregeln für HTML-Tabellen-Tabellenstilattribute

1.Funktion

Gibt an, wie der Browser eine Tabelle anordnet. Es gibt tatsächlich die Algorithmusregeln der Zelle an

Standardalgorithmus: Die Breite der Zelle wird durch den Inhalt bestimmt und ist nicht durch den eingestellten Breitenwert begrenzt.

2. Attribut: Tabellenlayout

Wert:

1. Auto: Standardwert, automatisch, Spaltenbreite wird durch Inhalt bestimmt

2, behoben: festes Tabellenlayout, Spaltenbreite wird durch den eingestellten Wert bestimmt.

3. Automatisches Tabellenlayout und festes Tabellenlayout

1. Automatisches Tabellenlayout (automatisch)

Die Größe der Zelle passt sich der Inhaltsgröße an

Wenn die Tabelle komplex ist, wird das Laden langsamer sein

Geeignet für den Einsatz, wenn die Größe jeder Spalte unsicher ist

Traditionelle Tabellenpräsentationsmethode

2. Feste Tabelle Layout (fest)

Die Größe der Zelle wird unabhängig vom Inhalt durch den eingestellten Wert bestimmt

Dadurch wird die Anzeige der Tabelle beschleunigt und der Browser muss keine Berechnungen durchführen es nach dem Laden der ersten Zeile.

4. Versteckter Anzeigeeffekt

Attribut: Visibility:collapse

wird für Tabellenelemente verwendet, um eine Zeile oder Spalte zu löschen, ohne das gesamte Layout der Tabelle zu beeinflussen

Vielen Dank, dass Sie diesen Artikel gelesen haben. Wenn Sie Fragen oder Fragen dazu haben, können Sie diese unten stellen.

Es gibt einen weiteren Artikel über diese erweiterte Version, bitte klicken Sie hier: Einführung in den Stil des HTML5-Tabellen-Tags (mit einem Beispiel für die CSS-Zentrierung von HTML5-Tabellen)

[ Kleine verwandte Artikel, bearbeitet vom Herausgeber]

Was ist die Funktion des HTML-EM-Tags? Der Unterschied zwischen - und -Tags

Was bedeutet das HTML-Optgroup-Tag? Analyse der Verwendung und Attributbeispiele des HTML-Optgroup-Tags

Das obige ist der detaillierte Inhalt vonWas ist eine HTML-Tabelle? So verwenden Sie verschiedene Attribute im -Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!