Jak zbudować tabelę HTML 2x2
Naucz się budować prostą tabelę HTML
Co wiedzieć
- Otwórz stół. Otwórz pierwszy rząd klawiszem tr tag, otwórz pierwszą kolumnę za pomocą td tag, napisz zawartość komórki. Zamknij pierwszą komórkę, otwórz drugą
- Napisz zawartość drugiej komórki. Zamknij drugą komórkę i zamknij wiersz. Napisz drugi wiersz dokładnie tak samo jak pierwszy i zamknij tabelę.
- Jeśli nie używasz ich do celów związanych z układem, możesz używać tabel HTML. Jeśli chcesz wyświetlić informacje tabelaryczne, najlepszym sposobem na to jest tabela.
W tym artykule wyjaśniono, jak szybko i bezboleśnie zbudować tabelę HTML 2x2. Wyjaśnimy, kiedy można używać tabel HTML, a kiedy należy ich unikać.
Utwórz stół 2x2
-
Najpierw otwórz tabelę:
|_+_|Otwórz pierwszy wiersz z tagiem 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 samo jak pierwszy:
|_+_|Następnie zamknij tabelę:
|_+_|Otóż to!
Możesz także dodać nagłówki tabeli do swojej tabeli za pomocą elementu. Te nagłówki tabeli zastąpiłyby elementy „dane tabeli” w pierwszym wierszu tabeli, tak:
Nazwa
Rola
Jeremy
Projektant
Jennifer
Deweloper
Gdy ta strona byłaby renderowana w przeglądarce, pierwszy wiersz z nagłówkami tabeli byłby domyślnie wyświetlany pogrubioną czcionką i byłyby wyśrodkowane w komórce tabeli, w której się pojawiają.Czy używanie tabel w HTML jest w porządku?
Tak, o ile nie używasz ich do celów układu, możesz używać tabel. Jeśli chcesz wyświetlić informacje tabelaryczne, najlepszym sposobem na to jest tabela. W rzeczywistości unikanie tabeli ze względu na błędną czystość w celu uniknięcia tego uzasadnionego elementu HTML jest tak samo wsteczne, jak używanie ich ze względu na układ w dzisiejszych czasach.
Historia tabel i projektowania stron internetowych
Wiele lat temu, przed akceptacją CSS i standardów internetowych, projektanci stron internetowych używali elementu HTML do tworzenia układu strony dla witryn. Projekty stron internetowych byłyby „pokrojone” na małe kawałki, takie jak puzzle, a następnie połączone z tabelą HTML w celu renderowania w przeglądarce zgodnie z zamierzeniami. Był to bardzo złożony proces, który stworzył wiele dodatkowych znaczników HTML i które nigdy nie byłyby używane dzisiaj w wieloekranowy świat, w którym żyją nasze strony internetowe .
Ponieważ CSS stał się akceptowaną metodą wizualizacji i układu stron internetowych, unikano używania tabel do tego celu, a wielu projektantów stron internetowych błędnie uważało, że „tabele są złe”. To było i jest nieprawdą. Tabele do układu są złe, ale nadal mają miejsce w projektowanie stron i HTML, a mianowicie do wyświetlania danych tabelarycznych, takich jak kalendarz lub rozkład jazdy pociągów. W przypadku tej treści korzystanie z tabeli jest nadal akceptowalnym i dobrym podejściem.
Więc jak układasz stół? Zacznijmy od stworzenia prostego stołu 2x2. Będzie miał 2 kolumny (są to pionowe bloki) i 2 rzędy (poziome bloki). Po zbudowaniu tabeli 2x2 możesz zbudować dowolny rozmiar tabeli, po prostu dodając dodatkowe wiersze lub kolumny.