Uprava textu

Dominantnou sucastou HTML dokumentov je text, kedze poskytuje informacie. O obsahovu stranku textu sa musi postarat Vasa fantazia, ale strukturu a styl textu mozete menit pomocou prikazov HTML, ktore si ukazeme v tejto casti. Prikazy som rozdelil do troch casti.

H1 -- hlavicka/nadpis
P -- odstavec
BR -- zalomenie riadku
PRE -- predformatovany odstavec
CENTER -- centrovanie
DIV -- vseobecny blok
BLOCKQUOTE -- odsadenie bloku
HR -- horizontalny oddelovac
OL -- cislovany zoznam
UL -- zoznam s odrazkami
LI -- polozka zoznamu
DL -- zoznam definicii
DT -- definicia pojmu
DD -- definicia opisu pojmu
B -- tucne pismo
I -- kurziva
U -- podciarknute pismo
EM -- zvyraznene pismo
STRONG -- zvyraznene pismo
SMALL -- zmensene pismo
BIG -- zvacsene pismo
TT -- neproporcialne pismo - pisaci stroj
FONT -- pismo
BASEFONT -- nastavenie defaultneho stylu pisma
SUP -- horny index
SUB -- dolny index
CODE -- zdrojovy text programu
SAMPLE -- priklad
DFN -- text definicie
CITE -- citat
KBD -- udaje zadavane z klavesnice
VAR -- premenna programu
S -- preciarknute pismo
STRIKE -- preciarknute pismo
Q -- citat
ADDRESS -- adresa

Formatovanie textu

Prikazy na formatovanie textu umoznuju jeho rozdelovanie na casti. Pomocou nich dokazete vytvorit v dokumente nadpisy a rozne odstavce a tym dosiahnete vysoku prehladnost. Na zaciatok Vam dam jednu radu: vo vasich dokumentoch nepouzivajte prilis dlhe odstavce - tazko sa citaju, lebo su prilis "huste" a to sa prejavi este vacsmi, ak cely odstavec tvori jedna priserne ale fakt priserne dlha veta podobna tejto.

Naopak, kratke odstavce dokazu vyjadrit hlbku problemu doraznejsie.

Ovela doraznejsie.

**Formatovanie: hlavicka/nadpis (mnemo: Heading)**
Prikaz	Kompat./Pozn.
H1	vsetky prehliadace
Kontext:	<HTML> <BODY> <H1> ...nadpis... </H1> </BODY> </HTML>
Vytvori nadpis pozadovanej velkosti (H1 najvacsi nadpis, H6 najmensi nadpis) so zadanym zarovnavanim textu. Ak ho neuvediete a nadpis sa nachadza v bloku <DIV> alebo <CENTER>, plati pren zarovnanie urcene tymto blokom. Pred nadpismi a za nimi vynechava prehliadac riadok. Pre nadpisy pouzivaju prehliadace rozlicne nastavenia velkosti a typu pisma, co sa hodi na znazornenie odlisnych urovni nadpisov: Ukazka nadpisu H1 Ukazka nadpisu H2 Ukazka nadpisu H3 Ukazka nadpisu H4 Ukazka nadpisu H5 Ukazka nadpisu H6
Parametre	Hodnoty	Default	Kompat./Pozn.
ALIGN =	("left" \| "right" \| "center" \| "justify")	left	Netscape 3 a Mozilla M15- nepodporuju "justify"
ALIGN= left - text v hlavicke je zarovnany k lavemu okraju obrazovky (toto je defaultne nastavenie) right - text v hlavicke je k pravemu okraju obrazovky center - text v hlavicke je zarovany do stredu justify - text v hlavicke je zarovnany do bloku
Priklady
<H1 ALIGN="center">Moja osobna stranka</H1> <P>Vitam vas na svojej stranke! Snad tu najdete vela zaujimaveho...
Poznamky
tip: pouzivajte hlavicky na nadpisy. Je to najrychlejsia cesta, ako ich napisat bez dalsich prikazov.

