tabela HTML
HTML wystąpienie tabeli:
imię | Nazwisko | Punkty |
---|---|---|
Jill | kowal | 50 |
wigilia | Jackson | 94 |
John | łania | 80 |
Adam | Johnson | 67 |
przykłady Online
stół
Ten przykład pokazuje, jak utworzyć tabelę w dokumencie HTML.
(Można znaleźć więcej przykładów na dole tej strony).
tabela HTML
Formularz określony przez znacznik <table>. Każda tabela ma wiele linii (określone przez <tr>), każda z linii jest podzielona na pewną liczbę komórek (określonej przez <td> tag). Odnosi się do treści listów TD danych tabeli (dane tabeli), to znaczy, że komórka danych. Dane komórka może zawierać tekst, obrazy, listy, akapity, formy, poziomy, tabel i tak dalej.
wystąpienie tabeli
<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>
Przeglądarka wyświetla następujące ::
wiersz 1, komórka 1 | wiersz 1, komórka 2 |
wiersz 2, komórka 1 | wiersz 2, komórka 2 |
Tabele HTML i właściwości graniczne
Jeśli nie określają granicę atrybutów tabela nie pokaże. Czasami jest to przydatne, ale przez większość czasu, chcemy pokazać granicę.
Użyj właściwości obramowania, aby wyświetlić tabelę z granic:
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
Nagłówek tabeli HTML
Nagłówek tabeli używając <th> jest zdefiniowana.
Większość przeglądarek wyświetli tekst nagłówka w pogrubienie skupione:
<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>
Przeglądarka wyświetla następujące elementy:
nagłówek 1 | nagłówek 2 |
---|---|
wiersz 1, komórka 1 | wiersz 1, komórka 2 |
wiersz 2, komórka 1 | wiersz 2, komórka 2 |
Więcej przykładów
Nie table border
Sprawa ta nie wykazała obramowanie tabeli.
nagłówka tabeli (treść)
Ten przykład pokazuje, w jaki sposób wyświetlić nagłówek tabeli.
Tabela z nagłówkami
Przykład ten pokazuje, w tytule (podpis), w postaci
Interbank całej kolumny lub komórki tabeli
Ten przykład pokazuje, w jaki sposób zdefiniować krzyżyk lub całej kolumny komórki tabeli.
Tagi w tabeli
Ten przykład pokazuje, w jaki sposób wyświetlić elementy w różnych elementów.
dopełnienie komórek (Cell padding)
Ten przykład pokazuje, jak używać Cell padding aby utworzyć pustą zawartość komórki i jej granic pomiędzy.
odstępy między komórkami (odstępy między komórkami)
Przykład ten pokazuje, w jaki sposób korzystać z odstępy między komórkami w celu zwiększenia odległości pomiędzy komórkami.
Znaczniki HTML stół
标签 | 描述 |
---|---|
<table> | 定义表格 |
<th> | 定义表格的表头 |
<tr> | 定义表格的行 |
<td> | 定义表格单元 |
<caption> | 定义表格标题 |
<colgroup> | 定义表格列的组 |
<col> | 定义用于表格列的属性 |
<thead> | 定义表格的页眉 |
<tbody> | 定义表格的主体 |
<tfoot> | 定义表格的页脚 |