Obrázky jsou nedílnou součástí každého úspěšného webu
K jejich zapsání slouží nepárová značka <img>
Celý zápis vypadá takto:
<img src="cesta+jméno obrázku(i s příponou)">
Můžeme použít obrázek buď z vašeho počítače, tím pádem musíme napsat i cestu k danému obrázku,
nebo můžeme použít obrázek z webu, to musíme do "src" napsat/opsat kompletní url daného obrázku
Kód:
Cesta:
Pokud by se obrázek nacházel ve stejné složce jako daný HTML dokument, stačí napsat pouze jméno obrázku s příponou
!!Nezapomínejte, ke jménu daného obrázku musíme dát i příponu!!
př.: obrázek.jpg
Výsledek:
Kód:
Cesta:
Výsledek:
Tento atribut je využit, pokud se obrázek z nějakého obrázku nezobrazí. Místo obrázku se tedy zobrazí obsah tohoto atributu
Píše se dovnitř značky <img> hned po zdroji("src")
Zápis vypadá takto:
<img src="obrázek.jpg" alt="Popis obrázku">
Kód:
Výsledek:
Obrázek jde použít i jako odkaz
K jeho úspěšnému napsání potřebujeme spojit značky <a> a <img>
Celý zápis vypadá takto:
<a href="url"><img src="cesta+jméno obrázku(i s příponou)" alt="Popis obrázku"></a>
Kód:
Výsledek:
Po klinutí na odkaz se nám ukáže domovská stránka wikipedie
Pokud chceme popsat obrázek, vložíme dovnitř značky atribut "title"
Kód:
Výsledek:
Po najetí na obrázek se vám ukáže daný popisek
V dalším díle se naučíme dělat tabulky