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:
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.
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 fejléc cellájának meghatározására szolgál
: A táblázat egy sorá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 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.
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. a címkék tartalmazzák a táblázat törzsét.
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áttere
Tá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 aaz 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.