Dimitar Trpkovski

HTML Kurs za web dizajn

Lekcija 3

3-1 Paragrafi,liniski prekini

Kako {to vidovme vo prethodnite lekcii,ako ja prekineme linijata vo html kodot so ednostavno stiskawe na enter (nov red),liniite nema da bidat vo nov red vo izlezniot rezultat na browser-ot.Tie }e bidat ispe~ateni kako edna linija.Mora da koristime tag za da go napravime toa.

Isto taka mo`e da go podelime tekstot koristej}i paragrafi.Paragrafot zapo~nuva vo nov red so edna prazna linija posle prethodnata linija.Tagovi za paragrafot se i .

Prv paragraf

Vtor paragraf

Vo tagovite za paragraf mo`e da vgnezdite i drugi tagovi za fontot,stilot i dr.

Postoi i druga opcija za formirawe na tekstot a toa e koristewe na <pre> tagot.Tekstot pome|u <pre> i </pre> tagovite }e bide ispe~aten vo browser-ot isto kako {to e napi{an vo html kodot.Zatoa nema da vi trebaat tagovi za da gi prekinuvate liniite.Dovolno e da go vnesete tekstot vo posebni linii so koristewe na enter kop~eto na nivniot kraj.

3-2 Prazno mesto pome|u tekst

Browser-ot ne poka`uva pove}e od edno prazno mesto pome|u zborovite duri i ako vnesete stotina prazni mesta pome|u vo html kodot.Ako sakate da vnesete pove}e od edno prazno mesto }e treba da koristite eden mal kod za taa namena.Toa e “ ” bez navodnicite.

<body>

Tuka imame 5      prazni mesta.

</body>

3-3 Smestuvawe na paragrafite vo va{ata web strana

Mo`ete da determinirate kako paragrafot e namesten vo va{ata web strana.Mo`ete da go namestite tekstot na levo,desno ili na sredina na stranicata.Za da specificirate mesto na paragrafot mora da go pro{irite paragrafskiot tag.Mo`ete da gi koristite slednive kombinacii:

Primer:

<HTML>

<HEAD>

<TITLE>Primer 3-1</TITLE>

</HEAD>

<BODY>

Ovoj tekst e namesten levo.

Ovoj tekst e na sredina.

Ovoj tekst e nameste desno.

</BODY>

</HTML>

3-4 Tekst vo granici

Ako vi treba tekst {to e izedna~en od dvete strani na web stranata mo`ete da go koristite <blockquote> tagot.

Tekstot {to e pome|u ovoj tag }e ima granica od levo i od desno na va{ata web strana.

Primer:

<HEAD>

<TITLE>Primer 3-2</TITLE>

</HEAD>

<BODY>

Granicite ke gi vidite ovde:

Vo slucaj da sakate da go stavite vasiot tekst

vo granici mozete da go koristite ovoj tag.

</BLOCKQUOTE>

</BODY>

</HTML>

3-5 Sliki na va{ata web strana

Vo prethodnata lekcija nau~ivme kako se koristat sliki vo pozadina.Sega }e nau~ime kako mo`eme da dodademe slika na na{ata web strana.Toa se pravi so <img> tagot.Za ovoj tag }e ni trebaat i parametri za da specificirame lokacija i golemina na slikata i dr.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 3-3</TITLE>

</HEAD>

Ova e slika:

</BODY>

</HTML>

Vo ovoj primer koristevme slika i za pozadina i na samata stranica.Zabele`ete deka <img> tagot ne odi vo par.

Ako sakate da ja prika`ete va{ata slika vo razli~na golemina od originalnata mo`ete videte go sledniov primer:

<HTML>

<HEAD>

<TITLE>Primer 3-4</TITLE>

</HEAD>

Ova e slika:

</BODY>

</HTML>

3-6 Pozicija i granici na slika

Mo`ete da ja namestite va{ata slika levo,desno ili vo sredina so nejzino stavawe vo paragraf.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 3-5</TITLE>

</HEAD>

Ova e slika:

</BODY>

</HTML>

Ako sakate da dodadete granici na va{ata slika toa mo`ete da go napravite so dodavawe na parametri za granicite vo <img> tagot.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 3-6</TITLE>

</HEAD>

</HTML>

3-7 Alternativen tekst namesto slika

Nekoj web surferi mo`e da koristat browser {to ne poddr`uva grafika.Ako sakate da smetate i na ovie surferi mo`e da stavite namesto slikata alternativen tekst.

Toa mnogu lesno se pravi so dodavawe na alt parametarot vo <img> tagot.

3-8 Lokacija na slika

Vo gornive primeri slikata mora da bide locirana vo istiot direktorium kade e locirana i html stranata.Ako slikata postoi vo drug direktorium,morame da ja dodademe i celata nejzina lokacija.

Primer:

<IMG SRC="images/abanner.gif"> Slikata e locirana vo image datotekata vednas do nea.

<IMG SRC="../abanner.gif"> Slikata e locirana vo roditelskiot direktorium.

	free hosting image hosting hosting reseller online album e-shop famous people