Slike mogu poboljšati izgled web stranice razbijanjem teksta i dodavanjem vizualnog interesa. Slike koje su vidljive na web stranici zapravo su poveznice na internu ili udaljenu sliku. Drugim riječima, slike su druga datoteka, ili na istom poslužitelju kao web stranica ili na udaljenom poslužitelju. Da biste sliku postavili unutar web stranice, morate reći pregledniku gdje je treba potražiti. Te su informacije smještene u ""oznaka s atributom" src ".
Stvaranje slike
Ako se vaša slika nalazi na web poslužitelju koji hostira vašu web stranicu, možete samo dodati ime slike u oznaku poput: Međutim, ako se vaša slika nalazi na udaljenom poslužitelju, morate postaviti vezu na sliku u oznaka poput:
Bez obzira koristite li lokalnu ili udaljenu sliku, postoje neki atributi pomoću kojih možete poravnati sliku na stranici. Atribut "align" koristi se za horizontalno poravnavanje slike. Vrijednosti mogu biti "desno", "lijevo" ili središte. Na primjer, za postavljanje udaljene slike na desnu stranu stranice, HTML kôd bi bio:
Atribut "valign" koristi se za vertikalno poravnavanje slike na zaslonu. Vrijednosti mogu biti "gornja", "donja" i "središnja". Da biste poravnali gornji primjer na gornjoj desnoj strani zaslona, kôd bi bio:
Drugi atribut je atribut "alt". To se koristi za postavljanje teksta na mjesto na kojem bi slika trebala biti ako posjetitelj koristi web preglednik zasnovan na tekstu ili ako je veza do slike prekinuta. Atribut "alt" koristi se na sljedeći način:
Napokon, možete dodati da slika postane hiperveza dodavanjem oznake "". To posjetiteljima omogućuje da kliknu na sliku koja će se odvesti na udaljenu stranicu ili na samu fotografiju. HTML kôd za stvaranje slike s hipervezom je: