Latest web development tutorials

HTML-Tabelle

HTML-Tabelle Beispiel:

Vorname Nachname Punkte
Jill Schmied 50
Vorabend Jackson 94
John Ricke 80
Adam Johnson 67


Beispiele

Online Beispiele

Tabelle
Dieses Beispiel zeigt, wie eine Tabelle in einem HTML-Dokument zu erstellen.

(Sie können mehr Beispiele am Ende dieser Seite zu finden.)


HTML-Tabelle

Form von <table> -Tag definiert. Jede Tabelle hat eine Reihe von Linien (definiert durch <tr> -Tag) wird jede Zeile in eine Anzahl von Zellen unterteilt (definiert durch die <td> -Tag). Bezieht sich auf den Inhalt von Buchstaben td Tabellendaten (Tabellendaten), das heißt, die Datenzelle. Daten Zelle kann Text, Bilder enthalten, Listen, Absätze, Formulare, horizontal, Tabellen und so weiter.

Tabelle Instanz

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

Der Browser zeigt die folgende ::

Zeile 1, Zelle 1 Zeile 1, Zelle 2
Zeile 2, Zelle 1 Zeile 2, Zelle 2


HTML-Tabellen und Rahmeneigenschaften

Wenn Sie nicht über die Grenze definieren Attribut der Tabelle nicht angezeigt wird. Manchmal ist dies nützlich, aber die meiste Zeit, wollen wir die Grenze zu zeigen.

Verwenden Sie die Eigenschaft border einer Tabelle anzuzeigen mit Grenzen:

<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>


HTML Tabellenkopf

Tabellenkopf mit der <th> -Tag definiert ist.

Die meisten Browser wird die Header-Text fett zentriert angezeigt werden:

<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

Der Browser zeigt die folgende:

Header 1 Header 2
Zeile 1, Zelle 1 Zeile 1, Zelle 2
Zeile 2, Zelle 1 Zeile 2, Zelle 2


Beispiele

Weitere Beispiele

Keine Randtabelle
Dieser Fall hat keinen Tabellenrahmen zeigen.

Tabellenkopf (Überschrift)
Dieses Beispiel zeigt, wie Sie den Tabellenkopf angezeigt werden soll.

Tabelle mit Überschriften
Dieses Beispiel zeigt, mit einem Titel (Beschriftung) der Form

Interbank über mehrere Spalten oder Tabellenzelle
Dieses Beispiel zeigt, wie Kreuz oder über mehrere Spalten einer Tabellenzelle zu definieren.

Tags in der Tabelle
Dieses Beispiel zeigt, wie die Elemente in verschiedenen Elemente anzuzeigen.

Textabstand (Cell Padding)
Dieses Beispiel zeigt, wie die Zelle padding verwenden, um eine leere Zelle Inhalt und die Grenzen zwischen zu schaffen.

Zellenabstand (Zellenabstand)
Dieses Beispiel demonstriert, wie der Zellenabstand zu verwenden, um den Abstand zwischen den Zellen zu erhöhen.


HTML Tabellen-Tags

标签 描述
<table> 定义表格
<th> 定义表格的表头
<tr> 定义表格的行
<td> 定义表格单元
<caption> 定义表格标题
<colgroup> 定义表格列的组
<col> 定义用于表格列的属性
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