HTML priručnici
HTML Osnove
HTML Tablice
HTML Frames
HTML Forms
HTML Dugmad
HTML META Tags
HTML Resursi
HTML Tutoriali


   HTML Osnove
Predgovor
1. Osnovno
2. Uvod u HTML
3. Pozadina
4. Text
5. Slike
6. Linkovi
7. Popis
8. Raspored i HR
9. Marquee & Blink
10. Zvuk
11. Rezolucija
12. Kraj


Kontaktirajte nas...

Naručite CD

HTML Osnove

4. HTML Text (font tag i ostalo)


4.1. Općenito

Za unošenje texta u principu nije potreban nikakav poseban tag. Text jednostavno upisujemo u tijelo (body) dokumenta.
vidi stranicu     vidi code

No da li je baš sve tako jednostavno pitanje je sad amletovsko ???


4.2. Formatiranje texta

Kako sam text ne bi bio nekakva bezoblična masa potrebno ga je malo uobličiti.
Novi red postići ćemo sa break line <br>
vidi stranicu     vidi code

Sličan ovom tagu je tag <p> . Osim što skače u novi red on još i preskače jedan red .
vidi stranicu     vidi code

Poravnanje paragrafa izvodi se s <p align="XXX"> gdje XXX može biti LEFT, RIGHT ili CENTER
vidi stranicu     vidi code

Naš browser automatski prebacuje text u novi red kada je text duži od samog prozora. Da bi poništili ovo ponašanje koristi se <nobr> .
vidi stranicu     vidi code

Ako ipak poželimo prijeći u novi red između <nobr> tagova napisat ćemo <wbr> tag. Ovo kod nekih browsera ne radi pa ćemo jednostavno tada upotrijebiti <br> .
vidi stranicu     vidi code

Ukoliko želimo umjesto znaka, slova imati prazno mjesto upotrijebit ćemo &nbsp;
vidi stranicu     vidi code

Centriranje texta izvrši se sa <div align="center"> ili samo <center>. Poravnanje ulijevo nije potrebno posebno definirati jer svaki browser po defaultu ima takvo poravnanje. Udesno se text poravnava pomoću taga <div align="right"> .
vidi stranicu     vidi code

Određeni dio texta može biti uvučen sa lijeve strane. Istodobno se dobija i efekt kao kod <p> taga. To ćemo postići ako text smjestimo između <blockquote> tagova.
vidi stranicu     vidi code

Ukoliko želimo da text u browseru bude prikazan točno onako kako smo ga napisali upotrijebit ćemo <plaintext> tag. Pri tome neće doći do interpretacije code-a odnosno HTML tagova. Ovo je vrlo korisno ako želimo prikazati HTML code u našem browseru.
vidi stranicu     vidi code
Napomena: U IE5.5 neće raditi plaintext zatvarajući tag </PLAINTEXT> pa će zbog toga plaintext djelovati do kraja HTML dokumenta. Kod Mozilla 1.2 browsera takvih problema neće biti. To je zato što je ovaj tag zastario pa umjesto njega koristite <xmp> </xmp> .
vidi stranicu     vidi code

U ovu svrhu može se koristiti i <pre> tag s tom razlikom što dolazi do interpretacije HTML code-a. To je tzv. preformatirani text.
vidi stranicu     vidi code

Veoma važan tag je i <spacer> . Možemo ga zamisliti kao prozirni pravokutnik određene visine i širine koji se umeće kako bi između texta bili razmaci. Sintaxa je slijedeća:
<spacer type="block" width="60" height="30" align="center">
Međutim ovaj tag je zastario te vjerojatno neće raditi u vašem browseru.
vidi stranicu     vidi code


4.3. Bold, Italic, Underline, Strike ...

Podebljani text može se ostvariti na 2 načina: <b> ili <strong>
    Nakošeni text takođe na 2 načina: <i> ili <em>
    Podcrtani text pomoću <u>
    Precrtani text sa <strike> ili <s>
vidi stranicu     vidi code

Indexe (ab i ab) ćemo pisati pomoću <sup> i <sub> tagova.
vidi stranicu     vidi code

Text koji blinka ostvaruje se sa <blink> tagom. Važno je reći da ovaj tag većina novijih browsera više ne podržava pa vjerojatno u našem primjeru to nećete moći vidjeti. Mozilla 1.2 podržava ovaj tag dok ga Internet Explorer 5.5 ne podržava .
vidi stranicu     vidi code


4.4. Boja texta (font color)

Kod boje texta razlikujemo:
» boju običnog texta (crna ako drukčije ne definiramo TEXT atributom)
» boja linka (plava ako drukčije ne definiramo LINK atributom)
» boja posjećenog linka (definira se VLINK atributom)
» boja aktivnog linka (definira se ALINK atributom)

Svaki browser ima svoje predefinirane boje. Ukoliko želimo da naš HTML dokument određuje ponašanje browsera tada ćemo to učiniti ovako:
<body bgcolor="#989898" text="#E6EF51" link="#89FF92" vlink="#9E97FF" alink="#FF9999">

Boja texta može se promijeniti u svakom trenutku sa <font color="#8882DA">
vidi stranicu     vidi code


4.5. Veličina texta (font size)

Veličina texta definira se sa <font size="+3"> što je isto kao <font size=6> (vidi tablicu).
U slijedećem primjeru možete vidjeti koliko veličina vaš browser podržava.
vidi stranicu     vidi code

