Použití kódu HTML v tabulce

V HTMLu je tolik prvků a každá z nich je jedinečná svým vlastním způsobem. Stůl je velmi zajímavý, požadovaný a vážný objekt. Díky tomu můžete nejen poskytovat informace ve vhodné formě, ale také vytvořit celý rámec webu.

Dříve téměř všichni správci webu používali tabulky pro rozvržení stránek. Zpočátku nebyly tabulky vynalezeny. Proto pro značkování stránek musíte použít prvek block div.

Pokud nechcete být vždy nováčkem, zvykněte si, abyste všechno hned udělali. To je velmi důležité v HTML. V tabulce je třeba umístit pouze obvyklé informace (text, odkazy, seznamy, obrázky atd.) A nikoliv celý web.

Jak vytvořit tabulku HTML?

Stůl je složitý prvek, který se skládá z velkého množství dalších prvků. Nezapomeňte, že při vytváření buněk nebo řádků byste měli vždy zavést uzavírací značku najednou. Jinak bude vše odletět. Psovod v prohlížeči vyhledá konec prvku a dokud to nenajde, vše ostatní bude zahrnuto do tabulky. Výsledkem bude kaše.

Pokud napíšete web v "Poznámkovém bloku", pak vše, co musíte udělat s rukama. V konečném editoru jsou obvykle tlačítka - "vložit tabulku", "vložit obrázek" a tak dále.

Příklad tabulky 2 až 2.

text první buňky prvního řádku

text druhé buňky prvního řádku

text první buňky druhého řádku

text druhé buňky druhého řádku

Tagy

Hlavní pravidlo: počet buněk v každém řádku by měl být stejný. Toto je tabulka.

Ale stejně jako v editoru Word a Excel mohou být buňky kombinovány.

Jak sloučit buňky v tabulce?

Pro kombinaci použijte atributy Colspan a Rowspan. Span se překládá jako "objetí" nebo "překrývání". Doslovný význam má pokrýt / zakrývat buňky / čáry.

V hodnotě tohoto atributu je třeba určit, kolik řádků nebo buněk bude zablokováno. Následuje ilustrativní příklad použití obou Atributy HTML v tabulce.

V tomto příkladu byly na prvním řádku kombinovány 3 buňky pomocí atributu colspan = "3". Pak byla první buňka druhého řádku roztažena do čtyř linií. Nezapomeňte, že se roztáhneme / spojujeme pouze v první buňce. Jeho majetek bude dále rozšiřován. Všechno, co předchází, nebude ovlivněno.

Pokud máte 5 buňky, které chcete sloučit od 2 do 4, pak je třeba právě v buněčné číslo 2 určit atribut colspan = „3“.

Všimněte si čísla buňky 9 na obrázku výše. Tam okamžitě sloučily buňky a linky. Taková opatření nejsou zakázána.

Podívejte se na další příklad, jak opravit informace. Protože některé atributy zmatek a někdy kombinují řetězce místo buněk.

Projektování tabulek

Vezměte obvyklý standardní případ HTML. Tabulka obsahuje dva řádky o dvou buňkách.

Výsledkem kódu bude následující.

Jak vidíte, nejsou žádné efekty. Můžete přidat rámeček, určit šířku a výšku.

Můžete také hrát s zarovnáním. Můžete nastavit výšku i šířku.

Zarovnejte pro horizontální zarovnání a nastavte vertikální zarovnání. Zde je výsledek.

Atributy align a valign lze aplikovat na celý řetězec. Pak se všechny buňky, které jsou v něm, budou řídit těmito atributy.

Kromě značek a , existuje další značka . Ve skutečnosti je to analog, ale používá se pouze v prvním řádku a slouží jako záhlaví. Ve výchozím nastavení je text v Vycentrované a odvážné.

Jak připojit styly k tabulce?

Jako každý HTML tagy, tabulka lze převést podle stylů. Je třeba zadat soubor stylu v oblasti hlavy nebo hotový styl (který je také uveden v hlavě).

...

tabulka {

font-family: Verdana, Arial, Helvetica, sans-serif-

barva: # 000000-

}}

.my_class

{{

barva: # 666666-

}}

...

Pokud jste zadali pouze tabulku, bude se tento styl vztahovat na všechny tabulky na stránce. Absolutně ke všem. Ale pokud použijete druhou metodu, kde určíte libovolný název s periodou, pak tento styl může být použit na libovolnou požadovanou tabulku bez ovlivnění ostatních.

Všimněte si, že třídy mohou být použity jak pro tag tabulky, tak pro konkrétní buňku nebo řetězec.

text první buňky prvního řádku

text druhé buňky prvního řádku

text první buňky druhého řádku

text druhé buňky druhého řádku

Pokud se v názvu stylu vyskytne chyba, výsledek se nezobrazí. Pokud se ve stylu objevují chyby, ale jména se shodují, nebude to mít žádný vliv. Každá čárka nebo dvojtečka je důležitá.

Další atributy pro tabulky

Jaké atributy lze zapsat do tříd? Existuje mnoho atributů, které platí pro tabulky. Zvažte nejzákladnější, co potřebujete.

Jak můžete vidět, můžete použít tabulku HTML s velkým počtem "nástrojů".

Krásné vytvořené pomocí tabulek HTML. Příklady

Díky stylu můžete vytvořit různé krásné stoly. Vše závisí na tom, co se vám líbí a jak. Je to jako vaření. Přísady jsou stejné, ale existuje mnoho receptů.

Jak můžete vidět, pokud používáte značky HTML, tabulka může být transformována bez uznání. Limity možností jsou určeny vaší představivostí.