HyperText Markup Languange
http://www.w3.org The World Wide Web Consortium (W3C)
http://www.w3schools.com W3Schools Online Web Tutorials
Elisabeth Castro: HTML, XHTML a CSS
ELEMENTY su drobne nazvy identifikujuce a strukturujuce rozne casti webstranky ako je hlavicka, odstavec, dolezita informacia. Elementy mozu mat jeden alebo viac PARAMETROV. Parametrom udelujeme HODNOTY
Elementy obsahuju text a/alebo ine elementy alebo su prazdne, pozostavaju z otvaracej znacky (angl. tag), parametrov, obsahu a uzatvaracej znacky (tagu). Znacky su uzavrete v ostrych zatvorkach.
Priklad: <h1>Nadpis</h1>
Prazdny element je taky, kde je otvaraci aj uzatvaraci element v jednom ohraniceni.
Priklad: <img src="vno.jpg" width="300" height="200" alt="vno" />
Existuje viac verzii jazyka HTML a jazyk XHTML. HTML 4 a XHTML 1.0 pouzivaju uplne tie iste elementy, ich syntax je vsak ina. Nie je mojim cielom analyzovat vyhody a nevyhody jednotlivych standardov jazyka HTML. Ja som si vybral striktnu verziu jazyka XHTML, dovodov je viacero, jeden z nich je, ze ked sa uz ucim cudzi jazyk, tak sa ho chcem naucit v cistej podobe, bez prizvukov, a dialektov...
Zakladne rozdiely medzi HTML 4 a XHTML 1.0 su tieto:
/>XTHML (dalej bude rec len o nej) striktne vyzaduje uvedenie typu dokumentu, v ktorom je dokument napisany. Existuju 3 verzie jazyka XHTML (ale aj HTML 4.0):
Na zaciatku HTML dokumentu moze, XHTML dokumentu musi byt definicia DOCTYPE. Deklaracie mozete najst tu: Odkaz na deklaracie z W3C.
Prazdny XHTML dokument striktnej verzie by mal vyzerat takto:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Text titulky stranky</title>
...
</head>
<body>
...
...
...
</body>
</html>
XHTML dokument sa zacina deklaraciou DOCTYPE ktoru som uz vysvetlil tu. Samotny dokument sa zacina tagom htlm (riadok 2), ktory konci uzatvaracim tagom /html (tu na riadku 9). Potom nasleduju dva zakladne elementy kazdej stranky: Hlavicka a Telo.
Hlavicka sa zacina tagom head, konci uzatvaracim tagom /head. Do hlavicky sa zapisuju nasledujuce udaje: deklaracia kodovania suboru v prazdnej znacke meta, odputucamu kodovanie UTF-8. Deklaracia titulky strany - obsahom znacky title (a uzatvaracou znackou /title). Titulka sranky sa pouzije napriklad na oznacenie okna prehliadaca.
Znacky <html> <head> <head> <body> </body> </html> su v XHTML povinne
V znacke <meta http-equiv="content-type" content="text/html; charset=kodovanie" /> sa nachadza deklaracia kodovania stranky. Kodovanie urcuje ako sa budu interpretovat znaky pouzite v subore. Zakladne kodovanie je kodovanie ASCII, ja odporucam pouzivat UTF-8
Je sucastou hlavicky stranky, jeho syntax je:<title>Text titulku</title>
Pouzitie tejto znacky je v XHTML povinne.
Je to dolezita sucast stranky, ktora sa pouziva napriklad vo vyhladavacich programoch alebo v prehliadaci v zozname poslednych navstivenych stranok a v oblubenych polozkach.
Nadpis - heading - maju znacku <h1>Nadpis</h1> az po <h6>Nadpis</h6>
jednotlive nadpisy urcuju logicku strukturu strany a roznym sposobom zväcsuju ci zmensuju pismo a riadkovanie textu pred a po nadpise. Text v lavom stlpici je napisany v zdrovojom kode stranky, v pravom stlpic je to, co sa na zaklade tohto zapisu zobrazi na stranke:
riadok pred nadpisom
<h1>Nadpis 1</h1>Nasledujuci text... <h2>Nadpis 2</h2>Nasledujuci text... <h3>Nadpis 3</h3>Nasledujuci text... <h4>Nadpis 4</h4>Nasledujuci text... <h5>Nadpis 5</h5>Nasledujuci text... <h6>Nadpis 6</h6>Nasledujuci text... |
riadok pred nadpisom
Nadpis 1Nasledujuci text...Nadpis 2Nasledujuci text...Nadpis 3Nasledujuci text...Nadpis 4Nasledujuci text...Nadpis 5Nasledujuci text...Nadpis 6Nasledujuci text... |
Odstavec - paragraph - ma znacku <p>, za nou nasleduje text odstavca a uzatvara ho uzatvaracia znacka </p>.
Toto je dalsi odstavec textu, vsimnite si ako prehliadac oddeluje jednotlive odstavce. text v odstavci, jeho zarovnanie, odsadenie prveho riadka, okraje ,pozadie a pod. sa formatuju pomocou stylov CSS.
Medzera medzi odstavcami je urcena proporcne podla velkosti textu.
| <em> | Emphasized text | </em> |
| Emphasized text | ||
| <b> | Bold text - tucne pismo | </b> |
| Bold text - tucne pismo | ||
| <big> | Big text | </big> |
| Big text | ||
| <small> | Small text | </small> |
| Small text | ||
| <small><small> | Small small text | </small></small> |
| Small small text | ||
| <i> | Italic text - kurziva | </i> |
| Italic text - kurziva | ||
| <strong> | Strong text | </strong> |
| Strong text | ||
| <dfn> | Definition term | </dfn> |
| Definition term | ||
| <code> | Computer code text | </code> |
Computer code text |
||
| <samp> | Sample computer code text | </samp> |
| Sample computer code text | ||
| <kbd> | Keyboard text | </kbd> |
| Keyboard text | ||
| <tt> | Tt text | </tt> |
| Tt text | ||
| <var> | Variable | </var> |
| Variable | ||
| <cite> | Citation | </cite> |
| Citation | ||
| <address> | peter.slovak@web.de | </address> |
| peter.slovak@web.de |