**Formatovanie: odstavec (mnemo: Paragraph)**
Prikaz	Kompat./Pozn.
P	vsetky prehliadace
Kontext:	<HTML> <BODY> <P> ...text odstavca... </P> </BODY> </HTML>
Vytvori odstavec so zadanym zarovnavanim textu. Odstavce su vhodne na clenenie dokumentu, pretoze umoznuju odlisne formatovat kazdy z nich a tiez preto, ze pred a za odstavcom sa vynecha jeden riadok, takze sa text opticky oddeli. Ak nie je koniec odstavca uvedeny, platnost konci zaciatkom dalsieho odstavca. V odstavci nemozete pouzivat "enter" na prechod na novy riadok, pretoze prehliadac pouziva automaticke formatovanie. Preto ak potrebujete zalomit riadok, pouzite prikaz <BR>. Ak chcete vypisat bez zalomenia vacsiu cast textu, pouzite prikaz <PRE>.
Parametre	Hodnoty	Default	Kompat./Pozn.
ALIGN =	("left" \| "right" \| "center" \| "justify")	left	Netscape 3 a Mozilla M15- nepodporuju "justify"
ALIGN= left - odstavec zarovnava text k lavemu okraju obrazovky (toto je defaultne nastavenie) right - odstavec zarovnava text k pravemu okraju obrazovky center - odstavec zarovnava text do stredu justify - odstavec zarovnava text do bloku (nefunguje v starsich prehliadacoch Netscape 3.0). Tato moznost sa Vam bude urcite pacit.
Priklady
<P>tento text je v odstavci a zarovnany vlavo</P> <P align="center"> tento text je v odstavci zarovnany do stredu <P>tento text je opat zarovnany vlavo
Poznamky
prehliadac by mal ignorovat prazdne odstavce. Nepouzivajte ich teda na vynechanie miesta. Pozri aj <BR>.

**Formatovanie: zalomenie riadku (mnemo: line BReak)**
Prikaz	Kompat./Pozn.
BR	vsetky prehliadace
Kontext:	<HTML> <BODY> <BR> </BODY> </HTML>
Vlozi zalomenie riadku (prejde na novy riadok). Nevyhnutne pre pripady, ked chcete prejst na novy riadok, pretoze prehliadac vas text formatuje a na novy riadok prechadza automaticky a nie vtedy, ked to chcete Vy (s vynimkou bloku <PRE>). Parameter CLEAR ma vyznam iba vtedy, ak potrebujete zalomit text v okoli obrazku (pozri <IMG>).
Parametre	Hodnoty	Default	Kompat./Pozn.
CLEAR =	("right" \| "left" \| "all" \| "none")	none	-
CLEAR= none - text bude pokracovat na novom riadku (toto je defaultne nastavenie) left - text bude pokracovat na novom riadku pod najblizsim objektom (obrazok, tabulka) na lavej strane. Vhodne pre ukoncenie obtekania okolo objektov. __ \| \| Text obteka okolo \| \| obrazku. <BR CLEAR="left"> \|__\| Text pokracuje pod obrazkom. right - text bude pokracovat na novom riadku pod najblizsim objektom (obrazok, tabulka) na pravej strane. Vhodne pre ukoncenie obtekania okolo objektov. __ Text obteka okolo \| \| obrazku. \| \| <BR CLEAR="right"> \|__\| Text pokracuje pod obrazkom. all - text bude pokracovat na novom riadku pod najblizsim objektom (obrazok, tabulka) na lubovolnej strane. Vhodne pre ukoncenie obtekania okolo objektov.
Priklady
For long you live<BR> And high you fly<BR> And smiles you'll give and tears you'll cry<BR> And all you touch and all you see<BR> Is all your life will ever be<BR>
Poznamky

**Formatovanie: predformatovany odstavec (mnemo: PREformated)**
Prikaz	Kompat./Pozn.
PRE	vsetky prehliadace
Kontext:	<HTML> <BODY> <PRE> ...text predformatovaneho odstavca... </PRE> </BODY> </HTML>
Zakaze automaticke formatovanie textu v bloku (medzery a zalomenia riadkov sa interpretuju tak, ako ste ich napisali v HTML subore). Navyse, text sa zobrazi neproporcionalnym pismom. Hodi sa najma vtedy, ak chcete zobrazit obrazok v ASCII grafike, zdrojovy text programu, ale aj pri zobrazeni textu pesnicky (pozri priklad).
Parametre	Hodnoty	Default	Kompat./Pozn.
WIDTH =	"velkost"	-	pravdepodobne iba Mozilla
WIDTH= velkost - umoznuje nastavit maximalnu sirku odstavca (pocet znakov). Tento parameter vacsina prehliadacov ignoruje.
Priklady
<PRE> For long you live And high you fly But only if you ride the tide And balanced on the biggest wave You race towards an early grave </PRE>
Poznamky

**Formatovanie: centrovanie (mnemo: Center)**
Prikaz	Kompat./Pozn.
CENTER	vsetky prehliadace
Kontext:	<HTML> <BODY> <CENTER> ...centrovany blok... </CENTER> </BODY> </HTML>
Zarovnava obsah bloku (text, pripadne obrazky a ine objekty) do stredu obrazovky.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<CENTER> Vsetko v tomto bloku by malo byt v strede obrazovky <IMG SRC="picture.gif" ALT=""> </CENTER>
Poznamky
tento prikaz je ekvivalentny s <DIV align="center">

