HTML Lekcija 3

FORMATIRANJE TEKSTA
Ako se druga ije ne naglasi tekst unutar HTML stranice je poravnat uz lijevu stranu. Ako se
želi da naslov, ili bilo koji drugi element stranice, bude centriran, treba ga staviti izmedju
tagova <center> i </center> što e dati slede i rezultat:
OVO JE CENTRIRAN TEKST

izvršavanjem slede eg koda
<center> OVO JE CENTRIRAN TEKST </center>
Ukoliko se posebno ne naglasi kojim fontom se želi da bude ispisan tekst na stranici, browser
će koristiti default font (a to je obi no Times New Roman). Rad sa fontovima u okviru HTML
stranice se obavlja pomo u taga. Ovaj tag može imati slede e atribute: face, size i
color.
Atributom face definišemo tip fonta kojim se želi da tekst bude ispisan. Na jednoj stranici se
može koristiti i više razli itih fontova. Mora se vodititi ra una da korisnik koji u itava stranicu
mora imati instaliran font koji je naveden na svom racunaru. U suprotnom njegov browser e
prikazati tekst u default fontu. Zato ne treba koristiti neke egzotične fontove, već treba
upotrebljavati samo široko rasprostranjene fontove.
Ako se želi da stranica bude ispisana na primer "Comic Sans MS" fontom onda treba navesti
slede i kod: Ovde dodje vas tekst. i dobija se rezultat
Ovde dodje vas tekst.
Ako se koriste neki fontovi koji se retko koriste onda bi bilo dobro navesti i nekoliko
alternativnih fontova, jedan za drugim, odvojenih zarezom. Ako posetilac stranice na svom
računaru nema instaliran prvi font sa liste, on e ga prikazati u slede em sa liste, i tako dalje.

Evo primera nekoliko popularnih fontova koji se mogu koristiti na svojim stranicama:
Verdana
Arial
Courier
Bedrock
Times New Roman
Comic Sans MS
Kod je slijede i:
<center>
Verdana 
Arial 
Courier 
Bedrock 
font face="Times New Roman" size="3">Times New Roman 
Comic Sans MS
</center>
Pored na ina ispisivanja teksta, u okviru stranice može se upravljati i veli inom slova. Za ove
potrebe koristi se size atribut unutar font taga. HTML razlikuje 7 veličina slova koje nose
vrednosti od 1 do 7. Podrazumevana veli ina je 3. Razmera slova je data:
size 1, size 2, size 3, size 4, size 5, size 6, size 7.
Primer HTML stranice:
Poslednja osobina koja se može menjati je boja slova u okviru HTML stranice. Za te potrebe
koristi se atribut color font taga. Za ovaj atribut važi isto pravilo kao i kod definisanja boja
<body> tagom. Dakle, ako se želi dobiti slede i tekst ispisan crvenom bojom: Ovde ide vas
tekst.
Pomoću sljedećeg dijela koda: Ovde ide vas tekst. 
Pored taga HTML poseduje još mogu nosti za obradu teksta. U HTML dokumentima
postoji mogu nost pisanja podebljanim (bold ili strong) slovima i kurzivom (italic), kao i
mogu nost podvla enja (underline) i precrtavanja (strike) teksta. Slede a tabela prikazuje
odgovaraju e tagove kao i rezultate njihove primene:
Osim toga mogu se pisati i slova u indeksu ili eksponentu. Indeks se dodaje pomo u taga
 a eksponent pomo u taga . Slede a tabela prikazuje primer njihove primene:
Tekst se u browseru automatski lomi na kraju reda. Da bi se postiglo da neki deo teksta bude
u jednom redu. Ovo se može postići umetanjem tog dela teksta izme u tagova: ovde ide vas
tekst koji se nece prelomiti na kraju reda dobija se pomo u sledećeg dela koda
 ovde ide vas tekst koji se nece prelomiti na kraju reda 
Ukoliko je tekst prevelik da stane u jedan red u okviru ekrana, na dnu prozora e se pojaviti
horizontalni "scrollbar" i korisnik e morati da skroluje da bi ga pro itao. Zato treba biti
obazriv sa koriš enjem ovog taga. Ukoliko se želi da se red prelomi, ali na ta no odre enom
mestu, to se može posti i koriš enjem taga. Ovaj tag ne zahteva završni tag. Za razliku
od taga koji e obavezno prelomiti red, ovaj tag e prelomiti red samo ako je to
neophodno tj. ako je tekst pre njega preduga ak da bi stao u jedan red. Ovaj tag tako e omogu
ava da se prelomi neka duga ka re na kraju reda.
Kada se koristi bilo koji tekst editor prelazak u novi red se postiže pritiskom na taster ENTER
(ili RETURN). Ali ako se isti princip koristi i pri pisanju HTML stranice ne e se dobiti isti
rezultat. Naime, da bi browser prikazao novi red, to se mora eksplicitno navesti odgovaraju
im tagom. Tag za prelazak u novi red je tag. On ne zahteva odgovaraju i završni tag.
Prelazak u novi pasus se postiže tagom. On ima isto dejstvo kao i prethodni tag s tom
razlikom što e napraviti mali razmak izme u redova. Na kraju pasusa se može staviti i njegov
završni tag, ali ve ina browsera ga ne zahteva, tako da se slobodno može i izostaviti.
Tekst se, ako se ništa ne navede, poravnava uz levu marginu. Centriranje pasusa ili
poravnanje pasusa uz desnu marginu se postiže align atributom. Align atribut može imati tri
vrednosti:
left
center
right
Kod koji prikazuje gornji primer je:

