Kuvan lisääminen a: hon on erilainen Nettisivu ja siitä kuvasta napsautettava linkki. vaikkakin HTML on samanlainen, linkki riippuu ankkuri -elementti, kun kuva käyttää img elementti. Kuva saattaa kuitenkin sijoittua ankkuriin, jolloin kuva on napsautettavissa linkkinä.
Kuvien lisääminen ankkurielementteihin
Kuvapohjaisen linkin yleinen käyttö on sivuston logokuvio, joka linkitetään sitten takaisin sivuston kotisivulle.
Näin sijoitat kuvan, jota ei voi napsauttaa, HTML-dokumenttiin:
Jos haluat muuntaa kuvan linkiksi, lisää ankkurilinkki avaamalla ankkurielementti kuvan edelle ja sulkemalla ankkuri kuvan jälkeen. Tämä tekniikka on samanlainen kuin tekstin linkittäminen, paitsi että kääräät sanojen sijaan kuvan:
Kun lisäät tämän tyyppisen HTML-koodin sivullesi, älä laita välilyöntejä ankkuritunnisteen ja kuvatunnisteen väliin. Jos teet, jotkut selaimet lisäävät pieniä punkkeja kuvan viereen, mikä näyttää oudolta.
Logo toimii nyt myös kotisivupainikkeena, joka on nykyään melko paljon verkkostandardi.
Huomaa, että emme sisälly HTML-merkintäämme mitään visuaalisia tyylejä, kuten kuvan leveyttä ja korkeutta. Jätämme nämä visuaaliset tyylit CSS: n tehtäväksi ja pidämme HTML-rakenteen ja CSS-tyylit selkeästi erillään.