**Formatovanie: vseobecny blok (mnemo: DIVider)**
Prikaz	Kompat./Pozn.
DIV	vsetky prehliadace
Kontext:	<HTML> <BODY> <DIV> ...blok... </DIV> </BODY> </HTML>
Umozni strukturovat dokument. Prikaz ma podobne vlastnosti ako odstavec (<P>), ale zarovnava obsiahnuty text vratane objektov. To vam umozni vytvorit blok s urcitym zarovnavanim a dalsimi odstavcami, ktore zarovnavaju text odlisne. Tento prikaz mozete vacsinou nahradit prikazmi <P> (ak chcete zarovnavat text) resp. <CENTER> (ak chcete zarovnavat obrazok alebo iny objekt).
Parametre	Hodnoty	Default	Kompat./Pozn.
ALIGN =	("left" \| "right" \| "center" \| "justify")	left	Netscape 3 a Mozilla M15- nepodporuju "justify"
ALIGN= left - zarovnava obsah k lavemu okraju obrazovky (toto je defaultne nastavenie) right - zarovnava obsah k pravemu okraju obrazovky center - zarovnava obsah do stredu obrazovky justify - zarovnava obsah do bloku (nefunguje v starsich prehliadacoch Netscape 3.0)
Priklady
<DIV align="center"> tento text je zarovnany do stredu, ale inak to momentalne nema velky vyznam </DIV> <DIV align="center"> <IMG SRC="picture.gif" ALT=""> <P align="left">text je zarovnany vlavo, obrazok do stredu</P> </DIV>
Poznamky
prehliadac by mal pri pouziti <DIV> vlozit extra zalomenie riadku na lepsie opticke oddelenie od okoliteho textu

**Formatovanie: odsadenie bloku (mnemo: Block Quote)**
Prikaz	Kompat./Pozn.
BLOCKQUOTE	vsetky prehliadace
Kontext:	<HTML> <BODY> <BLOCKQUOTE> ...odsadeny blok... </BLOCKQUOTE> </BODY> </HTML>
Odsadi blok zlava aj sprava (efekt podobny stlacenia klavesy TAB v textovom editore), cim ho urobi uzsim. Viacnasobnym vnorenym pouzitim tohto prikazu dosiahnete coraz uzsie bloky, ktore su coraz viac "vzdialene" od okraja stranky. Povodna funkcia prikazu je "vkladanie citatov vacsieho rozsahu" a odsadzovanie bloku je len vedlajsi efekt na dosiahnutie lepsej prehladnosti. Osobne som vsak este nevidel jeho ine pouzitie ako odsadzovanie textu. (Autori mienili, webmastri menili...)
Parametre	Hodnoty	Default	Kompat./Pozn.
CITE =	"uri"	""	pravdepodobne nepodporuje nijaky prehliadac
CITE= uri - URI citovaneho zdroja. V pripade, ze tento prikaz pouzivate iba na odsadzovanie bloku, su tento parameter a jeho hodnota bezvyznamne, takze ich pokojne vynechajte.
Priklady
<BLOCKQUOTE>tento text je odsadeny</BLOCKQUOTE> <BLOCKQUOTE>tento text je odsadeny a<BR> <BLOCKQUOTE>tento este viac!</BLOCKQUOTE> </BLOCKQUOTE>
Poznamky

**Formatovanie: horizontalny oddelovac (mnemo: Horizontal Rule)**
Prikaz	Kompat./Pozn.
HR	vsetky prehliadace
Kontext:	<HTML> <BODY> <HR> </BODY> </HTML>
Vlozi do dokumentu horizontalny oddelovac (vodorovnu ciaru). Pouziva sa na opticke oddelenie casti dokumentu.
Parametre	Hodnoty	Default	Kompat./Pozn.
ALIGN =	("left" \| "right" \| "center")	center	-
NOSHADE
SIZE =	"velkost"	-	-
WIDTH =	"velkost_p"	100%	-
ALIGN= left - oddelovac je zarovnany dolava right - oddelovac je zarovnany doprava center - oddelovac je zarovnany do stredu (toto je defaultne nastavenie) NOSHADE ak uvedieme tento prepinac, oddelovac nebude tienovany, ale vyplneny jednou farbou. Aka je to farba sa mi zatial zistit nepodarilo, ale je to prave ta ista farba, ktora sa pouziva napr. na ohranicenie tabuliek. SIZE= velkost - vyska oddelovaca v bodoch. Default: zavisi od prehliadaca. WIDTH= velkost_p - dlzka oddelovaca v bodoch alebo percentach. Default: 100%, najvacsia mozna sirka
Priklady
<P>Potrebujeme trochu oddelit zvysok textu:</P> <HR> <P>Nestacilo?</P> <HR SIZE="5">
Poznamky

Zoznamy

HTML umoznuje vlozit do Vasich stranok zoznamy, ako to poznate z roznych textovych procesorov. Zoznamy su silnym nastrojom na strukturovanie textu a mozno vyuzit bud cislovane alebo odrazkove typy zoznamov. Specialnym typom je zoznam definicii. Vsetky zoznamy mozu byt aj vnorene a mozete ich navzajom kombinovat.

**Zoznamy: cislovany zoznam (mnemo: Ordered List)**
Prikaz	Kompat./Pozn.
OL	vsetky prehliadace
Kontext:	<HTML> <BODY> <OL> ...polozky zoznamu... </OL> </BODY> </HTML>
Zadefinuje cislovany zoznam so zadanymi vlastnostami. Jednotlive polozky zoznamu sa vkladaju pomocou <LI>. Zoznamy mozu byt aj vnorene.
Parametre	Hodnoty	Default	Kompat./Pozn.
TYPE =	("1" \| "a" \| "A" \| "i" \| "I")	1	-
START =	"cislo"	1	-
COMPACT			pravdepodobne nepodporuje nijaky prehliadac
TYPE= 1 - polozky zoznamu budu cislovane arabskymi (normalnymi) cislicami (1, 2, 3, ...). Toto je defaultna hodnota. a - polozky zoznamu budu "cislovane" malymi pismenami abecedy (a, b, c, ..., z, aa, ...) A - polozky zoznamu budu "cislovane" velkymi pismenami abecedy (A, B, C, ..., Z, AA, ...) i - polozky zoznamu budu cislovane malymi rimskymi cislicami I - polozky zoznamu budu cislovane velkymi rimskymi cislicami START= cislo - zaciatocna hodnota cisla v cislovani zoznamu. Pre pismena sa udava tiez v cislach a to tak, ze "2" znamena "b", "3" znamena "c" atd. COMPACT prepinac, ktory by mal prehliadacu prikazat generovat kompaktnejsi zoznam. Zatial som nezistil jeho prakticky vyznam.
Priklady
HTML ma napriklad tieto vlastnosti: <OL TYPE="a"> <LI> umoznuje vyjadrit strukturu dokumentu <LI> umoznuje vlozit obrazky <LI> umoznuje vlozit odkazy na ine dokumenty </OL> Vysledok: umoznuje vyjadrit strukturu dokumentu umoznuje vlozit obrazky umoznuje vlozit odkazy na ine dokumenty Prikazy z tejto kapitoly mozeme rozdelit na: <OL TYPE="a"> <LI> prikazy na formatovanie textu <LI> prikazy na zoznamy (tymto si ukazeme aj vnoreny zoznam) <OL TYPE="i"> <LI> cislovane zoznamy <LI> zoznamy s odrazkami <LI> zoznamy definicii </OL> <LI> prikazy na definovanie stylov textu </OL> Vysledok: Prikazy z tejto kapitoly mozeme rozdelit na: prikazy na formatovanie textu prikazy na zoznamy cislovane zoznamy zoznamy s odrazkami zoznamy definicii prikazy na definovanie stylov textu
Poznamky
Netscape 4.0, na ktorom som testoval tento dokument, vykresloval nespravne zoznamy cislovane rimskymi cislicami (prekryvali sa s polozkami zoznamu).

**Zoznamy: zoznam s odrazkami (mnemo: Unordered list)**
Prikaz	Kompat./Pozn.
UL	vsetky prehliadace
Kontext:	<HTML> <BODY> <UL> ...polozky zoznamu... </UL> </BODY> </HTML>
Zadefinuje zoznam s odrazkami. Jednotlive polozky zoznamu sa vkladaju pomocou <LI>. Zoznamy mozu byt aj vnorene (pozri priklad v <OL>).
Parametre	Hodnoty	Default	Kompat./Pozn.
TYPE =	("circle" \| "disc" \| "square")	disc	-
COMPACT			pravdepodobne nepodporuje nijaky prehliadac
TYPE= disc - polozky zoznamu budu zacinat vyplnenymi kruzkami (ako tento zoznam). Toto je defaultna hodnota. circle - polozky zoznamu budu zacinat prazdnymi kruzkami square - polozky zoznamu budu zacinat prazdnymi stvorcekmi COMPACT prepinac, ktory by mal prehliadacu prikazat generovat kompaktnejsi zoznam. Zatial som nezistil jeho prakticky vyznam.
Priklady
HTML ma napriklad tieto vlastnosti: <UL TYPE="circle"> <LI> umoznuje vyjadrit strukturu dokumentu <LI type="disc"> umoznuje vlozit obrazky <LI type="square"> umoznuje vlozit odkazy na ine dokumenty </UL> Vysledok: umoznuje vyjadrit strukturu dokumentu umoznuje vlozit obrazky umoznuje vlozit odkazy na ine dokumenty
Poznamky

**Zoznamy: polozka zoznamu (mnemo: List Item)**
Prikaz	Kompat./Pozn.
LI	vsetky prehliadace
Kontext:	<HTML> <BODY> <UL> \| <OL> <LI> ...polozka zoznamu... </UL> \| </OL> </BODY> </HTML>
Zadefinuje polozku zoznamu. Pozri <OL> a <UL>. Polozky zoznamu mozu, ale nemusia byt ukoncene, ak nie su, ukonci ich automaticky zaciatok dalsej polozky. Jednotlive polozky zoznamu mozete formatovat individualne a dosiahnut tak zmiesane zoznamy.
Parametre	Hodnoty	Default	Kompat./Pozn.
VALUE =	"cislo"	zavisi od typu zoznamu a predch. polozky	-
TYPE =	("circle" \| "disc" \| "square" \| "1" \| "a" \| "A" \| "i" \| "I")	zavisi od typu zoznamu	-
VALUE= cislo - umoznuje nastavit hodnotu pre tuto polozku cislovaneho zoznamu (pozri <OL>). Hodnota je vzdy ciselna, ale jej vyznam zavisi od zoznamu, v ktorom sa polozka nachadza (hodnota "3" pre zoznam cislovany pismenami znamena "c"). Ak hodnotu neuvedieme, pouzije sa hodnota predchadzajucej polozky zvysena o 1. Tento parameter je platny len pre cislovane zoznamy. TYPE= nastavi (novy) typ odrazky alebo cisla polozky od tejto polozky dalej. Umoznuje vytvarat zoznamy so zmiesanymi odrazkami. Pozri <OL> a <UL> pre mozne hodnoty.
Priklady
Cislovany zoznam: <OL type="1"> <LI> polozka c. 1 <LI> polozka c. 2 <LI> polozka c. 3 <LI type="I" value="10"> polozka c. X <LI> polozka c. XI <LI type="1"> polozka c. 12 </UL> <UL> <LI type="circle"> prva odrazka <LI type="disc"> druha odrazka <LI type="square"> tretia odrazka </UL> Vysledok: polozka c. 1 polozka c. 2 polozka c. 3 polozka c. X polozka c. XI polozka c. 12 prva odrazka druha odrazka tretia odrazka
Poznamky

**Zoznamy: zoznam definicii (mnemo: Definition List)**
Prikaz	Kompat./Pozn.
DL	vsetky prehliadace
Kontext:	<HTML> <BODY> <DL> ...polozky zoznamu... </DL> </BODY> </HTML>
Definuje zoznam definicii. Jedna polozka zoznamu pozostava z pojmu (<DT> - to, co definujeme) a jeho opisu <DD>. Pojem a jeho opis sa vypisuju na samostatne riadky a su oddelene aj niecim na sposob tabulatora, co zabezpecuje prehladnost. Kombinaciou pojmov a opisov mozeme jednu definiciu pouzit na viacero pojmov (pozri priklad). Zoznam definicii sa da velmi vyhodne vyuzit napriklad na zobrazovanie slovnikov.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
Zoznam definicii: <DL> <DT>http: <DD>hypertext transfer protocol <DT>ftp: <DD>file transfer protocol <DT>www: <DT>web: <DD>World Wide Web </DL> Vysledok: http: hypertext transfer protocol ftp: file transfer protocol www: web: World Wide Web
Poznamky
velmi pekny prikaz!

**Zoznamy: definicia pojmu (mnemo: Definition Term)**
Prikaz	Kompat./Pozn.
DT	vsetky prehliadace
Kontext:	<HTML> <BODY> <DL> <DT> ...definicia pojmu... </DL> </BODY> </HTML>
Definuje pojem, ktory je sucastou zoznamu definicii. Moze byt ukonceny, alebo plati do zaciatku prikazu <DD>. Pozri <DL> a <DD>.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady

Poznamky

**Zoznamy: definicia opisu pojmu (mnemo: Definition Description)**
Prikaz	Kompat./Pozn.
DD	vsetky prehliadace
Kontext:	<HTML> <BODY> <DL> <DT> <DD> ...opis pojmu... </DL> </BODY> </HTML>
Definuje opis pojmu v definicii. Ak nema ukoncenie, plati do zaciatku dalsieho pojmu alebo definicie. Pozri <DL> a <DD>.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady

Poznamky

Styly textu

Nasledujuce prikazy umoznuju nastavit textu rozne vlastnosti, ktore sa prejavia v zmene jeho stylu (nemylit si s kaskadovymi stylmi!). Moznosti je vela a casto ich vsetky ani nevyuzijete. Urcite si tiez vsimnete, ze rozdiel medzi niektorymi stylmi je velmi jemny (napr. tucne a zvyraznene pismo sa zobrazuju vacsinou rovnako); v takom pripade sa rozhodnite pre styl, ktory lepsie vyjadruje to, co chcete povedat. Ak chcete nieco zvyraznit, pouzite zvyraznenie, ak chcete iba tucne pismo a nic ine, pouzite tucne pismo.

**Styl textu: tucne pismo (mnemo: Bold)**
Prikaz	Kompat./Pozn.
B	vsetky prehliadace
Kontext:	<HTML> <BODY> <B> ...tucne pismo... </B> </BODY> </HTML>
Formatuje text v bloku ako tucne pismo.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P>Vitajte a <B>citte sa ako doma!</B></P>
Poznamky

**Styl textu: kurziva (mnemo: Italics)**
Prikaz	Kompat./Pozn.
I	vsetky prehliadace
Kontext:	<HTML> <BODY> <I> ...kurziva... </I> </BODY> </HTML>
Formatuje text v bloku ako kurzivu.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P>Vitajte a <I>citte sa ako doma!</I></P>
Poznamky

**Styl textu: podciarknute pismo (mnemo: Underline)**
Prikaz	Kompat./Pozn.
U	vsetky prehliadace
Kontext:	<HTML> <BODY> <U> ...podciarknute pismo... </U> </BODY> </HTML>
Formatuje text v bloku ako podciarknute pismo.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
Priklad: <P>Vitajte a <U>citte sa ako doma!</U></P>
Poznamky

**Styl textu: zvyraznene pismo (mnemo: Emphasis)**
Prikaz	Kompat./Pozn.
EM	vsetky prehliadace
Kontext:	<HTML> <BODY> <EM> ...zvyraznene pismo... </EM> </BODY> </HTML>
Formatuje text v bloku ako zvyraznene pismo. Zobrazenie zavisi od prehliadaca, ale byva totozne s <I>.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P>Vitajte a <EM>citte sa ako doma!</EM></P>
Poznamky

**Styl textu: zvyraznene pismo (mnemo: Strong)**
Prikaz	Kompat./Pozn.
STRONG	vsetky prehliadace
Kontext:	<HTML> <BODY> <STRONG> ...zvyraznene pismo... </STRONG> </BODY> </HTML>
Formatuje text v bloku ako zvyraznene pismo.. Zobrazenie zavisi od prehliadaca, ale byva totozne s <B>.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P>Vitajte a <STRONG>citte sa ako doma!</STRONG></P>
Poznamky

**Styl textu: zmensene pismo (mnemo: Small)**
Prikaz	Kompat./Pozn.
SMALL	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <SMALL> ...zmensene pismo... </SMALL> </BODY> </HTML>
Formatuje text v bloku ako zmensene pismo. Zobrazenie zavisi od prehliadaca.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P>Mam skutocne <SMALL>malo miesta na disku!</SMALL></P>
Poznamky

**Styl textu: zvacsene pismo (mnemo: Big)**
Prikaz	Kompat./Pozn.
BIG	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <BIG> ...zvacsene pismo... </BIG> </BODY> </HTML>
Formatuje text v bloku ako zvacsene pismo. Zobrazenie zavisi od prehliadaca.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P>Vitajte a <BIG>citte sa ako doma!</BIG></P>
Poznamky

**Styl textu: neproporcialne pismo - pisaci stroj (mnemo: Teletype)**
Prikaz	Kompat./Pozn.
TT	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <TT> ...neproporcialne pismo... </TT> </BODY> </HTML>
Text bude formatovany neproporcionalnym pismom, co pripomina vystup z `pisacieho stroja`. Zobrazenie zavisi od prehliadaca, ale mozete si pod tym predstavit neproporcionalne pismo stylu "Courier".
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P><TT>simulacia pisacieho stroja</TT></P>
Poznamky

**Styl textu: pismo (mnemo: Font)**
Prikaz	Kompat./Pozn.
FONT	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <FONT> ...pismo s inymi vlastnostami... </FONT> </BODY> </HTML>
Formatuje text v bloku ako pismo s vlastnostami specifikovanymi parametrami. Nemusite uviest vsetky parametre, mozete menit napr. len farbu alebo len velkost. Defaultne nastavenie pisma mozno nastavit prikazom <BASEFONT>
Parametre	Hodnoty	Default	Kompat./Pozn.
SIZE =	"velkost"	aktualna velkost pisma	-
COLOR =	"farba"	aktualna farba pisma	-
FACE =	"nazov1,nazov2,...,nazovN"	aktualny typ pisma	-
SIZE= velkost - velkost pisma. Moze mat hodnotu z intervalu "1 .. 7", ktora nastavi absolutnu velkost pisma, alebo "-4 .. +4", co nastavi relativnu velkost pisma vzhladom na hodnotu nastavenu prikazom <BASEFONT> (default: vzhladom na hodnotu "3"). Velkosti zodpovedaju velkostiam "1 .. 7". Zobrazenie zavisi od prehliadaca. COLOR= farba - umoznuje nastavit farbu pre tento blok textu. Pozri nastavenie farieb v HTML. FACE= nazov - zoznam typov pisma (alternativ) oddelenych ciarkou, ktore moze prehliadac pouzit pre zobrazenie tohto bloku. Prehliadac pouzije prvy z typov pisma, ktory je schopny zobrazit. Pisma musia byt nainstalovane na pocitaci, z ktoreho si pouzivatel stranku prezera, takze sa pri svojich efektoch nespoliehajte na typ pisma a pouzivajte radsej standardne fonty!
Priklady
<FONT SIZE="+1" COLOR="#f00000" FACE="Arial,Tahoma">Ahojte!</FONT> <FONT COLOR="#f00000">Som genius!</FONT> <FONT COLOR="green">Prikazy na zmenu pisma mozu byt aj vnorene. <FONT FACE="Arial">Teraz pisem napriklad zelenym pismom typu Arial</FONT> a teraz uz len zelenym pismom.</FONT>
Poznamky

