Je rozdíl mezi vložením obrázku na a webová stránka a udělat z tohoto obrázku klikatelný odkaz. Ačkoliv HTML je podobný, odkaz se spoléhá na Kotva prvek, zatímco obrázek používá obr živel. Obrázek se však může vnořit do ukotvení, takže na tento obrázek lze kliknout jako na odkaz.
Vkládání obrázků do kotevních prvků
Běžným používáním odkazu založeného na obrázcích je grafika loga webu, která je poté propojena zpět na domovskou stránku webu.
Tady je způsob, jak umístit neklikatelný obrázek do dokumentu HTML:
Chcete-li transformovat obrázek na odkaz, přidejte kotevní odkaz, otevřete kotevní prvek před obrázkem a zavřete kotvu za obrázkem. Tato technika je podobná tomu, jak propojujete text, kromě toho, že místo zalomení slov zabalíte obrázek:
Když na stránku přidáte tento typ kódu HTML, nedávejte mezi značku ukotvení a značku obrázku žádné mezery. Pokud tak učiníte, některé prohlížeče přidají vedle obrázku malá zaškrtnutí, která budou vypadat divně.
Logo nyní funguje také jako tlačítko domovské stránky, což je v dnešní době do značné míry webový standard.
Všimněte si, že do našich značek HTML nezahrnujeme žádné vizuální styly, například šířku a výšku obrázku. Tyto vizuální styly necháme na CSS a zachováme čisté oddělení struktury HTML a stylů CSS.