HTML-Tabelle
HTML-Tabelle Beispiel:
Vorname | Nachname | Punkte |
---|---|---|
Jill | Schmied | 50 |
Vorabend | Jackson | 94 |
John | Ricke | 80 |
Adam | Johnson | 67 |
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
<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:
<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:
<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 |
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> | 定义表格的页脚 |