Heim >Web-Frontend >HTML-Tutorial >Wie viel wissen Sie über HTML-Tabellenattribute?

Wie viel wissen Sie über HTML-Tabellenattribute?

寻∝梦
寻∝梦Original
2018-08-14 16:22:534077Durchsuche

Wie viel wissen Sie über HTML-Tabellenattribute? Tabellen-Tags werden in HTML häufig verwendet und sind für Anfänger einfach zu verwenden. Es gibt jedoch auch einige Attribute, die die Funktionalität von Tabellen erheblich verbessern können. Bei richtiger Anwendung werden Sie feststellen, dass Ihre Seiten klar und schön aussehen. Erfahren Sie mehr über das HTML-Tabellenattribut.

Was ist eine Tabelle und welche Rolle spielt eine Tabelle?

Was ist eine Tabelle: Sie besteht aus einigen rechteckigen Kästchen, sogenannten Zellen, die von links nach rechts und von oben nach unten angeordnet sind Die Funktion der

-Tabelle in der Reihenfolge: Informationen in einer bestimmten Struktur anzeigen.

So verwenden Sie eine Tabelle

Tabelle definieren: f5d188ed2c074f8b944552db028f98a1f16b1740fad44fb09bfe928bcc527e08

Tabellenzeile erstellen: a34de1251f0d9fe1e645927f19a896e85194ba175fd9c71e9a9f6e68244d73a8

Spalten (Zellen) erstellen:b6c5a531a458a2e790c1fd6421739d1cb90dd5946f0946207856a8a37f441edf

Hinweis: Standardmäßig ist die Anzahl der Spalten in jeder Zeile einheitlich.

Tabellenfunktionen:

1. Exklusive Zeile

2. Adaptive Breite (bestimmt durch Inhalt)

Tabelle Tabellenattribute:

f5d188ed2c074f8b944552db028f98a1 Höhe der Tabelle

  • align: Legt die horizontale Ausrichtung der Tabelle in ihrem übergeordneten Element fest, Werte: links, zentriert, rechts

  • Rand : Rand, Rahmenbreite, Wert in px, px kann weggelassen werden

  • cellpadding: Zellinnenrand

  • cell Der Abstand zwischen dem Zellrand und der Inhalt

  • Zellabstand: Zellränder

  •                                                                                                                                                        Abstand zwischen

  • bgcolor: Hintergrundfarbe

  • a34de1251f0d9fe1e645927f19a896e8 Attribute

  • 1 .align: Die horizontale Ausrichtung des Inhalts dieser Zeile

2.valign: Die vertikale Ausrichtung des Inhalts dieser Zeile, Werte: oben, Mitte, unten

  • 3.bgcolor Die Textfarbe dieser Zeile

  • b6c5a531a458a2e790c1fd6421739d1c Attribute

  • Breite

Höhe

  • align

  • valign

  • bgcolor

  • colspan legt Zellen spaltenübergreifend fest

  • rowspan legt Zellen zeilenübergreifend fest

  • 3. Andere Tags in der Tabelle

  • 1.63bd76834ec05ac1f4c0ebbeaafb099437eb775bb5a9e6f3d094e96a76117fe8
  • Funktion: Definieren Sie den Titel für die Tabelle

  • Position: Anzeige
                              <table>
                 <caption>标题</caption>
                 <tr>
                    <td></td>
                     <td></td>
                 </tr>
               </table>

2. Zeilentitel oder Spaltentitel

Spaltentitel: Jede Spalte in der ersten Zeile, fett, horizontal zentrierte Effektanzeige

Zeilentitel: Die erste Spalte in jeder Zeile, fett, Der Effekt der horizontalen Zentrierung wird angezeigt

Zeilentitel (Spalte):b4d429308760b6c2d20d6300079ed38e53f773aa0381116f13da4e26ea304165Genau das Gleiche

Tabellenrandzusammenführung:

Attribut: border-collapse

Wert:

1. Separater Standardwert, separater Randmodus 2. Randzusammenführungsmodus

Tabellenrandrand:

1. Legen Sie den Rand zwischen benachbarten Zellen fest. Der Abstand zwischen (ähnlich dem Zellenabstand)

2. Attribut: border-spacing

Wert: 1. Nehmen Sie 1 Wert: bedeutet die Horizontale und der vertikale Abstand sind gleich

2. Nehmen Sie zwei Werte: den horizontalen Abstand, der durch den ersten Wert

dargestellt wird, und den vertikalen Abstand, der durch den zweiten Wert

dargestellt wird, getrennt durch ein Leerzeichen

3. Anforderungen

Rahmenkollaps muss separat sein

Es muss im getrennten Rahmenmodus gültig sein

Versteckter Anzeigeeffekt:

Attribute: sichtbarkeit:collap:se

Wird für Tabellenelemente verwendet, um eine Zeile oder Spalte zu löschen, ohne das gesamte Layout der Tabelle zu beeinträchtigen

[Verwandte Empfehlungen]

Grundlegende Elemente von HTML, damit Sie HTML von Grund auf lernen können

Was ist eine HTML-Datei? Ein vorläufiges Verständnis von HTML-Dateien


Das obige ist der detaillierte Inhalt vonWie viel wissen Sie über HTML-Tabellenattribute?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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