┌vod do HTML

Zdrojov² k≤d je Φist² textov² soubor, kter² mß pouze jinou p°φponu. Aby ale vznikla ·hlednß strßnka, musφ obsahovat p°φkazy, kterΘ plnφ prohlφ₧eΦ nßvÜt∞vnφka vaÜφ strßnky. P°φkazy musφ b²t od textu strßnky n∞jak odd∞leny. Proto se HTML p°φkazy pφÜφ mezi "<" a ">". Aby prohlφ₧eΦ v∞d∞l, kde je konec platnosti p°φkazu, je v∞tÜina (u kter²ch je to nutnΘ) p°φkaz∙ pßrov²ch (obsahujφ navφc znak "/"). P°φkladem nßm m∙₧e b²t p°φkaz <P>Text odstavce</P>. N∞kterΘ tagy mohou mφt i parametry. P°φklad <P ALIGN="center">Odstavec zarovnan² na st°ed</P>. Tagy ani jejich parametry nejsou zßvislΘ na velikosti pφsmen. Pro snazÜφ p°ehlednost je doporuΦeno pou₧φvat velkß pφsmena (proto program tagy vklßdß velk²mi pφsmeny).

Prohlφ₧eΦe ignorujφ vφce mezer mezi slovy a i to, ₧e k≤d je na novΘm °ßdku.

Prohlφ₧eΦ p°ebyteΦnΘ mezery vypustφ a nahradφ je jedinou. PoΦet slov na °ßdku je automaticky p°izp∙soben Üφ°ce okna a je tak podle pot°eby zalomen.

Pokud si chcete zalomenφ vynutit a pokraΦovat na nßsledujφcφm °ßdku, pou₧ijte tag <BR> (klßvesovß zkratka SHIFT+ENTER). Nov² odstavec vlo₧φte klßvesovou zkratkou CTRL+ENTER.

Pokud naopak nechcete, aby mezera mohla b²t p°φpadn∞ pou₧ita jako mφsto pro °ßdkov² zlom, nahra∩te jφ sekvencφ znak∙ &nbsp;. Je to zßpis pro ned∞litelnou mezeru. M∞la by b²t pou₧ita v nßsledujφcφch p°φpadech: mezi jednoslabiΦnou p°edlo₧kou nebo spojkou a slovem k nφ nßle₧ejφcφm, jako mezera mezi Φßstmi data, mezi Φφslem a jednotkou a v dalÜφch p°φpadech (viz. Pravidla ΦeskΘho pravopisu). Napsat &nbsp; m∙₧e b²t a je na ΦeskΘ klßvesnici problΘm. Proto, pokud jste zm∞nili nastavenφ pomocφ souboru drhtml.reg, m∙₧ete pou₧φvat klßvesovou zkratku CTRL+Q. 

Ka₧dß strßnka HTML by se m∞la sklßdat ze t°φ Φßstφ, na kterΘ by se nem∞lo zapomφnat.

  1. Nejprve je nutnΘ urΦit verzi jazyka HTML. I o to se starß 1st Page za vßs. V ka₧dΘm novΘm dokumentu je proto na prvnφm °ßdku napsßno: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">. Tato informace prohlφ₧eΦi °φkß, ₧e pro tvorbu strßnky pou₧il autor, tedy vy, verzi 4.0 jazyka HTML podle standardu W3C.

  2. Po urΦenφ verze by m∞la nßsledovat hlaviΦka. HlaviΦka obsahuje informace, kterΘ se na strßnce nezobrazujφ, ale prohlφ₧eΦ a nßvÜt∞vnφk m∙₧e zφskat podrobn∞jÜφ informace. NejΦast∞ji se v tΘto oblasti vyskytuje titulek (jmΘno, kterΘ se objevφ v titulkovΘm pruhu prohlφ₧eΦe), jmΘno autora, program, ve kterΘm byla strßnka vytvo°ena, pou₧itou znakovou sadu (viz aktualizace Üablony default.htm). V novΘm dokumentu vypadß hlaviΦka takto:
    <HEAD>
    <meta HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1250">
    <meta HTTP-EQUIV="Content-Language" content="cs">
    <meta name="GENERATOR" content="1st Page 2000">
    <meta name="ProgId" content="1st Page 2000 2.0t">
    <meta name="AUTHOR" content="VaÜe jmΘno">
    <META NAME="description" CONTENT="Popis strßnky">
    <META NAME="keywords" CONTENT="KlφΦovß slova">
    <META NAME="robots" CONTENT="index,follow">
    <TITLE>Untitled</TITLE>
    </HEAD>
    Jak jste si jist∞ vÜimli, je hlaviΦka od okolφ izolovßna tagy <HEAD> a </HEAD>. Trochu si nynφ popφÜeme, co obsahuje. Nejprve je urΦeno k≤dovßnφ, potΘ jazyk, v jakΘm je strßnka napsßna, GENERATOR a ProgId oznaΦuje verzi a program, kter²m jste strßnku vytvo°ili, jako AUTHOR by m∞lo b²t napsßno vaÜe jmΘno, description by m∞lo obsahovat popis strßnky (maximßln∞ 200 znak∙), keywords klφΦovß slova, robots, jestli m∙₧e b²t strßnka indexovßna ve vyhledßvaΦφch (index nebo noindex pro zßkaz) a zda majφ b²t prozkoumßny odkazy (follow nebo nofollow). Mezi <TITLE> a </TITLE> napφÜete ji₧ zmi≥ovan² titulek okna.

  3. T°etφ a poslednφ, ale zato nejd∙le₧it∞jÜφ, je t∞lo strßnky. Zde jsou vÜechny p°φkazy, kterΘ se budou na strßnce zobrazovat. T∞lo je op∞t ohraniΦeno, nynφ p°φkazy <BODY> a </BODY>.

Tag <BODY> m∙₧e mφt nßsledujφcφ parametry:

background
(obrßzek pozadφ)

 UrΦuje cestu k souboru s obrßzkem, kter² mß b²t na pozadφ

bgcolor

 Barva pozadφ

text

 Barva textu

link

 Barva odkazu

vlink

 Barva ji₧ navÜtφvenΘho odkazu

alink

 Barva aktivnφho odkazu

topmargin
(okraje Top)

 Hornφ okraj

leftmargin
(okraje Left)

 Lev² okraj

rightmargin

 Prav² okraj

bottommargin

 Dolnφ okraj

UrΦenφ barev probφhß netradiΦnφm zp∙sobem. Vedle polφ pro urΦenφ okraj∙ je rßmeΦek s textem Text Link Alink Vlink. Pokud stisknete tlaΦφtko myÜi mimo text, m∙₧ete editovat barvu pozadφ, po stisku tlaΦφtka nad textem editujete p°φsluÜnou kategorii textu.

HlaviΦka i t∞lo jsou "obaleny" p°φkazy <HTML> a </HTML>.

Do t∞la si m∙₧eme psßt i poznßmky. Tzv. komentß°e se zapisujφ ve tvaru:
<!--Toto je komentß°
a m∙₧e b²t na n∞kolika °ßdcφch->.