Verwendung der Tabelle in HTML-HTML-Tutorial-php.cn

Verwendung der Tabelle in HTML

下次还敢

Freigeben： 2024-04-27 20:54:38

Original

560 Leute haben es durchsucht

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 der Tabelle in HTML

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>

Nach dem Login kopieren

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

Nach dem Login kopieren

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