Tabele zapewniają najprostszą metodę budowania katalogu online w HTML. Trzykolumnowa tabela zapewnia miejsce na zdjęcie produktu, opis i informacje o wysyłce/zamówieniu. Wstawianie informacji do tabel skraca czas potrzebny na wyjustowanie tekstu. Ponadto tabele zapewniają kontrolę nad białą przestrzenią otaczającą informacje na Twojej stronie, aby poprawić wygląd i przejrzystość Twojej witryny.
Krok 1
Zdefiniuj tabelę z jednopikselowym obramowaniem za pomocą otworu
etykietka:Wideo dnia
Krok 2
Wstaw pierwszy wiersz komórek i ich zawartość za pomocą tego kodu:
Krok 3
Wstaw drugi rząd komórek i ich zawartość za pomocą tego kodu:
Krok 4
Zamknij tabelę z końcowym tagiem:
 |
To jest opis pierwszej pozycji. | Ten przedmiot jest obecnie dostępny. |
 |
To jest opis drugiej pozycji. | Ten przedmiot jest zamówiony. |
Wskazówka
Ten prosty przykład tworzy tabelę z dwoma wierszami i trzema kolumnami. Pierwsza kolumna wyświetla obraz produktu o wymiarach 60 na 60 pikseli przy użyciu tagu. Druga i trzecia kolumna zawierają opis produktu i informacje o stanie magazynowym. Zauważ, że każdy wiersz zaczyna się i kończy znacznikiem, a każdy element w rzędzie zaczyna się i kończy znacznikiem. Wstaw tyle kolumn lub wierszy, ile potrzebujesz, aby opisać swój produkt.
Wstaw polecenie cellpadding bezpośrednio po specyfikacji obramowania w definicji tabeli, aby zwiększyć ilość odstępu między obramowaniem tabeli a zawartością. Na przykład,
tworzy 10-pikselową białą przestrzeń wokół zawartości każdej komórki w tabeli.Bibliografia
- W3Schools.com: Tabele HTML
