HTML atributy | Psaní HTML atributu
Základní struktura HTML dokumentu
3.1 HTML elementy
V internetové mluvě se můžete také setkat s některým z těchto pojmenováním, všechny mají stejný význam: element, objekt, prvek, příkaz, tág, značka.
Dále v tomto manuálu budu používat název "ELEMENT".
HTML element je zadáván do HTML dokumentu, aby webovému prohlížeči předal informaci jak se má webová stránka správně formátovat v prohlížeči. To je například, kde má začínat a kde končit tučný text apod.
Samotný HTML element musí být vždy uzavřen mezi znaky "<" a ">". Pokud chcete použít tyto znaky v prostém textu musíte je nahradit speciálními HTML symboly.
V HTML jazyce je zcela jedno jakou velikost písma používáte, můžete psát všechny znaky malým, velkým nebo kombinovaným písmem. Osobně doporučuji naučit se psát HTML elementy jednotnou velikostí pro snadnější přechod na jiné jazyky například XML kde na velikosti písma jakým je element zapsán vždy velice záleží.
Příklad:
<HTML> </HTML>
<HtmL> </HtMl>
V HTML jazyce se můžete setkat se dvěma typy elementů a to "Párovým" a "Nepárovým".
Párový element se vyznačuje tím že se skládá ze dvou HTML elementů a proto se mu říká párový. První element je zahajovací "<B>", protože určuje kde začíná formátování. Druhý element je ukončovací "</B>", protože určuje kde se ukončí formátování. Ukončovací element má shodné jméno jako zahajovací element jen je před jméno elementu přidáno lomítko, které znamená ukončení.
Příklad:
Nepárový element je takový, který nemusí být ukončován ukončovacím elementem. Proto se tomuto elementu říká nepárový. Např.: <BR>, <HR>, ...
Příklad:
Ve velké většině dochází při psaní HTML kódu k chybám ve špatném vnořování HTML elementů. I když toto vnořování není povinné a většinou si s tím prohlížeče poradí, jde o to aby jste se hned na začátku naučili bezchybné tvorbě HTML dokumentu. Předejdete tak případným nedorozuměním a také pro snadnější přechod na XML jazyk kde je toto vnořování povinné.
Vnoření znamená že uvnitř nějakého HTML elementu je zadán tedy vnořen další HTML element. Na příkladu níže si ukážeme správné vnoření HTML elelemtu <B> do elementu <P>.
Příklad:
Text odstavce <B> tučný text v odstavci </B>
</P>
Tento příklad níže je špatně vnořen protože element <B> je zadán až za element <P>, správné vnoření je v příkladu výše.
Příklad:
Text odstavce <B> tučný text v odstavci </P>
</B>
3.2 HTML atributy
V internetové mluvě se můžete také setkat s některým z těchto pojmenováním, všechny mají stejný význam: atribut, parametr, vlastnost
Dále v tomto manuálu budu používat název "ATRIBUT".
HTML atribut je zadáván do zahajovacího nebo nepárového HTML elementu. Atribut má svoji hodnotu, která zpřesňuje vlastnosti HTML elementu, například zarovnání obsahu v odstavci na střed stránky apod.
Pro zarovnání odstavce na střed stránky musíme zadat atribut "ALIGN=" a hodnotu "center".
Příklad:
Text v odstavci bude zarovnán na střed stránky.
</P>
3.2.1 Správné psaní HTML atributu
V HTML jazyce je zcela jedno jakou velikost písma používáte, můžete psát všechny znaky malým, velkým nebo kombinovaným písmem. Osobně doporučuji naučit se psát HTML atributy jednotnou velikostí.
HTML atribut obsahuje také hodnotu, tato hodnota nemusí být vždy mezi uvozovkami to je povinné jen pokud je hodnota složena s více oddělených hodnot nebo obsahuje mezery pak vždy musíte zadat uvozovky. Aby jste předešly případným nedorozuměním doporučuji vždy hodnotu zadávat mezi uvozovky. Uvozovky mohou být obyčejné ('hodnota' [levý Alt+039]) nebo zdvojené ("hodnota" [levý Alt+034]).
Na příkladu níže si ukážeme správné zadávání HTML atributu do HTML elementu.
Příklad:
Nadpis
</H1>
<P ALIGN=right>
Odstavec, hodnota v atributu nemusí být mezi uvozovkami.
</P>
<DIV STYLE="background-color: black; color: white;">
Blok, hodnota v atribut je složen s více částí
a proto hodnota musí být vždy mezi uvozovkami.
</DIV>
Tento příklad níže ukazuje chyby a nesprávné zadávání HTML atributu do HTML elementu.
CHYBA: Odstavec, hodnota v atributu není ukončena uvozovkou!
</P>
<DIV STYLE=background-color: black; color: white;>
CHYBA: Blok, hodnota v atributu není zadána mezi uvozovky!
Hodnota v atribut je složen s více částí
a proto hodnota musí být vždy mezi uvozovkami.
</DIV>
3.3 Základní struktura HTML dokumentu
Při samotné tvorbě HTML dokumentu je třeba dodržet určitou strukturu zápisu kódu, to je že budete zadávat HTML elementy tak jak jim umožňuje jejich standardizování.
Jinak jestli budete používat odsazování nebo vše napíšete na jediný řádek je zcela ponecháno na vás. Internetové prohlížeče totiž nerozeznávají tabelátor, mezeru (mezerníkem) větší než 1 znak a také prohlížeče neznají zalomení řádku (odřádkování).
V příkladu níže si ukážeme jak vlastně vypadá zdrojový kód HTML dokumentu.
Příklad:
<HTML>
<!-- hlavička dokumentu -->
<HEAD>
<TITLE> Titulek dokumentu </TITLE>
<!-- konec hlavičky dokumentu -->
</HEAD>
<!-- začátek těla dokumentu -->
<BODY>
Obsah, který bude zobrazen v prohlížeči.
<DIV ALIGN="right">
Obsah v prohlížeči, který bude tvořit blok zarovnaný vpravo.
</DIV>
<!-- konec těla dokumentu -->
</BODY>
<!-- konec HTML dokumentu -->
</HTML>
Zobrazení v prohlížeči:
