Postoji razlika između umetanja slike u web stranicu i čineći tu sliku klikom na vezu. iako HTML je slično, veza se oslanja na sidro element dok slika koristi img element. Međutim, slika se može ugnijezditi unutar sidra, čineći je slikovnom kao vezu.
Umetanje slika u sidrene elemente
Uobičajena upotreba veze koja se temelji na slici je grafički logotip web stranice, koji se zatim vraća na početnu stranicu web stranice.
Evo kako biste u HTML dokument postavili sliku koja se ne može kliknuti:
Da biste sliku pretvorili u vezu, dodajte vezu sidra, otvorivši element sidra prije slike i zatvorivši sidro nakon slike. Ova je tehnika slična načinu povezivanja teksta, osim što umjesto umotavanja riječi omotate sliku:
Kada na ovu stranicu dodate ovu vrstu HTML-a, ne stavljajte razmake između oznake sidra i oznake slike. Ako to učinite, neki će preglednici dodati slike pored slike, što će izgledati neobično.
Logotip sada djeluje i kao gumb početne stranice, što je danas prilično velik web standard.
Primijetite da u naše HTML oznake ne uključujemo vizualne stilove, poput širine i visine slike. Te ćemo vizualne stilove prepustiti CSS-u i održavati čisto razdvajanje HTML strukture i CSS stilova.