Obrázek jako odkaz
Jistě jste už narazili na obrázek, který je zároveň odkazem. Například na YouTube vás kliknutí na obrázek videa přenese na stránku s daným videem. Podívejme se, jak toho docílit.
<a href="adresa">
<img src="adresa-obrazku" alt="Popis obrázku">
</a>Je to jednoduché: obrázek vložíme do prvku a, takže se stane dítětem odkazu. Kliknutí na obrázek pak funguje stejně jako kliknutí na text odkazu.
Stejně můžeme udělat odkaz i z jiných HTML prvků: stačí je vložit do prvku a.
Jak psát:
<
Alt Gr + ,
>
Alt Gr + .
/
Shift + ú
"
Shift + ů
Pokyny
Obalte obrázek koček novým odkazem: hned před prvek img napište otevírací tag <a href="https://cs.wikipedia.org/wiki/Kočka_domácí"> a hned za něj zavírací tag </a>.
Přidejte tomuto novému odkazu atribut target s hodnotou _blank, aby se otevíral v nové záložce.
Začněte programovat zdarma
8/12