Formátovanie webstránok

Webstranku mozeme rozdelit na odstavce, aby sme text urobili prehladnejsim. Odstavec je text v bloku <P></P> (P = paragraph), ktory sa zacina na novom riadku.

P

alebo

P ALIGN="zarovnanie"

Kazdy odstavec webstranky moze mat nepovinne urcene zarovnanie textu. Text je formatovany automaticky, ale mozete si vybrat, ci sa ma zarovnavat k lavemu alebo pravemu okraju alebo dokonca do stredu.

P ALIGN="LEFT" bude zarovnavat k lavemu okraju (toto je nastavene, aj ked nezadate parameter ALIGN

P ALIGN="RIGHT" zarovna text webstranky k pravemu okraju

P ALIGN="CENTER" zarovna text webstranky doprostred stranky


Zrusenie automatickeho formatovania vo webstranke

Prehliadac www-stranok, ako som uz naznacil, formatuje stranky automaticky, cize neberie do uvahy konce riadkov a viacnasobne medzery. Niekedy sa to nehodi, a preto sa automaticke formatovanie da vypnut medzi zaciatkom a koncom bloku

PRE WIDTH="velkost"

WIDTH urcuje sirku, do akej budeme chciet formatovat. Moze byt v bodoch alebo percentach (sirky stranky).

Ukazka textu, ktory je formatovany automaticky a rucne:
"tento text nie je formatovany, mozem pisat medzery aj konce riadkov a bude to tak, ako chcem."
Ako vidite, text sa mi sformatoval. Ale:

tento text nie je formatovany           mozem pisat medzery aj
konce riadkov a bude to tak, ako chcem.

Automaticke formatovanie sa hodi vypnut, napriklad ked potrebujeme vypisat nejake textove obrazky alebo listing nejakeho programu.


Vlozenie konca riadku do webstranky

Kedze stale predpokladame, ze vo webstranke je zapnute automaticke formatovanie, nema zmysel vkladat konce riadkov tym, ze ich napiseme v dokumente. Ak vsak potrebujeme prejst na novy riadok, co je potrebne pomerne dost casto, pouzijeme prikaz

BR

Tento prikaz nie je blokovy.

Jedno vlozenie prikazu BR zabezpeci jeden prechod na novy riadok.

Teraz vlozime 5x znak konca riadku:

<BR>
<BR>
<BR>
<BR>
<BR>

 

BR CLEAR="all"

Tento prikaz zabezpeci prechod na novy riadok za vlozenym obrazkom. To sa hodi (a velmi!), ked mame vacsi obrazok a chceme dalsi text pisat uz pod jeho koniec, nie vedla (zalezi samozrejme od zarovnania). Ina alternativa tohto prikazu je niekolkonasobne vlozenie prikazu BR - co je zbytocne dlhe. Toto riesenie je elegantnejsie ;-)

Poznamka: Tento prikaz moze mat namiesto parametra "all" aj parametre "left" alebo "right". Momentalne vsak nemam moznost si ich otestovat...

 


Text bez noveho riadku vo webstranke

Niekedy potrebujeme vypisat text webstranky tak, aby nam ho prehliadac v ziadnom pripade nerozdelil na konci obrazovky. Neviem si teraz spomenut na pripad, kedy by som to musel urobit, ale - v kazdom pripade - na taketo ucely mame prikaz

NOBR

Ten nam v bloku definovanom tymto prikazom zabezpeci, ze text neprejde na novy riadok. Ak v takomto texte potrebujeme prejst na novy riadok, vlozime prikaz

WBR

 


Horizontalny oddelovac HR vo webstranke

Ak chceme vizualne oddelit nejake casti nasho dokumentu, mozeme na to pouzit napriklad prikaz HR.

HR

alebo

HR SIZE="velkost v bodoch" WIDTH="sirka" ALIGN="zarovnanie" NOSHADE

Tento prikaz nie je blokovy

SIZE urcuje velkost, vysku oddelovaca v pixeloch (bodoch).

WIDTH urcuje sirku oddelovaca bud v bodoch, alebo - co sa pouziva castejsie - v percentach celkovej sirky stranky.

ALIGN urcuje zarovnanie oddelovaca (LEFT, RIGHT, CENTER).

NOSHADE je prepinac, cize je aktivny, ak ho napiseme. Sposobi to, ze oddelovac sa nebude trojrozmerne tienovat.

Ak nezadame ziadne parametre, berie sa sirka 100%, velkost 2 body, centrovane a tienovane, ako vidite aj v tomto dokumente.

Priklad:

Vlozime si koniec riadku a oddelovac:<BR>
<HR>


Odsadenie bloku od laveho okraja vo webstranke

Aby sa vas text nezacinal na lavom okraji, ale o nejaky kus dalej, mohli ste v beznom editore vkladat znak TAB (tabulator). Kedze nieco podobne sa casto hodi, mame na to prikaz aj tu:

BLOCKQUOTE

Tento prikaz odsadi text zlava oproti predchadzajucemu nastaveniu o nejaky pocet znakov. Odsadenie plati samozrejme len v tomto bloku. Ak pouzijeme viacnasobne prikaz BLOCKQUOTE, dosiahneme vacsie odsadenie (nezabudnime ho potom vratit do normalu ;-)

Priklad prikazu BLOCKQUOTE:

Tento text zacina normalne na zaciatku odstavca.<BR>

<BLOCKQUOTE>Ale tento uz nie! Vsetko, co budem teraz pisat, mi bude zacinat
pekne od pozicie, ktoru mi nastavil prikaz BLOCKQUOTE. Skuste si to!
</BLOCKQUOTE>

Vyzerat to bude takto:
Tento text zacina normalne na zaciatku odstavca.

Ale tento uz nie! Vsetko, co budem teraz pisat, mi bude zacinat pekne od pozicie, ktoru mi nastavil prikaz BLOCKQUOTE. Skuste si to!

Centrovanie textu vo webstranke

Na centrovanie textu mozeme pouzit blok

CENTER

Tento sa hodi napriklad pri pouziti nadpisov, lebo tie normalne zacinaju vlavo. Mozeme ho samozrejme pouzivat, kde len chceme, pozrime si vsak aj text o odstavcoch

<H1>
<CENTER>
Veeeelky centrovany nadpis!
</CENTER>
</H1>


Vlozenie poznamky do webstranky

Poznamky v dokumente su prehliadacom v podstate ignorovane, sluzia bud pre vasu informaciu, alebo na rychle vypustenie niektoreho prikazu, ked chcete vyskusat, co to bude robit bez neho. Poznamka je blok tvaru:

<!-- text poznamky blablablabla -->

V poznamke definovanej takymto sposobom moze byt aj niekolko riadkov textu.