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

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Θ

Na a samoz°ejm∞ v samotnΘm textu strßnky je nutno velikosti rozli╣ovat.

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

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 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? Pou╛itφm entity &nbsp;, 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 &lt; 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Θ╛, 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φ.

O tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek. Zßklady HTML CSS FrontPage Hledßnφ

HTML  p°φruΦka http://dusan.pc-slany.cz/internet/html/

Pφ╣e Yuh∙: autorova strßnka, mail: dusan@pc-slany.cz