Heim Web-Frontend HTML-Tutorial Vertiefendes Verständnis von Tabellen-Tags (Tabelle) in HTML

Vertiefendes Verständnis von Tabellen-Tags (Tabelle) in HTML

Apr 02, 2017 am 10:01 AM
html

Table (Tabelle) ist ein Tag, der schon lange von allen verwendet wird. Aufgrund der aktuellen Website-Rekonstruktion wird dies jedoch empfohlen Sie verwenden keine Tabellen für das Layout. Tatsächlich sind Tabellen kein wichtiges Element. Um die wichtigsten in der Tabelle enthaltenen Tags zu finden, ist


table ein Tag, der seit langem von allen verwendet wird und immer noch verwendet wird Bisher wird jedoch empfohlen, dass bei der aktuellen Website-Rekonstruktion nicht jeder Tabellen für das Layout verwenden sollte. Tatsächlich ist dies nicht der Fall wichtiges Element.
Vor nicht allzu langer Zeit habe ich nach den in der Tabelle enthaltenen Haupt-Tags gesucht, sie natürlich gefunden und mit allen geteilt.
Tabellen-Tags umfassen hauptsächlich die Tags table, caption, th, tr, td, thead, tfoot, tbody, col, colgroup. Die Einführung jedes einzelnen lautet wie folgt:


Tabellen-Tags können definiert werden der Tisch. Innerhalb des
-Tags können Sie Tabellentitel, Tabellenzeilen, Tabellenspalten, Tabellenzellen und andere Tabellen platzieren.

Definieren Sie eine Zeile in der Tabelle.

Definieren Sie die Kopfzeile der Tabelle.
Die Elemente thead, tfoot und tbody geben Ihnen die Möglichkeit, Zeilen in einer Tabelle zu gruppieren. Wenn Sie eine Tabelle erstellen, möchten Sie wahrscheinlich eine Kopfzeile, einige Zeilen mit Daten und eine Gesamtzeile am Ende haben. Diese Unterteilung gibt dem Browser die Möglichkeit, das Scrollen des Tabellenkörpers unabhängig von Tabellenkopf- und -fußzeilen zu unterstützen. Beim Drucken langer Tabellen können die Tabellenkopf- und -fußzeilen auf jeder Seite gedruckt werden, die die Tabellendaten enthält.

Definieren Sie einen Tabellenkörper (Text).
Verwenden Sie das Tag , um die Tabelle in einen separaten Abschnitt zu unterteilen. Das -Tag gruppiert eine oder mehrere Zeilen in einer Tabelle.
Während Sie möglicherweise ein oder sogar zwei oder mehr -Tags in die Tabelle aufnehmen möchten, empfehlen wir, dass die Tabelle keine -Tags enthält.
Im -Tag kann nur das -Tag definieren. Und sobald es definiert ist, ist ein -Tag ein unabhängiger Teil der Tabelle. Sie können beispielsweise nicht von einem zu einem anderen wechseln.
Die Elemente thead, tfoot und tbody geben Ihnen die Möglichkeit, Zeilen in einer Tabelle zu gruppieren. Wenn Sie eine Tabelle erstellen, möchten Sie wahrscheinlich eine Kopfzeile, einige Zeilen mit Daten und eine Gesamtzeile am Ende haben. Diese Unterteilung gibt dem Browser die Möglichkeit, das Scrollen des Tabellenkörpers unabhängig von Tabellenkopf- und -fußzeilen zu unterstützen. Beim Drucken langer Tabellen können die Tabellenkopf- und -fußzeilen auf jeder Seite gedruckt werden, die die Tabellendaten enthält.

Definieren Sie die Fußzeile (Fußnote) der Tabelle. Die Elemente
thead, tfoot und tbody geben Ihnen die Möglichkeit, Zeilen in einer Tabelle zu gruppieren. Wenn Sie eine Tabelle erstellen, möchten Sie wahrscheinlich eine Kopfzeile, einige Zeilen mit Daten und eine Gesamtzeile am Ende haben. Diese Unterteilung gibt dem Browser die Möglichkeit, das Scrollen des Tabellenkörpers unabhängig von Tabellenkopf- und -fußzeilen zu unterstützen. Beim Drucken langer Tabellen können die Tabellenkopf- und -fußzeilen auf jeder Seite gedruckt werden, die die Tabellendaten enthält.

Definieren Sie den Wert des -Attributs für eine oder mehrere Spalten in einer Tabelle. Sie können dieses Attribut nur in einer Tabelle oder Kolgruppe verwenden.

Definieren Sie die Gruppierung von Tabellenspalten. Mit diesem Element können Sie Spalten zu Formatierungszwecken gruppieren. Dieses Element ist nur innerhalb eines
Das
caption-Element kann einen Tabellentitel definieren. Das Beschriftungs-Tag muss unmittelbar auf das Tabellen-Tag folgen. Sie können nur einen Titel pro Tabelle definieren. Normalerweise wird der Titel zentriert über der Tabelle angezeigt.

Definieren Sie die Kopfzelle in der Tabelle. Text innerhalb dieses th-Elements wird normalerweise fett dargestellt.

Definieren Sie eine Zelle in der Tabelle.
-Tags zulässig.
Es gibt zwei Möglichkeiten, das -Tag zu verwenden: Eine besteht darin, einfach mehrere identische Spalten zu definieren, und die andere darin, mehrere verschiedene Spalten zu kombinieren.

Das obige ist der detaillierte Inhalt vonVertiefendes Verständnis von Tabellen-Tags (Tabelle) in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles