Detaillierte Erklärung der HTML-Tabellen

Funktion: Datenanzeige, Tabellenanwendungsszenario.

<table> Tabelle<tr> Zeile<td> Zelle

Format:

<Tabelle>

  <caption>...</caption><!-Tabellentitel, zentriert-->

  <tr>

    <th>...</th>... <!-Tabellenüberschrift, Inhalt zentriert, fett-->　

  </tr>

  <tr>

    <td>…</td>…

  </tr>

</Tabelle>

Tabellenstruktur-Tag: Es ist bequemer, Teile zu laden und Teile anzuzeigen.

In drei Teile aufteilen: Kopfzeile (thead), Textkörper (tbody), Fußzeile (tfoot) Diese drei Tags können das Layout nicht beeinflussen

<Tabelle>

  <caption>...</caption>

  <Kopf>

  <tr>

    <th>...</th>... <!-Tabellenüberschrift, Inhalt zentriert, fett-->　

  </tr>

  </thead>

  <tbody>

  <tr>

    <td>…</td>…

  </tr>

  </tbody>

  <tfuß>

  <tr>

    <td>…</td>…

  </tr>

  </tfoot>

</Tabelle> 

Tabellentagattribute

tr-Tag-Attribute

<Tabelle>


  <tr>

    <td colspan="2"> ...</td>

    <td> …</td>

  </tr>

  <tr>

    <td>…</td>

    <td>…</td>

    <td>…</td>

  </tr>

</Tabelle> 

<Tabelle>

  <tr>

    <td> …</td>

    <td rowspan="2"> ...</td>

  </tr>

  <tr>

    <td>…</td>

    <td>…</td>

    <td>…</td>

  </tr>

</Tabelle> 

Beschreibung: 1. Tabellenstruktur vervollständigen 2. In das <td>-Tag einfügen

<Tabelle>

  <tr>

    <td> …</td>

    <td>　

       <Tabelle>

        <tr>

          <td> …</td>

          <td>.</td>

        </tr>

      </Tabelle>

    </td>

  </tr>

</Tabelle>

1. Verwenden Sie die Tabellenschachtelung so wenig wie möglich.

2. Verwenden Sie Tabellen, die sich möglichst wenig über Zeilen und Spalten erstrecken.

Erhöhen Sie die Gesamtwartungskosten des Codes.

Bei der Verwendung von Tabellen für das Layout der Webseitenstruktur werden im Allgemeinen keine Grenzen gesetzt

Dies ist das Ende dieses Artikels mit der detaillierten Erklärung von HTML-Tabellen. Weitere relevante HTML-Tabelleninhalte finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!