Yra skirtumas tarp įterpiant vaizdą į tinklo puslapis ir padaryti tą vaizdą spustelėjamą nuorodą. nors HTML yra panašus, nuoroda remiasi inkaras elementas, o paveikslėlyje naudojamas img elementas. Tačiau vaizdas gali įlįsti į inkarą, todėl tą vaizdą galima spustelėti kaip nuorodą.
Vaizdų įterpimas į inkaro elementus
Dažnas vaizdais pagrįstos nuorodos naudojimas yra svetainės logotipas, kuris vėliau susiejamas su svetainės pagrindiniu puslapiu.
Štai kaip įdėsite nespustelėjamą vaizdą į HTML dokumentą:
Norėdami paversti vaizdą nuoroda, pridėkite inkaro saitą, atidarydami inkaro elementą prieš vaizdą ir uždarydami inkarą po atvaizdu. Ši technika yra panaši į tai, kaip susiejate tekstą, išskyrus tai, kad užuot įvedę žodžius, įvyniojate vaizdą:
Kai prie savo puslapio pridedate tokio tipo HTML, nedėkite tarpų tarp inkaro žymos ir vaizdo žymos. Jei tai padarysite, kai kurios naršyklės šalia paveikslėlio pridės mažai erkių, kurios atrodys keistai.
Logotipas dabar veikia ir kaip pagrindinio puslapio mygtukas, kuris šiais laikais yra beveik interneto standartas.
Atkreipkite dėmesį, kad į HTML žymėjimą neįtraukiame jokių vaizdinių stilių, tokių kaip vaizdo plotis ir aukštis. Paliksime šiuos vaizdinius stilius CSS ir išlaikysime aiškų HTML struktūros ir CSS stilių atskyrimą.