**Styl textu: nastavenie defaultneho stylu pisma (mnemo: Base Font)**
Prikaz	Kompat./Pozn.
BASEFONT	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <BASEFONT> </BODY> </HTML>
Nastavi styl, velkost a farbu pisma, ktore plati ako default pre vsetky nasledujuce prikazy <FONT>. Tie mozu samozrejme nastavenia vyuzit alebo ich zmenit.
Parametre	Hodnoty	Default	Kompat./Pozn.
SIZE =	"velkost"	aktualna velkost pisma	-
COLOR =	"farba"	aktualna farba pisma	-
FACE =	"nazov1,nazov2,...,nazovN"	aktualny typ pisma	-
SIZE= velkost - velkost pisma. Moze mat hodnotu z intervalu "1 .. 7", ktora nastavi absolutnu velkost pisma, alebo "-4 .. +4", co nastavi relativnu velkost pisma vzhladom na hodnotu nastavenu prikazom <BASEFONT> (default: vzhladom na hodnotu "3"). Velkosti zodpovedaju velkostiam "1 .. 7". Zobrazenie zavisi od prehliadaca. COLOR= farba - umoznuje nastavit farbu pre tento blok textu. Pozri nastavenie farieb v HTML. FACE= nazov - zoznam typov pisma (alternativ) oddelenych ciarkou, ktore moze prehliadac pouzit pre zobrazenie tohto bloku. Prehliadac pouzije prvy z typov pisma, ktory je schopny zobrazit. Pisma musia byt nainstalovane na pocitaci, z ktoreho si pouzivatel stranku prezera, takze sa pri svojich efektoch nespoliehajte na typ pisma a pouzivajte radsej standardne fonty!
Priklady
<BASEFONT SIZE="10" COLOR="#00f0f0"> <FONT SIZE="+1" COLOR="#f00000" FACE="Arial,Tahoma">Ahojte!</FONT> <FONT COLOR="#f00000">Tento text je rovnaky ako v BASEFONT, ale cerveny.</FONT>
Poznamky
nastavenie velkosti pisma tymto prikazom neovplyvni velkost hlaviciek (<Hx>)

**Styl textu: horny index (mnemo: SUPerscript)**
Prikaz	Kompat./Pozn.
SUP	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <SUP> ...horny index... </SUP> </BODY> </HTML>
Formatuje text v bloku ako^horny index.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P>E=mc<SUP>2</SUP></P>
Poznamky

**Styl textu: dolny index (mnemo: SUBscript)**
Prikaz	Kompat./Pozn.
SUB	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <SUB> ...dolny index... </SUB> </BODY> </HTML>
Formatuje text v bloku ako_dolny index.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P>Kyselina sirova: H<SUB>2</SUB>SO<SUB>4</SUB></P>
Poznamky

**Styl textu: zdrojovy text programu (mnemo: source CODE)**
Prikaz	Kompat./Pozn.
CODE	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <CODE> ...zdrojovy text... </CODE> </BODY> </HTML>
Formatuje text v bloku stylom vhodnym pre `zdrojovy kod programu.` Zobrazenie zavisi od prehliadaca, ale mozete si pod tym predstavit neproporcionalne pismo stylu "Courier".
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P><CODE>int main (int argc, char *argv[]) </CODE></P>
Poznamky

**Styl textu: priklad (mnemo: Sample)**
Prikaz	Kompat./Pozn.
SAMPLE	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <SAMPLE> ...priklad... </SAMPLE> </BODY> </HTML>
Formatuje text v bloku `stylom vhodnym pre text prikladu.` Zobrazenie zavisi od prehliadaca, ale byva totozne s <CODE>.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P><B>Priklad:</B> <SAMP>Jeden marinak potrebuje na zabitie votrelca priemerne 24 nabojov. Standardny zasobnik obsahuje 48 nabojov. Kolko zasobnikov si musi zobrat na koloniu Hadley, ak pocet votrelcov je na zaciatku 138 a ich pocet sa moze zvysovat s kazdym zabitym marinakom? </SAMP></P>
Poznamky

