Základy stránky
Obrázky
Do webovej stránky nevkladáme obrázky priamo ale pomocou adresy URL, ktorá ukazuje umiestnenie, kde je grafický súbor uložený. Element <img /> nieje kontajnerový element. Tento element zobrazí obrázok presne na mieste kde je uvedený v HTML kóde.Element <img /> má dva povinné atribúty prvý je src (source), čiže umiestnenie obrázku. Druhý atribút je alt (alternative), ktorý vypíše hodnotu ak sa obrázok nedá zobraziť. Do atribútu píšeme adresu URL viac o adresách na ako zavesiť stánku na internet. Adresa môže vyzerať napríklad http://www.ycon.org/images/obrazok1.jpg/. Alebo skrátene images/obrazok1.jpg.
Príklad elementu <img />
<img src="images/obrazok1.jpg" alt="obrazok1" />
Zarovnanie obrázku ku textu
Zarovnávanie obrázku vykonávame atribútom align. Atribút align má 3 hodnoty: top – hore, middle – na stred, bottom – dole. Ak hodnotu align nezadáte tak je automaticky nastavená na hodnotu bottom.Príklad elementu <img /> s atribútom align
<img src=" images/obrazok1.jpg" alt="obrazok1" align="top"/>
<img src=" images/obrazok1.jpg" alt="obrazok1" align="middle"/>
<img src=" images/obrazok1.jpg" alt="obrazok1" align="bottom"/>
Zarovnanie obrázku ku stránke
Atribút align má ešte 2 ďalšie hodnoty, left - vľavo, right - vpravo. Tieto atribúty veľmi pekne skrášľujú stránku. Sú oveľa viac používanejšie ako atribúty top, middle, bottom.<img src=" images/obrazok1.jpg" alt="obrazok1" align="left"/>
<img src=" images/obrazok1.jpg" alt="obrazok1" align="right"/>
Šírka a výška obrázku
Ďalšie dva dôležité atribúty sú width (šírka), height (výška). Tieto atribúty nastavujú veľkosť obrázku. Tieto atribúty by vždy mali byť rovnaké ako veľkosť obrázka v skutočnosti.Hypertextový obrázok
Element <img /> sa môže používať aj ako odkaz viac v sekcii hypertextové odkazy. Pri použití elementu <a> vznikne okolo obrázku okraj(border). Ak nechceme takýto okraj zmeníme ho hodnotou 0.Príklad
<a href=" images/obrazok1.jpg">
<img src=" images/obrazok1.jpg" alt="obrazok1" border="0" />
</a>
Hypertextový obrázok
Obrázky sa dajú tiež použiť do pozadia(background). Obrázok do pozadia vložíme pomocou atribútu background. Pozadie možíme vložiť napríklad do celej stránky ak vložíme atribút background do elementu <body>.<body background="img1.jpg">
