Najlepszy samouczek tabela HTML W 2024 r. W tym samouczku możesz dowiedzieć się HTML wystąpienie tabeli:,przykłady Online,tabela HTML,wystąpienie tabeli,Tabele HTML i właściwości graniczne,Nagłówek tabeli HTML,Więcej przykładów,Znaczniki HTML stół,
imię | Nazwisko | Punkty |
---|---|---|
Jill | kowal | 50 |
wigilia | Jackson | 94 |
John | łania | 80 |
Adam | Johnson | 67 |
stół
Ten przykład pokazuje, jak utworzyć tabelę w dokumencie HTML.
(Można znaleźć więcej przykładów na dole tej strony).
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.
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 |
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:
Nagłówek tabeli używając <th> jest zdefiniowana.
Większość przeglądarek wyświetli tekst nagłówka w pogrubienie skupione:
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 |
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.
标签 | 描述 |
---|---|
<table> | 定义表格 |
<th> | 定义表格的表头 |
<tr> | 定义表格的行 |
<td> | 定义表格单元 |
<caption> | 定义表格标题 |
<colgroup> | 定义表格列的组 |
<col> | 定义用于表格列的属性 |
<thead> | 定义表格的页眉 |
<tbody> | 定义表格的主体 |
<tfoot> | 定义表格的页脚 |