Kako povezati sliko na svojo spletno stran

click fraud protection

Obstaja razlika med vstavljanjem slike v Spletna stran in da ta slika postane klikljiva povezava. Čeprav je HTML je podobno, povezava temelji na sidro element, medtem ko slika uporablja img element. Vendar pa se slika lahko ugnezdi v sidru, zaradi česar jo je mogoče klikniti kot povezavo.

Vstavljanje slik v sidrne elemente

Pogosta uporaba povezave, ki temelji na sliki, je grafični logotip spletnega mesta, ki je nato povezan nazaj na domačo stran spletnega mesta.

Evo, kako bi v dokument HTML postavili sliko, ki je ni mogoče klikniti:

Logotip našega podjetja

Če želite sliko pretvoriti v povezavo, dodajte sidrno povezavo, tako da odprete sidrni element pred sliko in zaprete sidro za sliko. Ta tehnika je podobna načinu povezovanja besedila, le da namesto besed zavijete sliko:

Logotip našega podjetja

Ko na svojo stran dodate to vrsto HTML, med sidrno oznako in slikovno oznako ne postavljajte presledkov. V nasprotnem primeru bodo nekateri brskalniki poleg slike dodali majhne kljukice, kar bo videti čudno.

Logotip zdaj deluje tudi kot gumb za domačo stran, kar je danes v veliki meri spletni standard.

instagram viewer

Upoštevajte, da v našo oznako HTML ne vključujemo nobenih vizualnih slogov, na primer širine in višine slike. Te vizualne sloge bomo prepustili CSS-ju in ohranili čisto ločitev strukture HTML in slogov CSS.

instagram story viewer