free hosting   image hosting   hosting reseller   online album   e-shop   famous people 
Free Website Templates
Free Installer

 

 

HTML Kurs za web dizajn




 

Lekcija 2

 

2-1 Obrabotka na tekst

 

Dosega nau~ivme kako da vneseme ednostaven tekst vo na{ata web strana.Vo ovaa lekcija }e nau~ime tehniki za obrabotka na tekst.Ovoj del od ve{tinite na pi{uvawe na html e najva`niot del od celiot kurs za web dizajn.Zatoa morate da go nau~ite zbor po zbor.

 

2-2 Promena na stilot na tekstot

 

Tekstot mo`eme da go napravime bold,italic ili underlined.Ako sakate da go napravite tekstot bold morate da go napi{ete pome|u <b> i </b> tagovite.

 

<body>

Ova e mnogu <b> vazno </b>

</body>

 

Vo gorniov tekst zborot ‘vazno’ e napi{an vo bold stil.Mo`ete da go napravite tekstot italic ako go stavite pome|u <i> i </i> tagovite.

I,analogno mo`ete da go napravite va{iot tekst podvle~en ako go stavite pome|u <u> i </u> tagovite.

 

Primer:

 

<HTML>

<HEAD>

<TITLE>Primer 1, Lekcija 2</TITLE>

</HEAD>

<BODY>

<B>Ovoj tekst e bold</B><br>

<I>Dodeka ovoj e Italic</I><br>

<U>a ovoj e underlined</U><br>

<B><I>Pogledni go ova,ova e i bold i italic</I></B>

</BODY>

</HTML>

 

 

Vo gorniov primer mo`ete da gi vidite kombinaciite na ovaa tema.

Mo`ete da go zabele`ite tagot <br> na krajot na sekoj red.Da vidime {to zna~i ovoj tag.Ako na krajot od va{iot red stisnete enter i o~ekuvate va{iot tekst da prodol`i vo nov red vo va{iot browser tekstot nema da izgleda taka.Toj celiot }e bide vo edna linija.Za da se po~ne so nov red vo html kodot morate da vnesete <br> tag.Isto taka obrnete vnimanie deka <br> tagot e eden od malkute tagovi vo html koi ne odat vo par.Za nego nema zavr{en tag.

 

2-3 Vgnezdeni tagovi

 

Vo prethodnite primeri vidovte vgnezdeni tagovi kako ovie:

 

<B><I>Pogledni go ova,ova e i bold i italic</I></B>

 

Morate da pazite koga gi vgnezduvate tagovite da ne preminuvaat eden preku drug.Ako to~niot red na vgnezduvawe ne e zapazen mo`e da se izvr{i pogre{na komanda.

 

2-4 Tekst so fiksna {irina

 

Kako {to znaete,obi~nite fontovi koristat razli~en horizontalen prostor.Na primer bukvata ‘w’ koristi pomalku prostor otkolku bukvata ‘7’.Ponekoga{ ni treba font so to~no ista {irina na site bukvi.Na primer,ako sakame da napravime tabela so brojki i sakame da gi naredime to~no edni vrz drugi.

 

Za da definirame vakov tip na tekst morame da koristime <tt> i </tt> tagovi.TT zna~i typewriter text.

 

2-5 Menuvawe na goleminata i tipot na font

 

Mo`eme da ja menuvame goleminata i tipot na fontot so koristewe na <font> i </font> tagovite.Koristeweto na ovie tagovi sami nema da smeni ni{to.Morame da koristime parametri za ovie tagovi.Ovie parametri specificiraat kakov tip na font ni treba.

 

2-6 Golemina na font

 

Za da ja smenimne goleminata na del od tekstot go pro{iruvame <font> tagot so slednive parametri.

 

<font size=n> .. ., </font>

 

kade n e golemina na font koi mora da bide pome|u 1 i 7.Ako vnesete nekoj tekst bez specificirawe na goleminata negovata golemina }e bide 3.

 

Primer:

 

<HTML>

<HEAD>

<TITLE>Primer 2, Lekcija 2</TITLE>

</HEAD>

<BODY>

<FONT SIZE=1>1Ova e tekst </FONT><br>

<FONT SIZE=2>2Ova e tekst </FONT><br>

<FONT SIZE=3>3Ova e tekst </FONT><br>

<FONT SIZE=4>4Ova e tekst </FONT><br>

<FONT SIZE=5>5Ova e tekst </FONT><br>

<FONT SIZE=6>6Ova e tekst </FONT><br>

<FONT SIZE=7>7Ova e tekst </FONT><br>

</BODY>

</HTML>

 

2-7 Tip na font

 

Mo`eme da koristime font na del od tekstot so specificirawe na negovoto ime.

 

<font face=”Imeto na fontot”> . . . </font>

 

Imeto na fontot mora da se vnese vo navodnici.

Primer:

 

<HTML>

<HEAD>

<TITLE>Primer 3, Lekcija 2</TITLE>

</HEAD>

<BODY>

<FONT FACE="ARIAL">Ovoj tekst e vo ARIAL font</FONT><br>

<FONT FACE="IMPACT">Ovoj tekst e vo  IMPACT font</FONT><br>

</BODY>

</HTML>

 

Vo gorniov primer koristevme arial i impact font no mo`eme da stavime i bilo koj drug tip na font.

Mora da se vnimava da koristime font koi go imame vo na{iot kompjuter. Zatoa treba da se vnimava na koristewe na nov font.Najdobro e da koristite windows fontovi,zatoa {to windows go koristat 95% od web surferite.

 

Alternativno mo`ete da koristite nekolku fontovi za sekoj del od va{ata strana.Vo ovoj slu~aj browser-ot }e bara alternativen font ako ne mo`e da go najde primarniot.

 

Primer: <font face=”Arial,Helvetica”> . . . </font>

 

2-8 Menuvawe na bojata na tekstot

 

Vo prethodnite lekcii nau~ivme kako da ja smenime bojata na pozadinata, a sega }e nau~ime kako da ja smenime bojata na tekstot.

 

Primer:

 

<HTML>

<HEAD>

<TITLE>Primer 4, Lekcija 2</TITLE>

</HEAD>

<BODY>

<FONT COLOR="#FF0000">Ovoj tekst e so crvena boja.</FONT><br>

<FONT COLOR="#00FF00">Ovoj tekst e so zelena boja.</FONT><br>

<FONT COLOR="#0000FF">Ovoj tekst e so sina boja.</FONT><br>

</BODY>

</HTML>

 

Vo gorniov primer se koristeni razli~ni boi.Menuvaweto na boite vo numeri~ki format se pravi isto kako i menuvaweto na pozadinata.

 

2-9 Kombinirawe na atributite na fontot

O~igledno e deka mo`eme da gi kombinirame parametrite vo <font> tagot kako {to sakame.Na ovoj na~in mo`eme da dobieme najrazli~en stil na tekst.

Primer:

 

<B><I><FONT SIZE="5" FACE="IMPACT" COLOR="#00FF00">

Kako e ova ?

</FONT></I></B>

 

2-10 Menuvawe na predodredenite boi na fontot vo web stranite.

 

Sekoj browser si ima svoi podesuvawa za boja na tekst,boja na linkovi,boja na poseteni linkovi i boja na aktivni linkovi.

Predodredena boja na tekstot e crna.Linkovite naj~esto se sini.Za da gi smenite ovie boi morate da go koristite <body> tagot so pove}e parametri.

 

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF"

VLINK="#00FF00" ALINK="#FF0000">Nekoj tekst </BODY>

BGCOLOR: pozadina na Web strana

TEXT: Boja na tekst

LINK: Boja na link

VLINK: Boja na poseten link

ALINK: Boja na aktiven link