Einführung in den Tabellen-Tag

in HTML (mit Code)

不言Original: 2018-08-02 09:53:123302Durchsuche

Dieser Artikel stellt Ihnen die Einführung des Tabellen-Tags f5d188ed2c074f8b944552db028f98a1 vor (mit Code). Ich hoffe, dass er für Sie hilfreich ist.

Tabelle

Tabelle wird durch das Tag f5d188ed2c074f8b944552db028f98a1 definiert.

Jede Tabelle hat mehrere Zeilen (definiert durch a34de1251f0d9fe1e645927f19a896e8-Tags) und jede Zeile ist in mehrere Zellen unterteilt (definiert durch b6c5a531a458a2e790c1fd6421739d1c-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>b90dd5946f0946207856a8a37f441edf.

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>

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

in HTML (mit Code). 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

Vorheriger Artikel：HTML gibt die Label-Option an und fügt das Label hinzu (mit Code)Nächster Artikel：HTML gibt die Label-Option an und fügt das Label hinzu (mit Code)

In Verbindung stehende Artikel

Mehr sehen