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

Najnovija HTML specifikacija omogućava da se skoro sve može uključiti u HTML dokument kao npr: Java apleti, ActivX kontrole, muzički fajlovi i drugi objekti. Ubacivanje ne tekstualnih medija u dokument datira još iz HTML 2.0 kada je omogućeno ubacivanje slika pomoću <IMG> elementa.

IMG element

Element <IMG> drugi je po važnosti element (posle anchor elementa) jer WEB nebi bio danas to što jeste da nema slika.

Netscape i Mosaic (i većina drugih Web čitača) podržaće samo upotrebu .GIF i .JPG slika ( Netscape podržava i upotrebu progresivnih JPEG slika) u HTML dokumentima. Kod Netscape Communicatora lista se može proširiti ugrađivanjem formata slika zajedno sa dokumentom, ali korisnik mora da ima instalirane plag-in module na svom sistemu koji omogućavaju prikaz tih formata.

Internet Explorer podržava korišćenje .GIF, .JPG, progresivnih JPEG slika, .PNG (Portable Network Graphics) slike i .BMP fajlove.

Netscape i Internet Explorer sada u potpunosti podržavaju GIF89a format, koji omogućava korišćenje animiranih GIF slika u HTML dokumentima.

Preporuka je da se .GIF format koristi za ikone a .JPG za skenirane slike u istom ili nekom drugom katalogu. Treba biti umeren oko broja i veličine slika jer znatno utiču na brzinu učitavanja sajta.

Pored gore navedenih atributa IMG tag podržava i zajedniče atribute.

Obavezno pri unosu slika unesite i njivu širinu (WIDTH) i dužinu (HEIGHT) jer ubrzava učitavanje tako što Web čitača ne mora da troši vreme na izračunavanje tih podataka. Pored toga najvažniji atribut je ALT koji ispsuje tekst umesto slike dok se ona ne učita (vrlo korisno ako se slike koriste kao reference ka drugim dokumentima).

Kod:	U Web čitaču:
<img src="slika.gif" width=161 height=151 border=1 alt="MS web autor">

Ako se slika nalazi u drugom katalogu treba navesti relativnu putanju:

Refernce ka slikama na drugom računaru izbegavajte zbog brzine i efikasnosti rada. Slike se veoma lepo koriste za referenciranje drugih dokumenata ako se izmedju krajeva referenci na drugom dokumentu stavimo prikaz slike, klikom na sliku dobijamo referencirani dokument.

Pomoću BORDER atributa zadajemo okvir slike u pikselima, ukoliko je slika referncirana kao u prethodnom primeru poželjno je da border bude postvljan na nulu da se nebi pojavio plavi okvir oko nje koji ukazuje da je slika referncirana na neki dokument.

Atribut LOWSRC služi za unošenje surogat-slike u niskoj rezoluciji, koja će zameniti "pravu" sliku dok traje prenos, doduše malo sajtova se može pohvaliti ovom opcijom.

Slike se tretiraju kao tekst: sliku možete da ubacite u neki red teksta, pa ako je njena visina veća od visine slova, prored će se povećati pa je na web dizajneru puno posla. Ako se ne naglasi, tekst koji sledi iza slike se prikazuje se ispod slike.

Atributom ALIGN možemo da se tekst pojavljuje sa leve ili desne strane slike. ALIGN ima vrednost left, right, middle, top i bottom. 

Ako je poravnjavanje ulevo, slika ide na levu stranu a tekst desno od nje. A prilikom poravnjavanja udesno slika se prikazuje na desnoj ivici ekrana a tekst ide u levo. Pomoću MIDDLE vrednosti atributa ALIGN centriramo sliku unutar linije sa tekstom.

Atributima VSPACE i HSPACE kontrolišemo vertikalni prostor iznad i ispod slike tj. horizontalni ispred i iza slike. Vrednosti se postvljaju u pikselima. Ovo je dobro ukoliko se vrši poravnjavanje teksta sa slikom, jer omogućava razdvajanje teksta i slike.

