Prilikom izrade web stranice pomoću HTML-a, oznaka slike se koristi za umetanje fotografije ili grafike na određeno mjesto na stranici. Postoji mnogo načina na koje se slike mogu koristiti na web stranicama, od dodavanja interesa do korištenja kao alata za navigaciju ili za pružanje informacija. Također postoji nekoliko različitih formata slika koji se mogu koristiti. Bez obzira na to kako ili koja slika se dodaje na web stranicu, oznaka slike je uvijek potrebna.
Da biste dodali sliku, oznaka slike je uključena tamo gdje želite da se slika pojavi na vašoj stranici. Na primjer, ako bi se slika umetnula iza ovog odlomka, oznaka slike ili , će biti dodan u HTML dokument nakon ovog odlomka. Oznaka definira sve slike u HTML-u. Naziva se praznom oznakom jer sadrži atribute i nema završnu oznaku. Atributi su opcije koje su dostupne za određenu HTML oznaku.
Samo ako su dodani u HTML dokument, ništa se neće prikazati jer atributi oznake nisu uključeni. Najvažniji atribut za je “src”, što je kratica za izvor. Atribut src navodi gdje se slikovna datoteka zapravo nalazi ili je to adresa slikovne datoteke. Kako se slika koristi na web stranici, lokacija slike bit će navedena kao URL. Unutar HTML dokumenta slika bi izgledala ovako: .
Konkretno, URL upućuje na mjesto na kojem je slika pohranjena. Na primjer, ako je slika računala s imenom datoteke computer.jpg pohranjena u mapu slika na www.wisegeek.com, URL bi bio zamijenjen sa: . Kada preglednik otvori web stranicu, prikazuje sliku na kojoj je uključena oznaka slike.
Oznaka slike ima niz drugih različitih atributa. Omogućuju korisniku da prilagodi kako slika izgleda na stranici. Sljedeći atributi se obično koriste za ovu oznaku: alt, border, size i align.
Atribut alt označava alternativni tekst i prikazuje se ako preglednik ne može prikazati sliku. Također, alternativni tekst se čita za one korisnike koji imaju vizualne izazove i odluče prikazati tekst preko slika. Za gornji primjer, alternativni tekst bi se mogao navesti kao alt=”slika računala”.
Atribut border dodaje obrub slici čija debljina ovisi o broju navedenih piksela. Ovo može biti posebno korisno kada su pozadina slike i pozadina web stranice slične, a poželjna je jasna razlika. Na primjer, border=”10″ će postaviti obrub debljine 10 piksela oko slike.
Atributi veličine su također važni jer se širina i visina mogu koristiti za određivanje točne veličine slike. Ove atribute treba koristiti vrlo pažljivo, jer njihova promjena može utjecati na proporcije ili kvalitetu prikazane slike. Atributi veličine ne mijenjaju stvarnu datoteku, samo način na koji je preglednik prikazuje.
Atribut align određuje kako je slika poravnata u usporedbi s tekstom na stranici. Postoji nekoliko različitih izbora za ovaj atribut, uključujući gornji, donji, srednji, lijevo, desno, absmiddle, absbottom, baseline i texttop. Ove oznake također pomažu odrediti kako je tekst na stranici usklađen sa slikom.