Was ist ein Tisch? Einführung in Tabellen in HTML-HTML-Tutorial-php.cn

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:

<table>
	<caption>表格标题</caption>
    <tr>
        <th>1行1列的内容</th>
        <th>1行2列的内容</th>
        …
    </tr>
    <tr>
        <td>2行1列的内容</td>
        <td>2行2列的内容</td>
        …
    </tr>
    …
</table>

Nach dem Login kopieren

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:

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:

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

Verwandte Empfehlungen:

Was bedeutet das kleine HTML-Tag? Beispiele für die Verwendung des kleinen Tags

Was ist das Farbattribut des HTML-Font-Tags? Einführung in die Verwendung von Schriftfarben (mit Farbcodetabelle)

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!

Verwandte Etiketten：

table表格

Quelle：php.cn

Vorheriger Artikel：Eine kurze Einführung in Blockelemente und Inline-Elemente in HTML (Codeanalyse) Nächster Artikel：Anwendung verschiedener Listenelemente in HTML (ein Beispiel)

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