Obrázky

Tag	Význam	Párový	Výskyt
img	obrázek	ne
map	klikací mapa	ano
area	oblast v klikací mapě	ne	<map>

img

Obrázek (angl. image). Do stránky se vloží obrázek načtený z jiného souboru. Nepárový tag.

Atributy tagu <img>

Atribut	Význam	Hodnoty	Nahraďte CSS stylem
src	umístění souboru s obrázkem	URL
alt	pokud se obrázek nenačte zobrazí text místo obrázku	libovolný text
width	šířka	číslo nebo procento	width
height	výška	číslo nebo procento	height
border	tloušťka rámečku	číslo	border
vspace	vertikální okraj	číslo	margin
hspace	horizontální okraj	číslo
align	zarovnání obrázku	left, right, top, texttop, middle, absmiddle, baseline, bottom, absbottom	float(left, right) vertical-align (ostatní hodnoty)
usemap	dělá z obrázku klikací mapu	"#" + jméno mapy, nebo URL

<img src="../images/hand.jpg" alt="ruka" 
style="width:200px; height:200px; 
border:5px solid #aaa;
 margin-left: 100px; margin-right: 100px;
  float: right "  >
  

map

Klikací mapa obrázku.
Element se nijak nezobrazuje, ale na obrázek se bude moc v některých místech klikat jako na odkaz.

area

Aktivní oblast v mapě.

Atributy tagu <area>

Atribut	Význam	Hodnoty
href	cíl odkazu	URL
shape	tvar oblasti	rect, circle, polygon
coords	souřadnice oblasti	čísla oddělená čárkami
alt	alternativní text	libovolný text

atributy shape a coords

shape=	Význam	zadává se	souřadnice
rect	obdélník	levý horní roh, pravý dolní roh	lh-x, lh-y, pd-x, pd-y
circle	kruh	střed, poloměr	střed-x, střed-y, poloměr
polygon	mnohoúhelník	souřadnice každého vrcholu za sebou	vrchol1-x, vrchol1-y, vrchol2-x, vrchol2-y, atd.

<map name="rect">
<area href="horni.html" shape="rect" coords="0, 0, 130, 130">
<area href="dolni.html" shape="rect" coords="50, 150, 150, 250">
</map>

<img src="../images/hand.jpg" usemap="#rect" width="150" height="250" style="margin-left:40%;">