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ő fehér 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 nyílás segítségével

címke:

A nap videója

2. lépés

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

3. lépés

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

4. lépés

Zárja be a táblázatot a záró címkével:

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

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 címkével kezdődik és végződik, é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 a szegélyspecifikáció után, hogy növelje a táblázat határai és a tartalom közötti fehér teret. Például,

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

hivatkozások

  • W3Schools.com: HTML-táblázatok