Najčešće je to 7 veličina koje su prikazane u tablici. Uočite da je svejedno da li ćete napisati -1 ili "-1" , ali nije svejedno "2" i 2.
1234567
"-2""-1""0""+1""+2""+3""+7"

Takođe veličine se mogu definirati tagovima <big> odnosno <small>. Kroz slijedeći primjer vidjet ćete da ako se <big> upotrijebi više puta uzastopno da će povećavati veličinu za jedan.
vidi stranicu     vidi code

Pri pisanju naslova koriste se heading tagovi i imaju veličine od 1 do 6 (<h1> , <h2> , <h3> , <h4> , <h5> i <h6>).
vidi stranicu     vidi code




4.6. Fontovi (font face)

Svaki browser ima svoje predefinirane (default) vrijednosti što se tiče veličine, boje i fonta. Te vrijednosti mogu se proizvoljno mijenjati u postavkama browsera. Web stranica kod koje nisu posebno definirana svojstva texta poprimit će svojstva koja se nalaze u postavkama browsera.
vidi stranicu     vidi code

Ukoliko striktno želimo da naša web stranica ima određeni font tada ćemo to uraditi pomoću FONT taga i njegova atributa FACE.    <font face="Arial">
Veoma važna stvar je da pri tome vaš browser mora podržavati dati font (u ovom slučaju Arial). No i ako ga ne bude podržavao text će biti prikazan u onom fontu koji smo definirali kao primarni u svom browseru.
vidi stranicu     vidi code      -> Mozilla fontovi (Linux browseri)
vidi stranicu     vidi code      -> Internet Explorer fontovi (Windows browser)

Kod određenih browsera (Mozilla, Galeon) javlja se 5 vrsta fontova koje možemo proizvoljno mijenjati. Ustvari te fontove možemo shvatiti kao nekakve font varijable, koje mogu poprimiti različite vrijednosti stvarnih fontova. To su Serif , Sans-serif , Cursive , Fantasy i Monospace . Ako npr. napišemo da je
<font face="Fantasy"> , a Fantasy u browseru podesimo na a.d. mono tada će text biti prikazan u a.d. mono fontu. Ako pak Fantasy podesimo na Arial tada će text biti prikazan u Arial fontu.
vidi stranicu     vidi code


Ako vam sve ovo nije previše jasno naručite svoj LINUX gdje imate Mozillu i Galeon browsere i isprobajte ... Ili naručite Firefox browser za Windowse.

Atribut FACE dozvoljava nam osim jednog fonta da navedemo više fontova (grupu fontova). U tom slučaju je prvi font koji napišemo primaran, a ostali su zamjenski. Npr. ako napišemo
<font face="arpad , flat , Courier"> tada će naš browser prvo tražiti font arpad . Ako ga ne podržava tada će tražiti flat. Ako ni njega ne podržava onda će pokušati sa Courier. Ako međutim ne podržava niti jedan od ova tri navedena fonta onda će browser za prikaz texta upotrijebiti font u njegovim postavkama koji smo definirali kao predefinirani (default font). Ovo je osnovna logika po kojoj rade svi browseri.
vidi stranicu     vidi code

Vrlo je zanimljiv font fixne dužine. Kod njega svako slovo zauzima istu količinu horizontalnog prostora. To postižemo sa <tt> Typewriter Tagom.
vidi stranicu     vidi code


4.7. Osnovni font (basefont)

Vjerojatno ste se pitali kako definirati osnovne postavke za text koje će se odnositi na cijeli text unutar naše web stranice. Rješenje je u <basefont> tagu.
Sintaxa mu glasi :
<basefont face="serif,Arial,Courier" size="2" color="#FF0000"
vidi stranicu     vidi code

Ovaj tag je poprilično zastario pa ga Mozilla 1.2 ne podržava. U tom slučaju morat ćete koristiti samo <font> ili CSS, no o CSS-u kasnije. IE5.5 podržava ovaj tag.


4.8. Specijalni znakovi u HTML -u

Ponekad će vam u životu zatrebati da napišete npr. < , > , µ ... itd. Slijedeće tablice prikazuje većinu specijalnih znakova (engl. & ampersand characters).
vidi tablice

Svaki znak može se napisati tako da se upotrijebi &#nnn gdje je nnn broj ASCII koda. Pogledajte tablicu .

Provjeru možete izvršiti pomoću posebnog programa :
Sasha's symbol translator


4.9. Komentar u HTML code -u

Ukoliko ne želimo da se neki tekst ne nađe na web stranici napisat ćemo komentar :
<!-- Ovo je komentar. -->


4.10. Buduće odrednice

Da se primjetiti kako većina ovih tagova je zastarjela te ih neki browseri više ne podržavaju (npr. basefont , wbr , blink ...). To ne znači da se više ne mogu postići ovi efekti. Jednostavno se po preporukama W3C-a danas više koristi CSS koji je mnogo flexibilniji i bogatiji. Zato će u budućnosti CSS sve više zamjenjivati zastarjele HTML tagove te će se razvoj ovog jezika vjerojatno kretati u ovom pravcu. Više o CSS-u možete naći u CSS priručniku .

I evo jednog primjera gdje je udrobljeno ponešto od onoga što ste do sada naučili .
vidi stranicu     vidi code

Text Oglasi Foto Oglasi Besplatne Stvari Besplatan Web Hosting Web Direktorij Dizajn