Tabuľky poskytujú najjednoduchší spôsob vytvárania online katalógu v HTML. Trojstĺpcová tabuľka vám dáva priestor pre obrázok produktu, popis a informácie o dodaní/objednávke. Vkladanie informácií do tabuliek znižuje množstvo času potrebného na zarovnanie textu. Okrem toho vám tabuľky poskytujú kontrolu nad bielym priestorom okolo informácií na vašej stránke, aby sa zlepšil vzhľad a prehľadnosť vašej webovej lokality.
Krok 1
Pomocou otvoru definujte tabuľku s jednopixelovým okrajom
značka:Video dňa
Krok 2
Vložte prvý riadok buniek a ich obsah s týmto kódom:
Krok 3
Vložte druhý riadok buniek a ich obsah s týmto kódom:
Krok 4
Zatvorte tabuľku koncovou značkou:
 |
Toto je popis prvej položky. | Táto položka je momentálne dostupná. |
 |
Toto je popis druhej položky. | Táto položka je nedoobjednaná. |
Tip
Tento jednoduchý príklad vytvorí tabuľku s dvoma riadkami a tromi stĺpcami. Prvý stĺpec zobrazuje obrázok produktu s rozmermi 60 x 60 pixlov pomocou značky. Druhý a tretí stĺpec zobrazuje popis produktu a informácie o sklade. Všimnite si, že každý riadok začína a končí značkou a každá položka v riadku začína a končí značkou. Vložte toľko stĺpcov alebo riadkov, koľko potrebujete na popis vášho produktu.
Vložte príkaz cellpadding hneď za špecifikáciu okraja v definícii tabuľky, aby ste zvýšili množstvo bieleho priestoru medzi okrajmi tabuľky a vaším obsahom. Napríklad,
vytvorí okolo obsahu každej bunky v tabuľke 10-pixelový biely priestor.referencie
- W3Schools.com: HTML tabuľky
