Tabellenzeile erstellen:
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.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. DasBreite
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
Funktion: Definieren Sie den Titel für die Tabelle Position: Wird in der Mitte direkt über der Tabelle angezeigt
b746e104010925f4be4f8f4514237f8fHTML-Tabelle tabellenspezifischen Stilattributen
<🎜 erscheinen >1. Border-Collapse von HTML-Tabellen-Tabellenstilattributen
Attribut: border-collapse Wert:
1.separate: Standardwert, separater Rahmenmodus1. 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-spacingWert:
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 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!
