SveZaWeb : Kreiranje Web-a : HTML Uputstvo [ HTML Atributi ]

Free Web space and hosting from dzaba.com


SveZaWeb		Web Design + Development Tutorials and Articles		EMail \| Pretraga \| Rečnik

Kreiranje

Poslednja izmena: 19.04.2003. g.

		Početna strana : Kreiranje : HTML Zajednički atributi

HTML

Uvod
Istorija HTML-a
Sintaksa
Entiteti
Karakteri
Struktura
Meta podaci
Zajednički atributi
Događaji
Formatiranje
Povezivanje
Multimedija

HTML Primeri
HTML Boje
HTML Znakovi
HTML Indeks

Po HTML 4.0 specifikaciji skoro svi HTML elementi podržavaju jedan skup zajedničkih atributa (Common Attributes) a to su :

ID
CLASS
STYLE
TITLE
LANG
DIR

Ovi atributi omogućavaju lako povezivanje elemenata sa stilovima i skriptovima, definisanja lokalnog jezika kao i mnoge skript događaje.

ID atribut

Atribut ID postvlja jedinstveni identifikator za element u dokumentu. Nemogu postojati dva elementa sa istom vrednošću ID atributa u jednom dokumentu. U sledećem primeru ID atribut se koristi da identifikuje koji paragraf je prvi a koji drugi u dokumentu:

<P ID=prvi>Moj prvi paragraf.</P>
<P ID=drugi>Moj drugi paragraf.</P>

Pragrafi u ovom primeru mogu da korz ID atribut povežu sa stilom definisanom u stil šemi (Cascading Style Sheet):

P#prvi {
color: navy;
background: transparent
}
P#drugi {
color: black;
background: transparent
}

Takođe ID atribut koristi se da obezbedi jedinstveno ime za HTML element kako bi mu se moglo pristupiti kao objektu iz scripta.

alert(prvi.innerText); //Direktno

ili

alert(document.all("prvi").innerText); //Preko kolekcije elemenata

CLASS atribut

Atribut CLASS se koristi za povezivanje elementa sa pravilima definisanim u šemi stilova. Npr:

<DIV CLASS=navbar>
<P><A HREF="/">Home</A> | <A HREF="./">Index</A> | <A HREF="/search.html">Search</A></P>
<P><A HREF="/"> <IMG SRC="logo.gif" ALT="SveZaWeb Logo"></A></P>
</DIV>

U ovom primeru koristimo CLASS atribut kako bi povezali stil sa elementom:

.navbar {
margin-top: 2em;
padding-top: 1em;
border-top: solid thin navy
}

.navbar IMG { float: right }

@media print {
.navbar { display: none }
}

STYLE atribut

Atribut STYLE omogućava da se navedi stil u okviru samog elementa tj. van okvira šeme stilova na primer:

<P>Popularni font za čitanje preko ekrana monitora je
<SPAN STYLE="font-family: Verdana">Verdana</SPAN>.</P>

Kada se STYLE atribut koristi potrebno je da se postavi style sheet language pomoću META taga na sledeći način:

Preporučujemo vam upotrebu CLASS ili ID atributa za postvljanje stilova u odnosu na STYLE pošto ID i CLASS mogu da se primene na različite medije i obezbeđuju odvajanje sadržaja i formatiranja prikaza.

TITLE atribut

Atribut TITLE obezbeđuje naslov za element i implementiran je kao "tooltip" u Web čitačima. Primena ovog atributa mnogo koristi kod referenciranja, slika itd. a koriste ga i mnogi pretraživači. Koristite ovaj atribut na svakom mestu.

<A HREF="mailto:milan@pexim.net" TITLE="Pošalji te mail autoru sajta">milan@pexim.net</A>

<LINK REL=Alternate HREF="index.fr.html" HREFLANG=fr
LANG=fr TITLE="Version francaise">
<OBJECT CLASSID="java:Yahtzee.class" CODETYPE="application/java"
WIDTH=400 HEIGHT=250 STANDBY="Ready to play Yahtzee?"
TITLE="My Yahtzee Game">
<IMG SRC="yahtzee.gif" ALT="A Yahtzee animation picture" TITLE="A Yahtzee animation">
Yahtzee is my <EM>favorite</EM> game!
</OBJECT>

LANG atribut

Atribut LANG definiše jezik za sadržaj elementa uključujiući i ostale HTML elemente koji se nalaze u njemu a nije naveden atribut LANG. Ovaj atribut je veom zanačajan za pretraživače interneta.

Vrednosti atributa su definisani prema specifikaciji RFC 1766, evo nekoliko primera: sr za Srpski, en za Engleski, en-US za Američki engleski.

Korišćenjem LANG atributa omogućava vam i lako menjanje stila sadržaja zavisno od jezika. Osnovni jezik HTML dokumenta se postvlja korišćenjem LANG atributa kod HTML elementa ili korišćenjem Content-Language u HTTP zaglavlju pomoću meta tagova.

DIR atribut

Atribut DIR definiše smer ispisivanja teksta i može imati vrednosti s leva na desno left-to-right (DIR=ltr) koji je unapred već postavljen ili s desno u levo right-to-left (DIR=rtl), npr. za hebrejski jezik.

Događaji u Web čitaču

Broj atributa koji definišu klijentski skript je zajednički za većinu elemenata. Vrednost atributa je ili poziv funkcije ili pet kratkih komandi koji se izvršavaju pošto se događaj desi.

Kada se koristi atribut za događaj potrebno je da se definiše osnovni script jezik:

Mogući događaji su sledeći:

ONCLICK, kada je nad elementom pristisnuto dugme na mišu
ONDBLCLICK, kada je nad elementom načinjen dvostruki klik na mišu
ONMOUSEDOWN, kada se nad elementom drži pritisnuto dugme na mišu
ONMOUSEUP, kada se nad elementom pusti dugeme na mišu
ONMOUSEOVER, kada se pređe mišem preko elementa
ONMOUSEMOVE, kada se miš pomeri u okviru elementa
ONMOUSEOUT, kada se mišem pomeri sa elementa
ONKEYPRESS, kada se pritisne tipka nad elementom
ONKEYDOWN, kada se drži pritisnut taster nad elementom
ONKEYUP, kada se pusti taster nad elementom

Napomenimo još jednom da su ovi atributi zajednički za skoro sve elemente i da se veoma upotrebljivi jer omogućuju proširenje funkcionalnosti samih Web dokumenata.

Meta podaci

Povratak na početak

Formatiranje

Slične teme

Prijavite se na naš informator

[ Informator ]

»» Preporuči prijatelju

Pomoć!

Trudimo se da SveZaWeb bude koristan i ispravan, međutim uvek postoje greške, molimo Vas da nam pomognete kako bi ih ispravili.

Javi te se : webmaster@
svezaweb.dzaba.com

Najbolji pregled u 800*600 sa najpopulanijim browser-ima

Razvoj

Dizajn

Kreiranje

Panorama

Usluge