Základná práce s textom
Doporučené nástroje pre tvorbu webu budú tieto:
Notepad - písanie zdrojákov
Explorer - prehliadač
Total Commander - FTP propojenie
Nástroje typu Front Page a jm podobné nebudeme používať!
3.1 Členenie textov
3.1.1 Odseky
<P> Prvý odsek <P> Druhý odsek <P> Tretí odsek </P>K zobrazovaniu odsekov sa používa tag <P>.
3.1.2 Lámanie riadkov
Ďalším dôležitým tagom je <BR>, ktorý zaisťuje lámanie riadkov, alebo písaný text:
Prvý riadok.
Druhý riadok.
Tretí riadok.
Napísaný v zdrojáku sa zobrazí do jedného riadku, teda:
Prvý riadok. Druhý riadok. Tretí riadok.
Takže vždy na konci riadku musíme pridať <BR>.
Prvý riadok. <BR>
Druhý riadok.<BR>
Tretí riadok.<BR>
3.1.3 Nadpisy
Pre písane nadpisov máme tag <Hx>, pričom x= {1,2,3,4,5,6}. Najväčší nadpis je H1 a najmenší je H6.
<H1>Najvätší nadpis</H1>
<H6>Najmenší nadpis</H6>
3.1.4 Názorný príklad
Zdrojový kód:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> MOJE PRVNI STRANKA</TITLE>
</HEAD>
<BODY>
<P> Prvý odsek <P> Druhý odsek <P> Tretí odsek </P>
Prvý riadok. <BR>
Druhý riadok.<BR>
Tretí riadok.<BR>
<H1>Najvätší nadpis</H1>
<H6>Najmenší nadpis</H6>
</BODY>
</HTML>
Výsledok:
3.2 Typy písma
3.2.1 Operácie s textami
Štandardne sú nastavené fonty TIMES NEW ROMAN o veľkosti 12, ale pokiaľ sa nám nepáčia tieto parametre, potom môžeme v našom webu urobiť s nimi poriadok, kde nastavíme vlastné fonty atď..
<FONT SIZE=" 7 " COLOR="BLACK" FACE="Arial">MOJ TEXT</FONT>
COLOR– zadáva farbu písma.
FACE– zadáva font, v tomto prípade ide o ARIAL, ale môžeme to samozrejme zmeniť napríklad na Comic Sans MS atď….
SIZE– zadáva veľkosť písma v pixeloch
Pokiaľ chceme mať tučné, šikmý alebo podčiarknutý texty, tak použijeme tieto tagy:
<B>text </B> - tučný text
<i> text </i> - šikmý text
<u>text </u> - podčiarknutý text
V kombinácií s fontom Arial:
<FONT SIZE=" 7 " COLOR="BLACK" FACE="Arial"> <B>1. TEXT </B></FONT>
<FONT SIZE=" 7 " COLOR="BLACK" FACE="Arial"> <i>2. TEXT</i> </FONT>
<FONT SIZE=" 7 " COLOR="BLACK" FACE="Arial"> <u>3. TEXT </u></FONT>
3.2.2 Malý trik s textom
Pokiaľ ste lenivý písať text a stále ho upravovať rôznymi <BR> a nastavovať správne fonty, potom tu je malý trik, teda presnejšie tag, ktorý vám uľahči prácu.
Príklad:
Takto písaný text v NOTEPADe spôsobí, že celý text nebude mať žiadne úpravy a bude to strašný humbuk. Preto je tu tag <PRE>…</PRE>, ktorý vám ušetrí veľa práce s písaním <BR> na konci každého riadku a samozrejme automatický nastaví príslušné fonty stačí napísať text ako chcete a máte to.