HTML UΦebnice - zßklady HTML

Zßklady HTML

Kostra HTML dokumentu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD>
<TITLE>titulek</TITLE>
</HEAD>

<BODY>

</BODY>
</HTML>

Takhle by m∞la sprßvn∞ vypadat kostra HTML dokumentu. Prvnφ °ßdka <!DOCTYPE ...> urΦuje pou₧φvanou verzi HTML (v tomto p°φpad∞ verzi 4.0). <HTML>...</HTML> vymezuje cel² HTML dokument a <BODY>...</BODY> t∞lφΦko dokumentu. <HEAD>...</HEAD> je hlaviΦka dokumentu, kterß obsahuje titulek strßnky - <TITLE>...</TITLE>. Je vhodnΘ pou₧φvat co nejkratÜφ titulek (max. 20 znak∙). Z t∞chto zßkladnφch element∙ se sklßdß HTML dokument. NejvyÜÜφ ·rove≥ mß element HTML, kter² se sklßdß z hlaviΦky HEAD a t∞lφΦka BODY. Tak₧e v∞tÜinu zdrojovΘho k≤du budeme psßt mezi tagy BODY.

╚len∞nφ textu

<P>Prvnφ odstavec <P>Druh² odstavec <P>t°etφ odstavec </P>

K odd∞lenφ odstavc∙ se pou₧φvß tag <P>. P°ed zobrazenφm odstavce, prohlφ₧eΦ p°evßdφ vÜechny konce °ßdk∙ na mezery. Pokud je za sebou vφce mezer, nahradφ je jednou mezerou - mezi slovy m∙₧eme psßt mezer kolik chceme, nakonec se zobrazφ mezera jedinß. DalÜφ v∞cφ je, ₧e se text zarovnßvß podle aktußlnφ velikosti okna, tak₧e dokument lze zobrazit v r∙zn²ch rozliÜenφch. N∞kdy vÜak pot°ebujeme, aby se text zalomil na urΦitΘm mφst∞. To dosßhneme pomocφ tagu <BR> :

N∞jak² text<BR>
a dalÜφ text<BR>
a jeÜt∞ jeden text<BR>

DalÜφ element <Hx> (x=1,2,3,4,5,6) slou₧φ k vytvß°enφ nadpis∙ v Üesti ·rovnφch. Nejv∞tÜφm a nejv²razn∞jÜφm pφsmem je zobrazovßn text s elementem <H1>. Ostatnφ elementy H(2-6) se postupn∞ zmenÜujφ.

<H1>nadpis</H1>
<H2>podnadpis</H2>

DalÜφ elementy jsou v tabulce Formßtovacφ znaΦky.

Typy pφsma

V HTML dokumentech m∙₧eme pou₧φvat pφsma tuΦnß, r∙zn∞ velkß, kurzφvu, pou₧φt jin² font, zv²raznit text nebo dßt textu nap°. jinou barvu. Prost∞ m∙₧eme s textem d∞lat to, co umo₧≥ujφ textovΘ editory.

<STRONG>nadpis</STRONG>
<FONT COLOR="BLACK" FACE="Arial">text</FONT>

V tomto p°φklad∞ jsem pomocφ tagu <STRONG> ... </STRONG> zv²raznil nadpis a elementem <FONT>...</FONT> zvolil font Arial a textu dal Φernou barvu.

P°ehled dalÜφch tag∙ najdete v tabulce TypografickΘ znaΦky

Odkazy

Co to v∙bec odkaz je? Je to zv²razn∞nß Φßst textu, ve kterΘ se skr²vß adresa dalÜφch strßnek (URL). Po kliknutφ na tento odkaz prohlφ₧eΦ otev°e okno s touto adresou. Odkaz vlo₧φme do dokumentu nßsledujφcφm zp∙sobem :

<A HREF="http://www.odkaz.cz">text odkazu</A>

<A HREF="url"> slou₧φ k urΦenφ adresy, kam odkaz po aktivaci vede. Odkaz nemusφ b²t jen text, ale i obrßzek. N∞kdy pot°ebujeme, aby odkaz odkazoval do n∞jakΘ Φßsti dokumentu (t°eba doprost°ed). K tomu slou₧φ tag <A NAME="neco">. StaΦφ jen tento tag umφstit doprost°ed dokumentu a k odkazu p°ipsat :

<A HREF="mojestranky.html#001">druhß Φßst</A>
...
...
<A NAME="001">
druhß Φßst

Seznamy

V HTML dokumentech m∙₧eme pou₧φvat r∙znΘ typy seznam∙. ╚lenφme je do t°ech zßkladnφch typ∙ - ΦφslovanΘ, neΦφslovanΘ a definiΦnφ. U Φφslovan²ch seznam∙ je p°ed ka₧dou polo₧ku automaticky umis¥ovßno Φφslo. JednotlivΘ polo₧ky se uvozujφ tagem <LI>. M∙₧eme definovat styl odrß₧ky <OL TYPE=A/a/I/i/1>...</OL>. (A pro velkß pφsmena, a pro malß pφsmena, I pro °φmskΘ Φφslovßnφ, 1 pro arabskΘ Φφslovßnφ) Ukßzka ΦφslovanΘho seznamu :

Stejn∞ se vytvß°φ neΦφslovan² seznam. Akorßt mφsto OL napφÜeme UL. Stejn∞ jako u Φφslovan²ch seznam∙, m∙₧eme m∞nit styl odrß₧ky <UL TYPE=DISC/CIRCLE/SQUARE>...</UL>

DefiniΦnφ seznamy jsou odliÜnΘ od p°edchozφch dvou. M∙₧eme s nφm vytvo°it nap°. slovnφΦek pojm∙, kter² obsahuje termφny a jejich vysv∞tlenφ. Uvozuje se tagem <DL> a jednotivΘ polo₧ky pak <DT> a <DD>

<DL>
<DT>nßzev 1
<DD>text
<DT>nßzev 2
<DD>text
</DL>