A HTML-táblázatokat könnyedén létrehozhatod, ha megérted a sorok és oszlopok alapjait - és ha egyszer megérted, hogy mikor van egy asztal használata, és amikor elkerülheted őket.
A táblák rövid ismertetése és a webdesign
Sok évvel ezelőtt, mielőtt elfogadta a CSS és a webes szabványokat, a webes tervezők a HTML
elemet használva létrehozták az oldalak elrendezését a webhelyek számára. 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 soha nem használható a multi-screen világban, ahol weboldalaink élnek . Mivel a CSS a weboldal vizuális és elrendezésének elfogadott módszere lett, a táblázatok használata ezzel elkerülhetővé vált, és sok internetes tervező tévesen úgy gondolta, hogy a "táblák rosszak". 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 a táblázatos adatok megjelenítéséhez, mint például a menetrend menetrendje. 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.
Nehézség: átlag
Szükséges idő: 10 perc
Itt van, hogyan:
- Először nyissa meg a
táblázatot - Nyissa meg az első sort a tr címkével
- Nyissa meg az első oszlopot a td tag
segítségével - Írja be a cella tartalmát
- Zárja be az első cellát, és nyissa meg a második td>
billentyűt - Írja be a második cella tartalmát
- Zárja be a második cellát és zárja be a td> tr> sorokat
- Írja be a második sort pontosan az első
td> | td> tr> - Ezután csukja be az asztalt table>
Azt is választhatja, hogy táblázatos fejléceket ad hozzá az asztalhoz a | elem használatával. Ezek az asztalfejlécek az első táblázat sorában lévő vagy "táblázatadatok" darabokat helyettesítenék, például:
Jeremy td> | Designer td> tr> tr> | td> Jennifer td> | Fejlesztő td> | tr> table> 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álja őket elrendezési célokra. 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 a táblázatot, mert bizonyos félrevezető tisztaság, hogy elkerülje ezt a legitim HTML elemet, annyira visszafelé, mint használja őket elrendezési okokból ebben a korban és korban.
Írta: Jennifer Kyrin. Szerkesztette Jeremy Girard 16/11/11
| |