Ponekad je potrebno stavljanje velike količine slika na web (katalozi proizvoda) koje predstavljaju kvalitetne fotografije pa im je veličina poveća. Pa se vrši pravljenje umanjenih sličica (thumbnail) koje predstavljaju linkove ka orginalima - male slike su obično dovoljne da se sazna o čemu se radi.

Puno malih slika se sporo učitavaju, jer se učitava jedna po jedna slika, naizmenično, dok se sve ne učitaju. Ovo pravilo je naročito korisno za slike u kojima se nalazi samo tekst. Treba naći kompromisno rešenje. Slike nebi trebalo da budu veće od 600x300 piksela. U jednom pozivu HTTP portokul učitava po četri GIF slike pa vodite računa o broju.

Učitavanje slika u pozadini "preloading images"
ova thenika omogućava da se slike učitavaju zajedno sa HTML dokumentom. Web čitaču kešira ove slike (sinima ih na računar korisnika) i odmah prikaže i kada se koriste na drugim stranama. Ovo se izvodi pomoću JavaScripta-a:

# 1 Prvi korak se sastoji u ubacivanju JavaSkript koda u okvir HEAD elementa (Koristite isprvna imena fajlva kao i putanje!):

# 2 Drugi korak je unos slika u HTML dokument sa istim imenima i putanjama: 

Savet: Velike slike najbolje je da je podelite u više segmenta, i da ih ponovo spojite pomoću nevidljivih tabela na Web stranici. Njihovo kombinovanje sa tekstom i bojama doneće prave rezultate. Danas postoje mnogi programi koji automatski mapiraju, seku i proizvode potreban HTML kod za ovakav prikaz slika.

Drugi ne tekstualni sadržaji se ubacuju pomoću tagova : <APPLET> element uključuje Java apleta, <OBJECT> uključuje ActiveX kontrole i druge objekte, <BGSOUND> omogućava ubacivanje muzičkih fajlova a <EMBED> ugrađuje skoro sve tipove fajlova kroz Netscape dodatke (plug-in).

EMBED

EMBED element omogućava ugrađivanje objekata bilo kog tipa u HTML dokument, pri tome korisnik mora posedovati aplikaciju na svom sistemu koja omogućava pregled datih objekata, ili da poseduje plug-in (za Netscape i Internet Explorer) za za pregled datih objekta.

<EMBED> element je sličan <IMG> elementu pa nasleđuje iste atribute kao što su ALIGN, ALT, BORDER, WIDTH, HEIGHT, HSPACE, VSPACE i NAME(za refernciranje ugrađenog objekta kroz skript)

Plug-ins Netscape plug-ins make use of the <EMBED> element. Essentially, plug-ins are dynamic code modules which are associated with a MIME data type that the Netscape client has no native support for. 

When Netscape encounters an unknown data type from a server, it will search for a plug-in that is associated with that MIME type and load it, enabling viewing/transforming of the data object. 

Mnogi atributi ovog elementa zavise od dodatka(plug-in), ali poseduje i standardne atribute za rad sa dodacima:

Za ubacivanje VRML datoteka jednostavno u okviru taga referencirate datu datoteku

Web čitači će da povežu datu datoteku sa dodatkom koji omogućava pregled VRML-a.

BGSOUND

<BGSOUND> element omogućava da se pušta muzika u .WAV, .AU i .MID format. Muzički fajl koji želimo da pustimo navodi se kao vrednost atributa SRC. 

Pomoću atributa BALANCE podešavamo jačinu zvuka "stereo balance" i poprima vrednosti između '-10000' i '10000'. 

Atributom LOOP podešavamo koliko se puta ponavlja muzička numera. Ukoliko se LOOP atribut postavi na -1 ili INFINITE muzička numera se nonstop vrti. 

Atributom VOLUME podešavamo jačinu između '-10000' i 0 , pri čemu je 0 maksimalna jačina tj. jačina će biti 100% prema podešavanju jačine zvuka na korisnikovom sistemu. <BGSOUND SRC="../Dynamic_Documents/clouds.mid"> 

Ovaj element podržava samo Internet Explorer ali isti efekat se postiže korišćenjem EMBED elementa.

• XHTML
• XML
• CSS
• Slike
• Web čitači

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