**Styl textu: text definicie (mnemo: DeFiNition)**
Prikaz	Kompat./Pozn.
DFN	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <DFN> ...text definicie... </DFN> </BODY> </HTML>
Formatuje text v bloku ako definiciu. Zobrazenie zavisi od prehliadaca, ale byva totozne s <I>.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P><DFN>HTML je HyperText Markup Language</DFN></P>
Poznamky

**Styl textu: citat (mnemo: Cite)**
Prikaz	Kompat./Pozn.
CITE	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <CITE> ...citat... </CITE> </BODY> </HTML>
Formatuje text v bloku ako citaciu. Zobrazenie zavisi od prehliadaca, ale byva totozne s <I>.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P><CITE>Mozete ma citovat,</CITE> povedal</P>
Poznamky

**Styl textu: udaje zadavane z klavesnice (mnemo: KeyBoarD)**
Prikaz	Kompat./Pozn.
KBD	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <KBD> ...pismo symbolizujuce text zadavany z klavesnice... </KBD> </BODY> </HTML>
Formatuje text v bloku tak, aby symbolizoval `vstup z klavesnice.` Zobrazenie zavisi od prehliadaca, ale byva totozne s <CODE>.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P><B>Vase meno: </B><KBD>Peter Junak</KBD> </P>
Poznamky

**Styl textu: premenna programu (mnemo: VARiable)**
Prikaz	Kompat./Pozn.
VAR	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <VAR> ...pismo symbolizujuce hodnotu premennej... </VAR> </BODY> </HTML>
Formatuje text ako hodnotu `premennej.` Zobrazenie zavisi od prehliadaca, ale byva totozne s <I>.
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P><B>Hodnota parametra ALIGN = </B> <VAR>left \| right \| center \| justify</VAR> </P>
Poznamky

**Styl textu: preciarknute pismo (mnemo: Strike-through)**
Prikaz	Kompat./Pozn.
S	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <S> ...preciarknute pismo... </S> </BODY> </HTML>
Formatuje text ako ~~preciarknuty.~~
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P>Som tu <S>nie som tu</S>, nehodiace sa skrtnite. </P>
Poznamky
prikaz je ekvivalentny s <STRIKE>

**Styl textu: preciarknute pismo (mnemo: STRIKE-through)**
Prikaz	Kompat./Pozn.
STRIKE	vsetky okrem textovych prehliadacov
Kontext:	<HTML> <BODY> <STRIKE> ...preciarknute pismo... </STRIKE> </BODY> </HTML>
Formatuje text ako ~~preciarknuty.~~
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<P>Som tu <STRIKE>nie som tu</STRIKE>, </P>
Poznamky
prikaz je ekvivalentny s <S>

**Styl textu: citat (mnemo: Quote)**
Prikaz	Kompat./Pozn.
Q	Mozilla M15+ obaluje citaty uvodzovkami, v inych pravdepodobne nefunguje vobec
Kontext:	<HTML> <BODY> <Q> ...citat... </Q> </BODY> </HTML>
Umoznuje vlozit citat, ktory by prehliadac mal obalit uvodzovkami (a to aj vnorene, pre pripad pisania priamej reci). To by umoznilo jednoduche pisanie napr. dialogov.
Parametre	Hodnoty	Default	Kompat./Pozn.
URI =	"uri"	""	-
URI= uri - umoznuje oznacit zdroj citacie. Ak to nepotrebujete, mozete parameter pokojne ignorovat.
Priklady
<P> Peter povedal: <Q>No a co ma byt?</Q></P>
Poznamky

**Styl textu: adresa (mnemo: ADDRESS)**
Prikaz	Kompat./Pozn.
ADDRESS	vsetky prehliadace
Kontext:	<HTML> <BODY> <ADDRESS> ...adresa... </ADDRESS> </BODY> </HTML>
Formatuje blok ako adresu (napr. autora). V praxi sposobi odlisne nastavenie vlastnosti pre tento text (zavisi od prehliadaca).
Parametre	Hodnoty	Default	Kompat./Pozn.
ziadne

Priklady
<ADDRESS>(c) VIX, 1999, vix@fornax.elf.stuba.sk</ADDRESS>
Poznamky

Predchadzajuca tema:	Pribuzne temy:	Nasledujuca tema:
Struktura HTML dokumentu	Sprievodca vytvaranim stranky krok za krokom Abecedny zoznam prikazov HTML	Objekty a linky

Formatovanie textu

Ukazka nadpisu H1

Ukazka nadpisu H2

Ukazka nadpisu H3

Ukazka nadpisu H4

Ukazka nadpisu H5

Ukazka nadpisu H6

Zoznamy

Styly textu