A HTML-táblázatokat könnyű létrehozni, miután megértette a sorok és oszlopok alapjait, valamint azt is, ha megértette, hogy az asztal használata esetén megfelelő, és mikor kerüljük őket.
A táblák rövid ismertetése és a webdesign
Sok évvel ezelőtt, mielőtt a CSS és a webes szabványok elfogadhatóak voltak, a webes tervezők a HTML-t használják
elemet hoz létre a webhelyek oldalelrendezéséhez. A weboldalakon megjelenő terveket "apróra vágják" apró darabokra, mint egy kirakós játékot, majd egy HTML táblával kombinálva, amelyet a böngészőben terveznek. Ez egy nagyon összetett folyamat, amely sok extra HTML-jelölést hozott létre, és amely ma nem használható a többképernyős világban, ahol weboldalaink élnek. Mivel a CSS a weboldal vizuális és elrendezésének elfogadott módszere lett, és számos internetes tervező tévesen úgy gondolta, hogy "a táblák rosszak voltak". Ez volt és nem igaz. Az elrendezés táblázata rossz, de még mindig van helyük a webes tervezésben és a HTML-ben, nevezetesen olyan táblázatos adatok megjelenítéséhez, mint a naptár vagy a menetrend. A tartalomhoz egy táblázat használata még elfogadható és jó megközelítés.
Tehát, hogyan rendezel asztalt? Kezdjük egy egyszerű 2x2-es táblázat létrehozásával. Ennek két oszlopa van (ezek a függőleges blokkok) és 2 sor (a vízszintes blokkok). Miután elkészített egy 2x2-es táblát, bármilyen méretű táblát meg lehet építeni egyszerű sorok vagy oszlopok hozzáadásával.
Itt van, hogyan
-
Először nyissa ki az asztalt
-
Nyissa meg az első sort a tr címkével
-
Nyissa meg az első oszlopot a td címkével
|
-
Írja be a cella tartalmát
-
Zárja be az első cellát, és nyissa ki a második
|
-
Írja be a második cella tartalmát
-
Csukja be a második cellát, és csukja be a sorot
-
Írja be a második sort pontosan az elsőnek
| | |
-
Ezután zárja be az asztalt
-
Ez az!
Azt is választhatja, hogy táblázatos fejléceket ad hozzá az asztalhoz a
elem. Ezek az asztalfejlécek az első táblázat sorában lévő "táblázatadatok" darabokat helyettesítenék, például:
| Név | Szerep | | Jeremy | Tervező | Jennifer | Fejlesztő |
Amikor ez az oldal megjelenik a böngészőben, akkor az asztalfejlécekkel ellátott első sor alapértelmezés szerint félkövér betűkkel jelenik meg, és azok középpontjában a táblázatos cellában szerepelnek.
Szóval, a táblázatok használata HTML-ben?
Igen, mindaddig, amíg nem használsz őket elrendezési célokra, rendben van az asztalok használata. Ha táblázatos információkat szeretne megjeleníteni, egy táblázatot hozhat létre erre a célra. Valójában, elkerülve az asztalt azért, mert valami félrevezetett tisztaság van, hogy elkerülje ezt a törvényes HTML elemet, annyira elmaradott, mintha használná őket elrendezési okokból a mai napig.
Írta: Jennifer Kyrin. Szerkesztette Jeremy Girard.
|
