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í:
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.
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
š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.
: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
: 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.
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. tagy obsahují tělo tabulky.
Tabulka HTML s hlavičkou, zápatí a tělem
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 HTML
Titulek 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.
Podívejte se naEdureka, 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.
