Vše, co potřebujete vědět o tabulkách HTML

Tento článek vám poskytne podrobné a komplexní znalosti tabulek HTML. Různé značky a formátování, které lze provést.

Od technologického založení je tabulka běžným způsobem ukládání a vizualizace dat. Používá se téměř ve všech polích pro prezentaci textových informací a číselných údajů, kde můžete snadno porovnat dva nebo více prvků. V tomto článku budu diskutovat Tabulky v následujícím pořadí:

Co je tabulka HTML?

Jednoduše řečeno, tabulka je soubor souvisejících dat, který se skládá z řádků a sloupců. Nyní víme, že HTML je standardní značkovací jazyk pro vytváření webových stránek a jejich zobrazování ve webovém prohlížeči. Vytváření a práce s tabulkami se tedy stává důležitou dílčí dovedností pro zvládnutí HTML. V tomto blogu se naučíme pracovat s tabulkami v HTML.





HTML5
K definování tabulky HTML používáme

štítek. Uvnitř
tag, nejdříve definujete řádky tabulky pomocí štítek. Dále definujete záhlaví tabulky tagy obsahují tělo tabulky.

Tabulka HTML s hlavičkou, zápatí a tělem
štítek. Data nebo buňka v tabulce jsou definována pomocí štítek.

Značky tabulky HTML

Nejprve se podívejme na seznam značek HTML použitých k vytvoření tabulek. Později se v tomto blogu posuneme vpřed, pomocí příkladů se naučíme, jak je používat.



jak nainstalovat hadoop v ubuntu
  • :Používá se k definování tabulky
  • :Používá se k definování řádku v tabulce
  • : Slouží ke seskupení obsahu těla v tabulce
  • : Slouží ke seskupení obsahu zápatí v tabulce
  • Nyní se podívejme na ukázkový kód HTML a vytvořme tabulku.

     
    : Používá se k definování buňky záhlaví v tabulce
  • : Používá se k definování buňky v tabulce
  • : Používá se k definování titulku tabulky
  • : Slouží k určení skupiny jednoho nebo více sloupců v tabulce pro formátování
  • : Používá se k určení vlastností sloupce pro každý sloupec v prvku
  • : Slouží ke seskupení obsahu záhlaví do tabulky
  • název Stáří
    Abhishek 18
    Bob 2. 3

    Výstup:



    Variace tabulky HTML

    • Atributy Cellpadding a Cellspacing

    Existují dva atributy zvané cellpadding a cellspacing, kterými můžete upravit prázdné místo v buňkách tabulky. Atribut cellspacing definuje prostor mezi buňkami tabulky, zatímco cellpadding představuje vzdálenost mezi okraji buňky a obsahem v buňce.

    Rozložení buněk a rozložení buněk
    název Stáří
    Abhishek patnáct
    Bob 2. 3

    • Atributy Colspan a Rowspan

    Atribut Colspan se používá ke sloučení dvou nebo více sloupců, zatímco řádkové rozpětí se používá ke sloučení dvou nebo více řádků.

    Colspan a Rowspan
    Šarže název Stáří
    Počítačová věda Abhishek patnáct
    Bob 2. 3
    Přestávka

    • Výška a šířka stolu

    HTML vám dává páku k úpravě výšky a šířky tabulky. Atribut šířky a výšky se používá k nastavení šířky a výšky tabulky. Můžete jej zadat buď v procentech plochy dostupné na obrazovce, nebo v pixelech.

    Šířka a výška tabulky HTML
    Abhishek patnáct
    Bob 2. 3

    • Záhlaví, tělo a zápatí stolu

    Tabulka může být rozdělena do tří částí, tj. Na záhlaví, tělo a zápatí. Záhlaví a zápatí jsou podobné záhlaví a zápatí v dokumentu aplikace Word, který zůstává společný pro každou stránku, zatímco tělo obsahuje hlavní obsah.

    tag vytvoří samostatné záhlaví tabulky, whereeastag vytvoří samostatnou zápatí tabulky.

Záhlaví tabulky
Zápatí stolu
název Stáří Známky

  • Pozadí a titulek tabulky

Můžete také nastavit pozadí tabulky. Bgcolor atribut nastaví barvu pozadí pro celou tabulku i pro jednu buňku, zatímco atribut pozadí nastaví obrázek na pozadí pro celou tabulku i jen pro jednu buňku.

Značka titulků slouží jako nadpis nebo vysvětlení tabulky, která se zobrazuje v horní části tabulky.

Pozadí tabulky HTMLTitulek tabulky
Sloupec 1 Sloupec 2 Sloupec 3
Řádek 1 Buňka 1 Řádek 1 Buňka 2 Řádek 1 Buňka 3
Řádek 2 Buňka 2 Řádek 2 Buňka 3
Řádek 3 Buňka 1

Tím se dostáváme na konec tohoto článku. Nyní po provedení výše uvedených úryvků byste pochopili, jak vytvářet tabulky v HTML. Doufám, že tento blog bude informativní a bude pro vás přidanou hodnotou.

převést číslo na binární

Podívejte se na Edureka, důvěryhodná online vzdělávací společnost se sítí více než 250 000 spokojených studentů rozložených po celém světě. Certifikační školení pro vývoj webových aplikací vám pomůže naučit se, jak vytvářet působivé webové stránky pomocí HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a jak je nasadit do služby Amazon Simple Storage Service (S3).

Máte na nás dotaz? Uveďte to prosím v sekci komentářů tohoto článku a my se vám ozveme.