Hogyan készítsünk termékkatalógust HTML-lel

A táblázatok a legegyszerűbb módszert kínálják az online katalógus létrehozására HTML-ben. A három oszlopos táblázat helyet ad a termék képének, leírásának és szállítási/rendelési információinak. Az információk beszúrása táblázatokba csökkenti a szöveg igazításához szükséges időt. Ezenkívül a táblázatok segítségével szabályozhatja az oldalon lévő információkat körülvevő üres területet, hogy javítsa webhelye megjelenését és átláthatóságát.

1. lépés

Határozzon meg egy táblázatot egy pixeles szegéllyel a nyitó

címke: segítségével

2. lépés

Illessze be a cellák első sorát és azok tartalmát ezzel a kóddal:

Ez az első elem leírása. Ez az elem jelenleg elérhető.

3. lépés

Illessze be a cellák második sorát és azok tartalmát ezzel a kóddal:

Ez a második elem leírása. Ez a tétel függőben van.

4. lépés

Zárja be a táblázatot a következő címkével:

Tipp

Ez az egyszerű példa egy kétsoros és három oszlopos táblázatot hoz létre. Az első oszlop a címkét használó termék 60 x 60 pixeles képe jelenik meg. A második és harmadik oszlop a termékleírást és a készletinformációkat jeleníti meg. Vegye figyelembe, hogy minden sor a

-vel kezdődik és végződik címkét, és a sor minden eleme címkével kezdődik és végződik. Szúrjon be annyi oszlopot vagy sort, amennyire szüksége van a termék leírásához.

Illessze be a cellpadding parancsot közvetlenül a tábla definíciójában szereplő szegélyspecifikáció után, hogy növelje a táblázat határai és a tartalom közötti fehér szóközt. Például a

10 képpontos fehér szóközt hoz létre a táblázat minden cellájának tartalma körül.