Obrázky

Nyní se podíváme na další důležitou součást webových stránek. Obrázky. V minulé lekci jsme viděli, že existuje speciální prvek br, který se skládá pouze z otevíracího tagu. Obrázek je dalším takovým prvkem. Obrázek se tvoří následovně:

<img src="odkaz-na-obrazek">

Jak vidíme tak obrázek vytvoříme pomocí prvku img, s atributem src, kde hodnota tohoto atributu je odkaz na obrázek. Podobně jako u hypertextových odkazů (prvku a) můžeme využívat jak absolutních, tak i relativních odkazů.

Říkali jsme si, že když odkaz vypadá následovně ./pes.html, tak ./ znamená ve složce, ve které je tento HTML soubor najdi následující soubor: pes.html

Relativní odkaz ale může začínat i bez tečky například: /pes.html. Bez tečky to znamená najdi v kořenové složce projektu soubor pes.html.