Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Wie viel wissen Sie über HTML-Tabellenattribute?

Wie viel wissen Sie über HTML-Tabellenattribute?

寻∝梦
Freigeben： 2018-08-14 16:22:53
Original
4171 Leute haben es durchsucht

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:

Tabellenzeile erstellen: < /tr>

Spalten (Zellen) erstellen:

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

Tabellenfunktionen:

1. Exklusive Zeile

2. Adaptive Breite (bestimmt durch Inhalt)

Tabelle Tabellenattribute:

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

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

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

    • Position: Anzeige 
                                  <table>
                 <caption>标题</caption>
                 <tr>
                    <td></td>
                     <td></td>
                 </tr>
               </table>
    Nach dem Login kopieren

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

    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.

    td>Genau 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!

    Verwandte Etiketten：
    HTML table；table属性详解
    Vorheriger Artikel：Was sind die Attribute des HTML-IMG-Tags? Erfahren Sie, wie Sie das IMG-Tag verwenden Nächster Artikel：Was sind die Inline-Elemente und Inline-Elemente von HTML? Einführung in die Eigenschaften von HTML-Inline-Elementen und Inline-Elementen
    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
    javascript - Wie erhalte ich den Inhalt in Klammern mithilfe regulärer Ausdrücke in JS?
    Aus 1970-01-01 08:00:00
    0
    0
    0
    show() ist nach Ajax-Erfolg ungültig
    Aus 1970-01-01 08:00:00
    0
    0
    0
    javascript – Eine Zeile Code für den Quellcode von underscore.js schreiben
    Aus 1970-01-01 08:00:00
    0
    0
    0
    javascript - Wie ändere ich den Übergangseffekt von vue1.0 in vue2.0?
    Aus 1970-01-01 08:00:00
    0
    0
    0
    javascript - Woher wissen Sie, dass der Haken des Versprechens nicht geschrieben ist?
    Aus 1970-01-01 08:00:00
    0
    0
    0
    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