|
|
|
Obrázky
|
|
Zobrazení obrázku
Velikost
Zarovnání
Mezera okolo obrázku
Orámování obrázku
Zobrazení obrázku
<img src="obrazek.jpg" width="70" height="70" alt="popis obrázku" border="2">
» K vložení obrázku na stránku se používá nepárový tag <IMG>.
» V tagu specifikujeme cestu k obrázku (src), velikost (width=šířka , height=výška)
» Atribut (alt) slouží k malému popisu obrázku, (border) určuje velikost rámečku.
Velikost obrázku
<img src="obrazek.jpg" width="70" height="70">
» Velikost obrázku se určuje jeho šířkou a výškou.
» Při vložení obrázku je lepší tyto údaje vyplnit, aby prohlížeč při načítání nemusel "improvizovat".
» Width a height se dají libovolně měnit což zmenšuje nebo zvětšuje obrázek (horší kvalita).
» Hodnoty jsou v pixelech.
Ukázka : Zvětšeno - Originál - Zmenšeno
Zarovnání obrázku
<img src="obrazek.gif" align="left" >
» Atribut ALIGN může nabývat pěti hodnot :
a) TOP - obrázek se zarovná s horní řádkou textu
b) MIDDLE - obrázek je vzhledem k řádce vertikálně vycentrován
c) BOTTOM - obrázek se zarovná s dolní řádkou textu
d) LEFT - obrázek je umístěn u levého okraje stránky a obtéká ho text
e) RIGHT - obrázek je umístěn u pravého okraje stránky a obtéká ho text
Mezera okolo obrázku
<img src="obrazek.jpg" hspace="10" vspace="10">
» Horizontální a vertikální mezera okolo obrázku v pixelech.
Orámování obrázku
<img src="obrazek.jpg" border="1">
» Velikost rámečku kolem obrázku.
Ukázka : border=0 - 1 - 2 - 3 - 4 - 5 - 6
|
|
