Einführung in den Tabellen-Tag <table> in HTML (mit Code)-HTML-Tutorial-php.cn

Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > HTML-Tutorial > Hauptteil

Einführung in den Tabellen-Tag in HTML (mit Code)

不言

Freigeben： 2018-08-02 09:53:12

Original

3298 Leute haben es durchsucht

Dieser Artikel stellt Ihnen die Einführung des Tabellen-Tags

vor (mit Code). Ich hoffe, dass er für Sie hilfreich ist.

Tabelle

Tabelle wird durch das Tag

definiert.

Jede Tabelle hat mehrere Zeilen (definiert durch

-Tags) und jede Zeile ist in mehrere Zellen unterteilt (definiert durch .

Der Code für das obige Bild lautet wie folgt

<body>
        <table width="400" height="400" border="2">
            <!-- 第1行 -->
            <tr>
                <td colspan="4" bgcolor="aqua"></td>
            </tr>
            <!-- 第2行 -->
            <tr>
                <td rowspan="4" bgcolor="antiquewhite"></td>
                <td colspan="3" bgcolor="antiquewhite"></td>
            </tr>
            <!-- 第3行 -->
            <tr>
                <td rowspan="3" bgcolor="aquamarine"></td>
                <td colspan="2" bgcolor="aquamarine"></td>
            </tr>
            <!-- 第4行 -->
            <tr>
                <td rowspan="2" bgcolor="bisque"></td>
                <td bgcolor="bisque"></td>
            </tr>
            <!-- 第5行 -->
            <tr>
                <td></td>
            </tr>
        </table>
    </body>

Nach dem Login kopieren

Empfohlene verwandte Artikel:

HTML-Tag-Optionen angeben und Tags hinzufügen (mit Code)

Was ist ein flexibles Layout? Grundlegende Anwendung von flexiblem Layout-Flex (mit Code)

Das obige ist der detaillierte Inhalt vonEinführung in den Tabellen-Tag

-Tags).

Die Buchstaben td beziehen sich auf Tabellendaten, also den Inhalt von Datenzellen.

Datenzellen können Text, Bilder, Listen, Absätze, Formulare, horizontale Linien, Tabellen und mehr enthalten.

Um beispielsweise die folgende Tabelle zu zeichnen:

Analyse: 1. Zeilen analysieren, jede Zeile ist ein tr-Tag

2 . Sehen Sie ab der ersten Zeile, wie viele Zellen sich in jeder Zeile befinden.

　3. Wenn der belegte Platz 1 Zeile und 1 Spalte beträgt, lassen Sie die Zeilennummer weg und lesen Sie direkt ;td>

in HTML (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：

表格标签<table>

Quelle：php.cn

Vorheriger Artikel：HTML gibt die Label-Option an und fügt das Label hinzu (mit Code) Nächster Artikel：Über die Verwendung berechneter Eigenschaften in Vue (mit Code)

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