Syntaxe HTML
HTML soubor
Soubor, který má příponu htm nebo html, je považován za internetovou stránku. Je psán v jazyce HTML, což je dnes nejrozšířenější značkový jazyk.
Značkový jazyk
HTML kód je kombinací normálního textu a značek. Smysl HTML značek je v oddělování a vyznačování částí textu. Značkám se také říká tagy.
Tagy jsou párové a nepárové. Párové tagy mají úvodní a koncovou značku (koncové značce je předřazeno lomítko). Obě značky obklopují text, který ovlivňují.
Příklad kusu html kódu:
Normální text <b>tučný text</b>, <i>kurzíva</i> a opět normální text.
Příkladem nepárového tagu je obrázek, který se načítá z
jiného souboru:
<img src="obrazek.gif">
Zápis tagu
| Popis | Vývoj příkladu |
|---|---|
| Značka tagu začíná levou ostrou závorkou. | < |
| Za ní následuje jméno tagu, před kterým nesmí být mezera. | <font |
| Mohou následovat atributy. Před každým musí být alespoň jedna mezera. | <font color |
| Za atributem se píše rovnítko a hodnota v uvozovkách. Vše bez mezer. | <font color="blue" |
| Atributů může být několik. | <font color="blue" size="6" |
| Značka končí pravou ostrou závorkou. | <font color="blue" size="6"> |
| Následuje vlastní text, který se zobrazí | <font color="blue" size="6">Modrý velký text |
| Element končí ukončovací značkou s lomítkem a bez atributů | <font color="blue" size="6">Modrý velký text</font> |
Vnořování tagů
Obsahem tagu může být cokoliv, klidně i další značky, které text dále ovlivní.
Normální text <i>kurzíva, <b>tučná kurzíva</b></i> a opět normální text.
Zákaz křížení
Tag nesmí mít koncovou značku před tím, než ji budou mít všechny vnořené tagy.
Následující zápis je invalidní, protože </i> předchází </b>:
<i>kurzíva, <b>tučná kurzíva</i></b>.
Velikost znaků
V jazyce HTML nezáleží na velikosti znaků. Opravdu ne. Vůbec. (Anglicky se říká, že HTML je non-case-sensitive.) To znamená, že:
- <tag> je totéž, co <TAG>
- atribut je totéž, co Atribut nebo ATRIBUT
- hodnota je totéž, co HodnotA
- <table align="left"> je totéž co <TABLE ALIGN="LEFT">
- a jestli to ještě někomu nedošlo, tak </a> je ekvivalentní s </A>
Kdy si dávat pozor na velikosti znaků:
- když se zapisuje URL (cesta k souboru). Tam se doporučuje zachovávat velikosti.
- při zápisu Java skriptů je nutno velikosti písmen zachovávat (ale to už nepatří do HTML), ale při zápisu CSS stylů jsou velikosti lhostejné
Doporučení:
- pište všechny tagy, atributy i hodnoty malými písmeny. Kdybyste snad někdy chtěli přejít na XHTML, bude se vám tenhle zvyk hodit.
Na ... a samozřejmě v samotném textu stránky je nutno velikosti rozlišovat. To je text pro lidi.
Mezery v kódu
Pro zápis mezer v HTML platí následující zajímavá pravidla:
- 2 mezery jsou jako jedna
- konec řádku je chápán jako mezera
- tabulátor je chápán jako mezera
Z toho vyplývá, že:
- 3 mezery jsou chápány jako jedna mezera
- x mezer je jako jedna mezera
- prázdný řádek je jako jedna mezera
- několik prázdných řádků je jako jedna mezera
- možná to vysvětluji moc polopaticky, ale je nutno si uvědomit, že jakkoli velký prázdný prostor v kódu uděláte, na stránce se zobrazí jedna mezera
Entity
Jak tedy ve stránce zobrazit více mezer za sebou? Třeba použitím entity , což je "pevná mezera".
Podobným způsobem se na stránce dělají znaky, které by se prohlížeč snažil interpretovat jako prvky jazyka, například ostrá závorka. < se dělá jako entita < Více v textu o entitách.
Uvozovky u atributů
Častým dotazem je, kdy se musejí dělat uvozovky kolem hodnot atributů. Jestli <font color=blue> je něco jiného než <font color="blue">.
V tomto případě je to totéž, uvozovky nejsou povinné. Ale pokud hodnota atributu obsahuje mezeru, tak tam uvozovky být musejí.
Invalidní příklad: <font face=Times New Roman>
Prohlížeč by to bez uvozovek chápal jako více atributů. Takže doporučuji uvozovky dávat všude, nic se tím nezkazí.
Reklama
