Minden, amit tudnia kell a HTML táblákról



Ez a cikk részletes és átfogó HTML-táblázatokkal szolgál. Az elvégezhető különféle címkék és formázások.

A technológiai kezdetek óta a táblázat az adatok tárolásának és megjelenítésének általános módja. Szinte az összes mezőben használják szöveges információk és numerikus adatok bemutatására, ahol könnyen összehasonlíthat két vagy több elemet. Ebben a cikkben megvitatom Táblázatok a következő sorrendben:

Mi az a HTML tábla?

Egyszerű szavakkal, a táblázat a kapcsolódó adatok gyűjteménye, amely sorokból és oszlopokból áll. Most már tudjuk, hogy a HTML szabványos jelölőnyelv a weboldalak létrehozásához és webböngészőben történő megjelenítéséhez. Tehát a táblák létrehozása és használata a HTML elsajátításának fontos részkészségévé válik. Ebben a blogban megtudhatjuk, hogyan kell HTML-táblákkal dolgozni.





HTML5
HTML tábla definiálásához használjuk

címke. Belül
tag, akkor először definiálja a táblázat sorait címke. Ezután meghatározza a táblázat fejléceit a a címkék tartalmazzák a táblázat törzsét.

HTML táblázat fejléccel, lábléccel és törzzsel
címke. A táblázat adatait vagy celláit a címke.

hogyan keverjük össze az adatokat a tablóban

HTML táblázat címkék

Először nézzük meg a táblázatok létrehozásához használt HTML-címkék listáját. Később ebben a blogban haladva megtanuljuk, hogyan kell felhasználni őket példák segítségével.



  • :Táblázat definiálására szolgál
  • :A táblázat egy sorának meghatározására szolgál
  • : A törzs tartalmának táblázatba csoportosítására szolgál
  • : A lábléc tartalmának táblázatba csoportosítására szolgál
  • Most nézzük meg a HTML kód mintáját, és hozzunk létre egy táblázatot.

     
    : A táblázat fejléc cellájának meghatározására szolgál
  • : A táblázat cellájának definiálására szolgál
  • : Meghatározza a táblázat feliratát
  • : Egy vagy több oszlopból álló csoport megadására szolgál a táblázatban a formázáshoz
  • : Az elemen belüli oszlopok oszlop tulajdonságainak megadására szolgál
  • : A fejléc tartalmának táblázatba csoportosítására szolgál
  • Név Kor
    Abhishek 18
    Bob 2. 3

    Kimenet:



    A HTML táblázat variációi

    • Cellpadding és Cellspacing attribútumok

    Két olyan attribútum van, az úgynevezett cellpadding és cellspacing, amelyek segítségével beállíthatja a fehér cellát a táblában. A cellatér attribútum meghatározza a teret a táblázat cellái között, míg a cellpadding a cellahatárok és a cellán belüli tartalom közötti távolságot jelöli.

    Cellatér & Cellpadding
    Név Kor
    Abhishek tizenöt
    Bob 2. 3

    • Colspan és Rowspan attribútumok

    A Colspan attribútum két vagy több oszlop, míg a sorok két vagy több sor egyesítésére szolgál.

    Colspan & Rowspan
    Köteg Név Kor
    Számítástechnika Abhishek tizenöt
    Bob 2. 3
    Szünet

    • Asztal magassága és szélessége

    A HTML ad lehetőséget az asztal magasságának és szélességének beállításához. A Width attribútum és a height attribútum a táblázat szélességének és magasságának beállítására szolgál. Vagy megadhatja a képernyőn elérhető terület százalékos arányában vagy pixelben kifejezve.

    HTML táblázat szélessége és magassága
    Abhishek tizenöt
    Bob 2. 3

    • Táblázat fejléc, törzs és lábléc

    A táblázat három szakaszra bontható, azaz fejlécre, törzsre és láblécre. A fejléc és a lábléc hasonlóak a fejléchez és a lábléchez egy word dokumentumban, amely továbbra is gyakori minden oldalon, míg a törzs tartalmazza a fő tartalmat.

    tag külön táblázat fejlécet hoz létre, a whereastag külön táblázat láblécet hoz létre.

Táblázat fejléc
Táblázat lábléc
Név Kor Jelek

rendezés c ++ tömb
  • Táblázat hátterei és felirata

Beállíthat egy táblázat hátterét is. Bgcolor attribútum állítja be a háttér színét az egész táblához, valamint egy cellához, míg a háttér attribútum háttérképet állít be az egész táblához, és csak egy cellához.

A feliratcímke a táblázat tetején megjelenő táblázat címeként vagy magyarázataként szolgál.

HTML táblázat háttereTáblázat felirata
1. oszlop 2. oszlop 3. oszlop
1. sor 1. cella 1. sor 2. cella 1. sor 3. cella
2. sor 2. cella 2. sor 3. cella
3. sor 1. cella

Ezzel a cikk végére értünk. A fenti kivonatok végrehajtása után megértette, hogyan kell táblákat létrehozni HTML-ben. Remélem, hogy ez a blog informatív és hozzáadott értéket jelent Önnek.

Nézze meg a az Edureka, egy megbízható online tanulási vállalat, amelynek több mint 250 000 elégedett tanulóval rendelkező hálózata elterjedt az egész világon. A webfejlesztési tanúsítási képzés segít megtanulni, hogyan hozhat létre lenyűgöző weboldalakat a HTML5, CSS3, Twitter Bootstrap 3, jQuery és Google API-k használatával, és telepítheti az Amazon Simple Storage Service (S3) szolgáltatásba.

Van egy kérdésünk? Kérjük, említse meg a cikk megjegyzés rovatában, és kapcsolatba lépünk Önnel.