Tabele HTML są łatwe do utworzenia, gdy zrozumiesz podstawy wierszy i kolumn, a także gdy zrozumiesz, kiedy można użyć tabeli i kiedy należy ich unikać.
Krótka historia tabel i projektowania stron internetowych
Wiele lat temu, przed akceptacją standardów CSS i sieci, projektanci stron internetowych wykorzystali kod HTML
element, aby utworzyć układ strony dla witryn. Projekty stron internetowych zostaną "pokrojone" na małe kawałki, takie jak puzzle, a następnie połączone ze stołem HTML, aby renderować w przeglądarce zgodnie z przeznaczeniem. To był bardzo złożony proces, który spowodował powstanie wielu dodatkowych znaczników HTML i które nigdy nie byłyby użyteczne w dzisiejszym świecie, w którym działają nasze witryny. Ponieważ CSS stał się akceptowaną metodą wyświetlania grafik i układu strony, użycie tabel stało się odrzucony i wielu projektantów stron internetowych błędnie uważało, że "tabele były złe". To było i jest nieprawdziwe. Tabele dla układu są złe, ale nadal mają miejsce w projektowaniu stron internetowych i HTML, a mianowicie do wyświetlania danych tabelarycznych, takich jak kalendarz lub rozkład jazdy pociągów. W przypadku tej treści używanie tabeli nadal jest akceptowalnym i dobrym podejściem.
Jak układasz stół? Zacznijmy od stworzenia prostej tabeli 2x2. Będzie miał 2 kolumny (są to pionowe bloki) i 2 rzędy (bloki poziome). Po zbudowaniu tabeli 2x2 możesz zbudować tabelę o dowolnym rozmiarze, po prostu dodając dodatkowe wiersze lub kolumny.
Oto jak
-
Najpierw otwórz stół
-
Otwórz pierwszy wiersz ze znacznikiem tr
-
Otwórz pierwszą kolumnę z tagiem td
|
-
Napisz zawartość komórki
-
Zamknij pierwszą komórkę i otwórz drugą
|
-
Napisz zawartość drugiej komórki
-
Zamknij drugą komórkę i zamknij wiersz
-
Napisz drugi wiersz dokładnie tak jak pierwszy
| | |
-
Następnie zamknij stół
-
To jest to!
Możesz również dodać nagłówki tabeli do swojego stołu za pomocą
element. Te nagłówki tabeli zastąpiłyby "dane tabeli" w pierwszym wierszu tabeli, tak jak poniżej:
| Imię | Rola | | Jeremy | Projektant | Jennifer | Deweloper |
Gdy strona wyświetlałaby się w przeglądarce, pierwszy wiersz z nagłówkami tabeli byłby domyślnie wyświetlany pogrubioną czcionką i byłby wyśrodkowany w komórce tabeli, w której się pojawiają.
Czy korzystanie z tabel w HTML jest w porządku?
Tak, o ile nie używasz ich do celów związanych z układem, możesz używać tabel. Jeśli chcesz wyświetlić informacje tabelaryczne, tabela jest sposobem, aby to zrobić. W rzeczywistości, unikanie stołu z powodu jakiejś błędnej czystości, aby uchronić się przed tym legalnym elementem HTML, jest tak samo zacofane, jak używanie ich ze względów związanych z układem w dzisiejszych czasach.
Napisane przez Jennifer Kyrin. Edytowane przez Jeremy'ego Girarda.
|
