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