Tabulky představují nejjednodušší metodu vytváření online katalogu v HTML. Třísloupcová tabulka vám dává prostor pro obrázek produktu, popis a informace o dodání/objednávkách. Vkládání informací do tabulek snižuje množství času potřebného k zarovnání textu. Kromě toho vám tabulky poskytují kontrolu nad bílým prostorem kolem informací na vaší stránce, aby se zlepšil vzhled a přehlednost vašeho webu.
Krok 1
Pomocí otvoru definujte tabulku s jednopixelovým okrajem
štítek:Video dne
Krok 2
Vložte první řádek buněk a jejich obsah s tímto kódem:
Krok 3
Vložte druhý řádek buněk a jejich obsah s tímto kódem:
Krok 4
Zavřete tabulku koncovým tagem:
Toto je popis první položky. | Tato položka je aktuálně dostupná. | |
Toto je popis druhé položky. | Tato položka je doobjednaná. |
Spropitné
Tento jednoduchý příklad vytvoří tabulku se dvěma řádky a třemi sloupci. První sloupec zobrazuje obrázek produktu o rozměrech 60 x 60 pixelů pomocí značky. Druhý a třetí sloupec zobrazuje popis produktu a informace o skladech. Všimněte si, že každý řádek začíná a končí značkou a každá položka v řádku začíná a končí značkou. Vložte tolik sloupců nebo řádků, kolik potřebujete k popisu vašeho produktu.
Vložte příkaz cellpadding bezprostředně za specifikaci ohraničení v definici tabulky, abyste zvýšili množství bílého místa mezi ohraničením tabulky a vaším obsahem. Například,
vytvoří kolem obsahu každé buňky v tabulce 10pixelový bílý prostor.Reference
- W3Schools.com: HTML tabulky