Како повезати слику на вашу веб страницу

Постоји разлика између уметања слике у веб страна и чинећи ту слику кликом на везу. иако ХТМЛ је слично, веза се ослања на сидро елемент док слика користи имг елемент. Међутим, слика се може угнездити у сидро, чинећи ту слику кликом на везу.

Уметање слика у сидрене елементе

Уобичајена употреба везе засноване на слици је графички логотип веб локације, који се затим враћа на почетну страницу веб локације.

Ево како бисте у ХТМЛ документ поставили слику на коју није могуће кликнути:

Лого наше компаније

Да бисте слику трансформисали у везу, додајте везу сидра, отворивши елемент сидра пре слике и затворивши сидро после слике. Ова техника је слична начину повезивања текста, осим што уместо умотавања речи умотате слику:

Лого компаније

Када на ову страницу додате ову врсту ХТМЛ-а, не стављајте размаке између ознаке сидра и ознаке слике. Ако то учините, неки прегледачи ће додати слике поред слике, што ће изгледати чудно.

Логотип сада делује и као дугме за почетну страницу, што је данас прилично стандардни веб стандард.

Приметите да у наше ХТМЛ ознаке не укључујемо ниједан визуелни стил, попут ширине и висине слике. Препустићемо ове визуелне стилове ЦСС-у и одржавати чисто раздвајање ХТМЛ структуре и ЦСС стилова.

instagram viewer