Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Was ist eine HTML-Tabelle? So verwenden Sie verschiedene Attribute im -Tag

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

-Tag
寻∝梦
Freigeben： 2018-08-22 13:59:09
Original
24643 Leute haben es durchsucht

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

b746e104010925f4be4f8f4514237f8f

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!

Verwandte Etiketten：
html table
Quelle：php.cn
Vorheriger Artikel：Was bedeutet das HTML-Style-Tag? Ausführliche Erklärung zur Verwendung des Style-Tags Nächster Artikel：Was ist das Farbattribut des HTML-Font-Tags? Einführung in die Verwendung von Schriftfarbe (mit Farbcodetabelle)
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
So rufen Sie Werte nicht ausgewählter Zeilen in einer HTML-Datentabelle mithilfe von JQuery ab Ich versuche, den Wert aller Zeilen zu ermitteln, in denen nicht auf die Schaltfläche gekl...
Aus 2024-04-05 09:26:49
0
1
1418
Rufen Sie verschachtelte verwandte Werte in MySQL ab Ich versuche, verwandte Werte basierend auf mehreren Einträgen in einer Datenbank abzurufe...
Aus 2024-04-04 17:29:06
0
2
365
Wie kann man auf bestimmte Klickereignisse achten, andere jedoch unterdrücken? Meine Webanwendung enthält eine HTML-Tabelle, in der jede Zeile auf eine bestimmte URL ver...
Aus 2024-04-04 16:55:27
0
1
317
Vertikal gedrehter Tabellentitel, zentriert + unten ausgerichtet, browserübergreifend Ich habe eine Tabelle mit gedrehten Kopfzeilen, die in Chrome wie erwartet aussieht, in Fi...
Aus 2024-04-04 16:45:25
0
1
330
Tabelle mit fester Kopfzeile und gedrehten Spaltenüberschriften Ich habe eine Tabelle mit einer festen Kopfzeile und einer festen ersten Spalte. Ich möcht...
Aus 2024-04-03 08:50:32
0
1
362
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über uns Haftungsausschluss Sitemap

© php.cn All rights reserved