Különbség van a kép beszúrása között a honlap és kattintható linkké téve azt a képet. Habár a HTML hasonló, egy hivatkozás egy horgony elemet, míg egy kép a img elem. Egy kép azonban beágyazódhat egy horgonyba, így linkként kattinthatóvá válik.
Képek beszúrása a horgonyelemekbe
A képalapú hivatkozások általános használata a webhely logó grafikája, amelyet azután visszakapcsolnak a webhely kezdőlapjára.
Így helyezhet el egy nem kattintható képet a HTML-dokumentumba:
A kép hivatkozássá alakításához adja hozzá a horgonyhivatalt, nyitva a horgonyelemet a kép előtt, és zárva a horgonyt a kép után. Ez a technika hasonlít a szöveg linkeléséhez, azzal a különbséggel, hogy a szavak becsomagolása helyett a képet becsomagolja:
Amikor ilyen típusú HTML-t ad az oldalához, ne tegyen szóközt a horgonycímke és a képcímke közé. Ha így tesz, néhány böngésző kis pipákat ad a kép mellé, amelyek furcsának tűnnek.
A logó ma már kezdőlap gombként is működik, ami manapság nagyjából webes szabvány.
Ne feledje, hogy a HTML-jelölőnkbe semmiféle vizuális stílust, például a kép szélességét és magasságát nem tartalmazzuk. Ezeket a vizuális stílusokat a CSS-re bízzuk, és fenntartjuk a HTML-struktúra és a CSS-stílusok tiszta elválasztását.