Bevezetés a HTML táblázatok létrehozásához

A táblázat az egyik leghasznosabb konstrukció. A táblázatok az egész webalkalmazáson találhatók. A táblák legfontosabb felhasználása az, hogy azokat az információk szerkezetére és az információk szerkezetére használják a weboldalon. A HTML tábla egy táblázatszerű oldal elrendezés. A táblákat nem szabad elrendezési segédanyagként használni. Ebben a cikkben a HTML táblázatok létrehozása tárgyaljuk.

HTML táblázat

  • Az a tag használatával táblát hozhat létre.
  • A HTML-ben egy táblát sorok csoportjának tekintik, amelyek mindegyik cellacsoportot tartalmazzák.
  • Sok oszlop lehet egymás után.
  • A HTML táblázatokat csak táblázatos adatokhoz szabad használni, de elrendezési weboldalak létrehozásához is.
  • Ha HTML táblázatokat építünk stílusok vagy attribútumok nélkül a böngészőben, akkor szegély nélkül jelennek meg.
  • Táblázatcímke:
  • A tartalom, amelyet e címkék között írunk, megjelenik a táblázatban.

A HTML-ben használt címkék

Az alábbiakban bemutatjuk a táblázatban használt néhány címkét.

1. Címke

  • Az a címke egy sor meghatározására szolgál a HTML táblázatban.
  • kezdjük a sort a kezdettel sorcímkét, majd az egyes cellák létrehozásával építjük meg a sort, és amikor az összes cellát kitöltjük, akkor bezárjuk a sort a záró sorcímkével .
  • Sorcímke:

2. Címke

  • Az a címke a HTML táblázat cellájának adatainak meghatározására szolgál.
  • Minden cellát létrehozunk a kezdő cellacímkével majd hozzáadja a tartalmat vagy az adatokat a cellához, majd zárja be a cellát a záró cellacímkével.
  • Cellacímke:

3. Címke

  • Az a címke a fejlécet meghatározza egy HTML táblázatban.
  • A táblázat fejléccellája információt szolgáltat az oszlop többi cellájáról.
  • Header tag:
  • Általában a cella tetejére helyezik.

4. Címke

  • A címke a táblázat háttér színének meghatározására szolgál.

Szintaxis:

  • A színnévhez közvetlenül megadhatjuk a háttér színnevét. Például meghatározhatjuk
  • A hex_number esetében meg kell határozni a háttér hexadecimális kódját. Például
  • Az rgb_number esetében meg kell adnunk a háttér rgb (piros, zöld, kék) kódját. Például
  • Ha az rgb_number-ben minden értéket megadunk, mint 255, a háttér színének kimenete fehér.

    • 5. Címke

    • A címkével szolgálnak a feliratok az asztalhoz.
    • Közvetlenül a. Után helyezik el vagy használják
    címke.
  • Alapértelmezés szerint a táblázat felirata középre igazítva lesz a táblázat fölött.
  • Feliratcímke:

    • 6. A sejt átfedése

    • A kiterjesztés nem más, mint a táblázat két vagy több szomszédos cellájának kombinálása.
    • Ez oszlophosszból és sorhosszból áll.
    • Col span : A col span attribútum határozza meg az oszlopok számát, amelyet egy táblacellának át kell tartania.
    Címke
    • Az
    a címke a testtartalom csoportosításához szolgál a HTML táblázatban.
  • A táblázatok egynél több testet tartalmazhatnak, a másik esetben a táblázat csak egy testet tartalmazhat, ezekben az esetekben a
    • eltávolítható.
  • Az egy testtel ellátott táblázatok implicit testtel rendelkeznek.
  • Szintaxis:

    • 9. Címke

    • A címke sorokat tartalmaz, amelyek láblécet vagy összefoglalót képviselnek.
    • Szintaxis:

    10. Címke

    • A táblázat oszlopai az elemmel csoportosíthatók.
    • A blokkban deklarált minden elem definiál egy csoportot a span attribútum segítségével, amely jelzi a csoporthoz tartozó oszlopok számát.
    • Hasznos, ha a stílusokat az egész oszlopra alkalmazza, ahelyett, hogy megismételné az egyes sorokat vagy cellákat.
    • Szintaxis:

    Példák HTML címkékre

    1. példa

    1. Táblázat:

    Szintaxis:

  • Mindig egész számot vesz igénybe.
  • Sorhossz: A sortávolság-attribútum meghatározza a sorok számát, amelyet egy táblacellának meg kell spanálnia.
  		•
  • Mindig egész számot vesz igénybe.

    • 7. Címke

    • Az sor sorozatot határoz meg, amely meghatározza a táblázat oszlopának fejét.

    Szintaxis:

    8.

    Kimenet:

    • Ebben a példában három sorból álló táblázatot készítettünk. Mint a kimenetből megfigyelhetjük, hogy nem tartalmaz szegélyt. Tehát amikor CSS nélkül táblát készítünk vagy stílusokat nem használunk, akkor a szegély nélküli kimenetet jeleníti meg.

    2. példa

    Kimenet:

    • Ebben a példában láthatjuk, hogy határunk van a kimenetünkhöz azáltal, hogy megadjuk a szegmenstulajdonságot a stílusszakaszban, és egy táblázatcímkében használjuk.

    2. Címke és Címke

    Szintaxis: ……..

    Példa:

    Kimenet:

    • Ebben a példában egyszerűen két sort készítettünk a címke és az adatok bevitele a címke.

    3. Címke:

    Szintaxis:

    Példa:

    Kimenet:

    • Ebben a példában megfigyelhetjük, hogy az utónév és a vezetéknév félkövér betűkkel szövődik, másokkal összehasonlítva, mert a cellák fejlécévé teszik őket címke.

    4.

    Szintaxis: table bgcolor = “color_name|hex_number|rgb_number”> ;

    Példa:

    Kimenet:

    5.

    Szintaxis:

    Példa:

    Kimenet:

    • Ebben a példában feliratot adtunk a táblázathoz, mint hallgató részleteit, feliratozási címke használatával.

    6. Span Span és R Span

    Szintaxis a Col Span számára:

    Szintaxis a sortávhoz:

    Példa a Col Span-ra:

    Kimenet:

    Példa a sortávra:

    Kimenet:

    7.

    Szintaxis:

    8.

    Szintaxis:

    9.

    Szintaxis:

    Példa:

    Kimenet:

    10. Colgroup

    Szintaxis:

    Példa:

    Kimenet:

    Következtetés - Készítsen táblázatokat HTML-ben

    HTML-ben a

    tag segítségével több táblát is létrehozhatunk, sőt sorokat és oszlopokat is csoportosíthatunk. A CSS használatával még jobban megtervezhetjük a táblázatokat.

    Ajánlott cikkek

    Ez egy útmutató a HTML táblázatok létrehozásához. Itt megvitatjuk, hogyan lehet táblázatot létrehozni HTML formátumban példákkal és hogyan használható a HTML címkék. Megnézheti más javasolt cikkeinket is -

    1. HTML szövegszerkesztők
    2. HTML űrlapelemek
    3. HTML képcímkék
    4. HTML attribútumok
    5. HTML keretek
    6. HTML blokkok
    7. Állítsa be a háttér színét HTML-ben a Példa segítségével

    Kategória:

    Webfejlesztő eszközök