Der Inhalt dieses Artikels befasst sich mit der Frage: Was ist eine Tabelle? Die Einführung von Tabellen in HTML hat einen gewissen Referenzwert. Ich hoffe, dass es für Sie hilfreich ist.
Was ist ein Formular? Eine Tabelle ist eine nach Zeilen und Spalten geordnete Struktur. Daten werden für das Seitenlayout nach Zeilen und Spalten dargestellt. Diese Layoutmethode ist veraltet. Es wird empfohlen, p+css zum Implementieren des Seitenlayouts zu verwenden.
So erstellen Sie eine HTML-Tabelle: Eine HTML-Tabelle besteht aus einem Tabellen-Tag, einem Caption-Tag und einem oder mehreren tr-, th- oder td-Tags:
1. Das Tabellen-Tag wird verwendet um die Tabelle zu definieren, und die gesamte Tabelle enthält die Tags „In
“ und „
“. Um eine Zeile in der Tabelle zu definieren, die ein Zellencontainer ist, kann jede Zeile mehrere Zellen enthalten, dargestellt durch die Tags
4. td-Tags und th-Tags Um Zellen zu definieren, wird jede Zelle durch ein Paar von -Tags dargestellt Der Tabelleninhalt wird in diesem td-Tag-Paar platziert. Die Syntax lautet wie folgt:
Hinweis: Der Unterschied zwischen th und td: th ist standardmäßig fett und zentriert in der Zelle.
Einige allgemeine Beschriftungsattribute von Tabellen
1. Randbeschriftungsattribut: Legen Sie die Breite des Tabellenrandes fest (Einheit: px); des Tabellenrahmens für jede Zelle. Fügen Sie einen Rahmen hinzu und umgeben Sie die Tabelle mit einem Rahmen. Wenn sich der Wert des Rahmenattributs ändert, ändert sich nur die Größe des Rahmens um die Tabelle und der Rahmen innerhalb der Tabelle ist 1 Pixel breit ; Es wird empfohlen, das Attribut „Rahmenstil“ zum Festlegen des Rahmens zu verwenden und nicht das Attribut „Rahmen-Tag“. Legen Sie den Rahmen fest. 2. Breiten-Tag-Attribut: Legen Sie die
Breite der Tabelle . Es wird empfohlen, das Attribut „Breite“ zu verwenden, um die Tabellenbreite festzulegen. Dieses Tag-Attribut hat mehrere Werte
beschreiben
Pixel
Legen Sie die Breite in Pixel fest (Beispiel: width="50").
%
Legt die Breite als Prozentsatz des enthaltenden Elements fest (Beispiel: width="50%"). 3. Ausrichtungs-Tag-Attribut: Geben Sie die Ausrichtung der Tabelle relativ zu den umgebenden Tags an. Es wird empfohlen, das Float-Stil-Attribut zu verwenden, um diesen Effekt zu erzielen:
Wert
beschreiben
links
Tisch links ausrichten.
Rechts
Richten Sie den Tisch richtig aus.
Center
Richten Sie den Tisch mittig aus.
4. bgcolor-Tag-Attribut: Geben Sie die Hintergrundfarbe der Tabelle an. Es wird empfohlen, das Attribut „background-color“ zu verwenden, um diesen Effekt zu erzielen: Wert
beschreiben
Farbname
Gibt an, dass der Farbwert die Hintergrundfarbe des Farbnamens ist (z. B. „rot“).
hex_zahl
Gibt die Hintergrundfarbe als Hexadezimalwert an (z. B. „#ff0000“).
rgb_number
Gibt den Farbwert als Hintergrundfarbe im RGB-Code an (z. B. „rgb(255,0,0)“).
5. Cellpadding-Tag-Attribut: Legen Sie den Abstand zwischen der Zellgrenze und dem Zellinhalt fest (Einheit: px). Es wird empfohlen, das Padding-Style-Attribut zu verwenden, um seine Wirkung zu erzielen 6. Zellabstand-Tag-Attribute: Geben Sie den Abstand zwischen Zellen an (Einheit: px) Oben sind die häufig verwendeten Tag-Attribute des Tabellen-Tags aufgeführt. Darüber hinaus verfügt das Tabellen-Tag auch über drei Tag-Attribute: Rahmen, Regeln und Zusammenfassung , aber Da Rahmen und Regeln dieses Attribut im Internet Explorer-Browser nicht unterstützen und das Zusammenfassungs-Tag-Attribut keine visuellen Effekte im Browser erzeugt, werden diese drei Tag-Attribute ignoriert.
tr-Tag-Attribut
1. align-Tag-Attribut: Legen Sie die horizontale Ausrichtung des Zellinhalts in der Tabellenzeile fest. Dieses Tag-Attribut hat mehrere Werte:
links
Inhalt links ausrichten (Standard).
Rechts
Richten Sie den Inhalt rechts aus.
Center
Inhalte zentrieren.
rechtfertigen
Dehnen Sie die Reihen so, dass jede Reihe gleich lang ist (wie in Zeitungen und Zeitschriften).
verkohlen
Inhalte an bestimmten Zeichen ausrichten. Hinweis: Der Browser unterstützt diesen Tag-Attributwert nicht
2. bgcolor-Tag-Attribut: Legen Sie die Hintergrundfarbe der Tabellenzeile fest. Es wird empfohlen, das Attribut „background-color“ zu verwenden, um diesen Effekt zu erzielen:
Wert
beschreiben
Farbname
Gibt an, dass der Farbwert die Hintergrundfarbe des Farbnamens ist (z. B. „rot“).
hex_zahl
Gibt die Hintergrundfarbe als Hexadezimalwert an (z. B. „#ff0000“).
rgb_number
Gibt den Farbwert als Hintergrundfarbe im RGB-Code an (z. B. „rgb(255,0,0)“).
3. valign-Tag-Attribut: Legen Sie die vertikale Ausrichtung des Zellinhalts in der Tabellenzeile fest. Dieses Tag-Attribut hat mehrere Werte:
Wert
beschreiben
Spitze
Inhalt oben ausrichten.
Mitte
Richtet den Inhalt zentriert aus (Standard).
unten
Inhalt nach unten ausrichten.
Grundlinie
An der Grundlinie ausrichten.
th- und td-Label-Attribute
1. align label-Attribut: Legt die horizontale Ausrichtung des Zellinhalts fest:
value
beschreiben
links
Inhalt linksbündig ausrichten (td-Tag-Standard).
Rechts
Richten Sie den Inhalt rechts aus.
Center
Inhalt zentriert ausrichten (Standardeinstellung des Tags).
rechtfertigen
Dehnen Sie die Reihen so, dass jede Reihe gleich lang ist (wie in Zeitungen und Zeitschriften).
verkohlen
Inhalte an bestimmten Zeichen ausrichten. Hinweis: Der Browser unterstützt diesen Tag-Attributwert nicht
2. bgcolor-Label-Attribut: Legen Sie die Hintergrundfarbe der Zelle fest. Es wird empfohlen, das Attribut „background-color“ zu verwenden, um diesen Effekt zu erzielen:
Wert
beschreiben
Farbname
Gibt an, dass der Farbwert die Hintergrundfarbe des Farbnamens ist (z. B. „rot“).
hex_zahl
Gibt die Hintergrundfarbe als Hexadezimalwert an (z. B. „#ff0000“).
rgb_number
Gibt den Farbwert als Hintergrundfarbe im RGB-Code an (z. B. „rgb(255,0,0)“).
3. Valign-Label-Attribut: Legen Sie die vertikale Ausrichtung des Zellinhalts fest. Dieses Label-Attribut hat mehrere Werte:
top
Inhalt oben ausrichten.
Mitte
Richtet den Inhalt zentriert aus (Standard).
unten
Inhalt nach unten ausrichten.
Grundlinie
An der Grundlinie ausrichten.
4. Breiten- und Höhenbeschriftungsattribut: Legen Sie die Breite und Höhe der Zelle fest. Es wird empfohlen, die Breite und Höhe der Zelle nicht zu verwenden Breitenbeschriftungsattribut und Höhenbeschriftungsattribut haben mehrere Werte:
Wert
beschreiben
Pixel
Der Breiten- oder Höhenwert in Pixeln (z. B. „100 Pixel“).
Prozent
Ein Breiten- oder Höhenwert als Prozentsatz des enthaltenden Elements (z. B. „20 %“).
5. Nowrap-Tag-Attribut: Legen Sie fest, ob der Inhalt der Zelle umbrochen wird.
6. Colspan-Tag-Attribut und Rowspan-Tag-Attribut: Legen Sie die Anzahl der Spalten bzw. die Spannweite der Zelle fest. Anzahl der Zeilen
Das obige ist der detaillierte Inhalt vonWas ist ein Tisch? Einführung in Tabellen 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
HTML ist für Anfänger geeignet, da es einfach und leicht zu lernen ist und schnell Ergebnisse sehen kann. 1) Die Lernkurve von HTML ist glatt und leicht zu beginnen. 2) Beherrschen Sie einfach die grundlegenden Tags, um Webseiten zu erstellen. 3) hohe Flexibilität und kann in Kombination mit CSS und JavaScript verwendet werden. 4) Reiche Lernressourcen und moderne Tools unterstützen den Lernprozess.
HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.
AnexampleofaTartingTaginHtmlis, die, die starttagsaresesinginhtmlastheyinitiateElements, definetheirtypes, andarecrucialForstructuringwebpages und -konstruktionsthedoms.
WebdevelopmentRelieSonHtml, CSS und JavaScript: 1) HtmlStructuresContent, 2) CSSstylesit und 3) JavaScriptaddssinteraktivität, Bildung von TheBasisofModerernwebexperiences.
Der ad-axis-Position adaptive Algorithmus für Webanmerkungen In diesem Artikel wird untersucht, wie Annotationsfunktionen ähnlich wie Word-Dokumente implementiert werden, insbesondere wie man mit dem Intervall zwischen Anmerkungen umgeht ...
Um den Effekt der Streuung und Vergrößerung der umgebenden Bilder nach dem Klicken auf das Bild zu erreichen, müssen viele Webdesigns einen interaktiven Effekt erzielen: Klicken Sie auf ein bestimmtes Bild, um die Umgebung zu machen ...
Die Notwendigkeit der Registrierung von Vuerouter in der Datei index.js -Datei im Ordner Router Bei der Entwicklung von VUE -Anwendungen stoßen Sie häufig Probleme mit der Routing -Konfiguration. Besonders...