left center right
Dakle, Odgovaraju i tagovi za svako od navedenih poravnanja treba da izgledaju ovako:



Ako se želi da se prelazak na neku novu celinu još više naglasi koristi se horizontalna linija
pomo u slede eg taga: <HR SIZE=4 WIDTH="50%">
Dobija se slede i rezultat
Liniju se povla i pomo u <hr> taga. Ovaj tag crta tanku sivu liniju preko cele stranice. I ovaj
tag može sadržati odgovaraju e atribute kojima možete regulisati izgled linije. Ako se ne želi
da linija bude zasen ena, ve potpuno crna potrebno je koristiti atribut noshade. Ako se želi
promeniti dimenzije linije, koriste se slede a dva atributa: size i width. Atributom size
odredjuje se debljina linije u pikselima, a atributom width odredjuje se dužina linije ili u
pikselima ili u procentima širine stranice. Ovaj tag tako e može sadržati align atribut kome se
može dodeliti ista vrednosti kao i za pasus. Boja linije se može regulisati pomo u color
atributa na ve opisani na in.
Na primer, ako se želi da se nacrta nezasen ena crvena linija koja e biti centrirana i ija e
debljina iznositi 6 piksela a proteza e se preko 50% širine stranice, potrebno je izvršiti slede i
kod:
<hr noshade align="center" size="6" width="50%" color="#ff0000">
Treba naglasiti da Netscape Navigator ne podržava atribut color za horizontalne linije, tako
da e u Navigatoru ova linija biti siva.
U tekst editorima dugme "TAB" služi za (engl. indent) prikazivanje odredjenog broja praznih
mesta. Ali pri pisanju HTML koda iako se u samopm kodu prikazuje dejstvo taba, pri
prikazivanju stranice to e biti bez ikakvog efekta.
I u HTML dokumentu se može napraviti prazno mesto pomo u oznake &nbsp. Ova oznaka
ostavlja jedno prazno mesto. Ako se želi pet praznih mesta jednostavno se napiše pet ovakvih
oznaka jednu za drugom odvojenih ta kom-zarezom:
Odgovaraju i HTML kod izgleda ovako:

xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxxx
xxxx xxxxx xxxx xxxxx x xxxxx x xxxxxx xxx xxxx xx xxxxx xx x xxxxx xxxxxx
xx xxxxxxx x x xxxxxxxx xxxx xxxxxx xxxxx xxxx xxxxxx xxxxxxxxxxxxx xxx
xxxx xx xxxxxxx x x xxxxxxxxxxxx xxxxx.
Rezultat se dobija:
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxxx xxxx xxxxx xxxx xxxxx x xxxxx x xxxxxx
xxx xxxx xx xxxxx xx x xxxxx xxxxxx xx xxxxxxx x x xxxxxxxx xxxx xxxxxx xxxxx xxxx
xxxxxx xxxxxxxxxxxxx xxx xxxx xx xxxxxxx x x xxxxxxxxxxxx xxxxx.
Pored ove oznake mogu se koristiti i slede e (u tabeli prva kolona ozna ava HTML oznaku, a
druga rezultat koji se dobija u okviru HTML strane):
Primeri za rad u laboratoriji
Primer 1. Rad sa fontovima.

<html>
<head><title> Rad sa fontovima</title>
</head>
<body>

The <A
HREF="library.html">library</A>
has an arrangement with the
<A
HREF="cafeteria.html">cafeteria</A>
o provide refreshments during the weekly
<A
HREF="coffeehouse.html">coffee
house</A> lectures.

</body>
</html>
Primer 2. Rad sa prelomom linije.
<html>
<head><title> Rad sa prelomom linije </title>
</head>
<body>

<h1>Come Scroll with me, away to the right, as I list
out all of the long answers to the
meaning of life accessible only to those that can scroll,
scroll, scroll...</h1>

</body>
</html>

HTML Lekcija 3

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Lekcija 3

Uploaded by

Copyright:

Available Formats

FORMATIRANJE TEKSTA

OVO JE CENTRIRAN TEKST

Kod koji prikazuje gornji primer je:

Dobija se slede i rezultat

Primeri za rad u laboratoriji

Primer 1. Rad sa fontovima.

You might also like