Постоји разлика између уметања слике у веб страна и чинећи ту слику кликом на везу. иако ХТМЛ је слично, веза се ослања на сидро елемент док слика користи имг елемент. Међутим, слика се може угнездити у сидро, чинећи ту слику кликом на везу.
Уметање слика у сидрене елементе
Уобичајена употреба везе засноване на слици је графички логотип веб локације, који се затим враћа на почетну страницу веб локације.
Ево како бисте у ХТМЛ документ поставили слику на коју није могуће кликнути:
Да бисте слику трансформисали у везу, додајте везу сидра, отворивши елемент сидра пре слике и затворивши сидро после слике. Ова техника је слична начину повезивања текста, осим што уместо умотавања речи умотате слику:
Када на ову страницу додате ову врсту ХТМЛ-а, не стављајте размаке између ознаке сидра и ознаке слике. Ако то учините, неки прегледачи ће додати слике поред слике, што ће изгледати чудно.
Логотип сада делује и као дугме за почетну страницу, што је данас прилично стандардни веб стандард.
Приметите да у наше ХТМЛ ознаке не укључујемо ниједан визуелни стил, попут ширине и висине слике. Препустићемо ове визуелне стилове ЦСС-у и одржавати чисто раздвајање ХТМЛ структуре и ЦСС стилова.