Je rozdiel medzi vložením obrázka do a webstránka a urobiť z tohto obrázka klikateľný odkaz. Napriek tomu HTML je podobný, odkaz sa spolieha na Kotva prvok, zatiaľ čo obrázok používa znak obr element. Obrázok sa však môže vnoriť do ukotvenia, vďaka čomu na neho bude možné kliknúť ako na odkaz.
Vkladanie obrázkov do ukotvovacích prvkov
Bežné použitie obrázkového odkazu je grafika loga webu, ktorá sa potom prepojí späť na domovskú stránku webu.
Tu je príklad, ako by ste mohli umiestniť neklikateľný obrázok do dokumentu HTML:
Ak chcete transformovať obrázok na odkaz, pridajte kotvový odkaz, otvorte kotviaci prvok pred obrázkom a zavrite kotvu za obrázkom. Táto technika je podobná postupu pri spájaní textu, ibaže namiesto zalamovania slov zalomíte obrázok:
Keď na svoju stránku pridáte tento typ kódu HTML, nedávajte medzi kotviacu značku a značku obrázka medzery. Ak tak urobíte, niektoré prehliadače pridajú vedľa obrázka malé začiarknutia, ktoré budú vyzerať čudne.
Logo teraz slúži aj ako tlačidlo domovskej stránky, čo je v dnešnej dobe skoro webový štandard.
Všimnite si, že do našich značiek HTML nezahŕňame žiadne vizuálne štýly, napríklad šírku a výšku obrázka. Tieto vizuálne štýly prenecháme CSS a budeme udržiavať čisté oddelenie štruktúry HTML a štýlov CSS.