Kuidas oma veebisaidil pilti linkida

Pildi sisestamisel a-le on vahe veebileht ja sellest pildist klõpsatav link. kuigi HTML on sarnane, tugineb link ankur samal ajal kui pilt kasutab img element. Pilt võib aga ankrus pesitseda, muutes selle pildi lingina klõpsatavaks.

Piltide sisestamine ankurelementidesse

Pildipõhise lingi tavaliseks kasutuseks on saidi logo graafika, mis seejärel lingitakse tagasi saidi avalehele.

HTML-dokumenti paigutate mitteklõpsatava pildi järgmiselt.

Meie ettevõtte logo

Kujutise muutmiseks lingiks lisage ankurlink, avades ankurelemendi pildi ees ja sulgedes ankur pildi järel. See tehnika sarnaneb teksti linkimise viisiga, välja arvatud see, et sõnade pakkimise asemel murrate pildi:

Meie ettevõtte logo

Kui lisate oma lehele seda tüüpi HTML-i, ärge pange ankrumärgendi ja pildimärgendi vahele tühikuid. Kui te seda teete, lisavad mõned brauserid pildi kõrvale väikesed puugid, mis näevad välja veider.

Logo toimib nüüd ka kodulehe nupuna, mis on tänapäeval üsna veebistandard.

Pange tähele, et me ei sisalda oma HTML-märgistuses visuaalseid stiile, näiteks pildi laiust ja kõrgust. Jätame need visuaalsed stiilid CSS-i hooleks ja säilitame HTML-struktuuri ja CSS-stiilide puhta eraldamise.

instagram viewer