Tento článok vám poskytne podrobné a komplexné znalosti tabuliek HTML. Rôzne značky a formátovanie, ktoré je možné vykonať.
Od technologického začiatku je tabuľka bežným spôsobom ukladania a vizualizácie údajov. Používa sa takmer vo všetkých poliach na prezentáciu textových informácií a číselných údajov, kde môžete ľahko porovnať dva alebo viac prvkov. V tomto článku budem diskutovať Tabuľky v nasledujúcom poradí:
Jednoducho povedané, tabuľka je súborom súvisiacich údajov, ktorý sa skladá z riadkov a stĺpcov. Teraz vieme, že HTML je štandardný značkovací jazyk na vytváranie webových stránok a ich zobrazovanie vo webovom prehliadači. Vytváranie a práca s tabuľkami sa teda stáva dôležitou čiastkovou zručnosťou na zvládnutie jazyka HTML. V tomto blogu sa dozvieme, ako pracovať s tabuľkami v HTML.
Na definovanie tabuľky HTML používame
značka. Vo vnútri
tag, najskôr definujete riadky tabuľky s
značka. Ďalej definujete hlavičky tabuľky v
značka. Údaje alebo bunka v tabuľke sú definované pomocou
značka.
Značky tabuľky HTML
Najprv sa pozrime na zoznam značiek HTML použitých na vytvorenie tabuliek. Neskôr sa v tomto blogu posunieme vpred, pomocou príkladov sa naučíme, ako ich používať.
: Používa sa na definovanie bunky hlavičky v tabuľke
: Používa sa na definovanie riadku v tabuľke
: Používa sa na definovanie bunky v tabuľke
:Používa sa na definovanie titulku tabuľky
:Používa sa na určenie skupiny jedného alebo viacerých stĺpcov v tabuľke na formátovanie
: Používa sa na zadanie vlastností stĺpca pre každý stĺpec v rámci prvku
:Používa sa na zoskupenie obsahu hlavičky do tabuľky
: Používa sa na zoskupenie obsahu tela do tabuľky
: Používa sa na zoskupenie obsahu päty v tabuľke
Teraz sa pozrime na ukážkový kód HTML a vytvorme tabuľku.
názov
Vek
Abhishek
18
Bob
2. 3
Výkon:
Variácie tabuľky HTML
Atribúty Cellpadding a Cellspacing
Existujú dva atribúty nazývané cellpadding a cellspacing, ktoré môžete použiť na úpravu bieleho priestoru v bunkách tabuľky. Atribút cellspacing definuje priestor medzi bunkami tabuľky, zatiaľ čo cellpadding predstavuje vzdialenosť medzi okrajmi bunky a obsahom v bunke.
Rozloženie buniek a vloženie buniek
názov
Vek
Abhishek
pätnásť
Bob
2. 3
Atribúty Colspan a Rowspan
Atribút Colspan sa používa na zlúčenie dvoch alebo viacerých stĺpcov, zatiaľ čo rozpätie riadkov sa používa na zlúčenie dvoch alebo viacerých riadkov.
Colspan a Rowspan
Šarža
názov
Vek
Počítačová veda
Abhishek
pätnásť
Bob
2. 3
Prestávka
Výška a šírka stola
HTML vám dáva páku na nastavenie výšky a šírky tabuľky. Atribút šírka a výška sa používajú na nastavenie šírky a výšky tabuľky. Môžete ho určiť buď v percentách oblasti dostupnej na obrazovke alebo v pixeloch.
Šírka a výška tabuľky HTML
Abhishek
pätnásť
Bob
2. 3
Hlavička, telo a päta stola
Tabuľku je možné rozdeliť na tri časti, tj. Hlavičku, telo a pätu. Hlavička a päta sú podobné ako hlavička a päta v slovnom dokumente, ktoré zostávajú spoločné pre každú stránku, zatiaľ čo telo obsahuje hlavný obsah.
Značka vytvorí samostatnú hlavičku tabuľky, pričom značka Easteast vytvorí samostatnú pätu tabuľky. značky obsahujú telo tabuľky.
Tabuľka HTML s hlavičkou, pätou a textom
Hlavička tabuľky
Päta na stôl
názov
Vek
Zn
Pozadia a titulky tabuľky
Môžete tiež nastaviť pozadie tabuľky. Bgcolor Atribút nastavuje farbu pozadia pre celú tabuľku aj pre jednu bunku, zatiaľ čo atribút pozadia nastavuje obrázok na pozadí pre celú tabuľku aj iba pre jednu bunku.
Značka titulkov slúži ako nadpis alebo vysvetlenie tabuľky, ktorá sa zobrazuje v hornej časti tabuľky.
Pozadie tabuľky HTML
Titulok tabuľky
Stĺpec 1
Stĺpec 2
Stĺpec 3
Riadok 1 Bunka 1
Riadok 1, bunka 2
Riadok 1, bunka 3
2. riadok, bunka 2
Riadok 2, bunka 3
Riadok 3, bunka 1
Týmto sa dostávame na koniec tohto článku. Teraz po vykonaní vyššie uvedených úryvkov by ste pochopili, ako vytvárať tabuľky v HTML. Dúfam, že tento blog bude informatívny a bude pre vás pridanou hodnotou.
Pozrite sa naautor: Edureka, dôveryhodná online vzdelávacia spoločnosť so sieťou viac ako 250 000 spokojných študentov rozmiestnených po celom svete.Osvedčenie o školení v oblasti vývoja webu vám pomôže naučiť sa, ako vytvárať pôsobivé webové stránky pomocou rozhraní HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a ako ich nasadiť do služby Amazon Simple Storage Service (S3).
Máte na nás otázku? Uveďte to prosím v sekcii komentárov tohto článku a my sa vám ozveme.