Verwendung der Tabelle in HTML

HTML-Tabellen sind ein Werkzeug zum Organisieren von Daten in einer gitterartigen Struktur, bestehend aus Zeilen und Spalten. Um eine Tabelle zu erstellen, müssen Sie das Tag <thead> verwenden, wobei <thead> den Tabellenkopf und <tr> td> repräsentiert die Tabellenkopf- bzw. Tabellenkörperzelle. Tabellen können Ränder, Abstände und Breite festlegen.

Verwendung von HTML-Tabellen

Was sind HTML-Tabellen?

HTML-Tabellen werden verwendet, um Daten in einer gitterartigen Struktur zu organisieren, und jedes Gitter wird als Zelle bezeichnet. Tabellen bestehen aus Zeilen und Spalten, wobei die Zeilen horizontal und die Spalten vertikal sind.

So erstellen Sie eine HTML-Tabelle

Um eine Tabelle in HTML zu erstellen, müssen Sie das <table>-Tag verwenden: <table> 标签：

<code class="html"><table>
  <thead>
    <tr><th>列标题 1</th><th>列标题 2</th></tr>
  </thead>
  <tbody>
    <tr><td>单元格 1</td><td>单元格 2</td></tr>
    <tr><td>单元格 3</td><td>单元格 4</td></tr>
  </tbody>
</table></code>

• <thead> 和 <tbody> 分别表示表头和表身。
• <tr> 表示行。
• <th> 表示表头单元格。
• <td>

  <code class="html"><table border="1" cellpadding="5">
    <tr><th>姓名</th><th>年龄</th></tr>
    <tr><td>张三</td><td>20</td></tr>
    <tr><td>李四</td><td>25</td></tr>
  </table></code>

<thead> code> und <tbody> stellen den Tabellenkopf bzw. den Tabellenkörper dar.

<tr> bedeutet Zeile.

<th> stellt die Kopfzelle dar.

• <td> stellt die Tabellenkörperzelle dar.
• Tabelleneigenschaften
• Rahmen: Steuern Sie die Dicke des Tabellenrandes.
• Zellenabstand: Legen Sie den vertikalen Abstand zwischen Zellen fest.

Zellenpadding: Legen Sie den Abstand zwischen Elementen in der Zelle und dem Zellrand fest.

width:
• Geben Sie die Breite der Tabelle an.
• Tabellenkopf und Tabellenkörper

Kopfzeile (<thead>): Enthält den Titel oder die Spaltenbezeichnung in der Tabelle.

Tabellenkörper (<tbody>):
• Enthält die tatsächlichen Daten in der Tabelle.
• Zelleneigenschaften
• colspan: Gibt die Anzahl der Spalten an, die die Zelle umfasst.

rowspan: Gibt die Anzahl der Zeilen an, die die Zelle umfasst.

align:

Geben Sie die Ausrichtung des Texts innerhalb der Zelle an. 🎜🎜🎜🎜Beispiel🎜🎜🎜Hier ist eine einfache Tabelle mit Rändern und Polsterung: 🎜rrreee

Das obige ist der detaillierte Inhalt vonVerwendung der Tabelle in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!