Můj HTML dokument - obrázky

Vkládání obrázků uložených na lokálním disku a na serveru:

Obrázek za textem.

Obrázek před textem.

Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Obrázek uprostřed odstavce. Obrázek uprostřed odstavce. Obrázek uprostřed odstavce. Obrázek uprostřed odstavce. Obrázek uprostřed odstavce. Obrázek uprostřed odstavce. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec.

Formátování obrázku ... rozměry

Obrázek s pevně danou výškou a šířkou

Obrázek s relativní šířkou

Obrázek s původní šířkou (default)

Obrázek s danou šířkou a maximální šířkou

Pohyblivý obrázek:

Obrázek s rámečkem

Horizontání zarovnání obrázku vlevo nebo vpravo

Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec.

Vertikální zarovnání obrázku

Obrázek " zarovnaný dolů. To je default.

Obrázek " zarovnaný doprostřed.

Obrázek " zarovnaný nahoru.

Zarovnání obrázku - s využitím stylesheetu

Obrázek jako pozadí odstavce/stránky

Toto je odstavec s obrázkem na pozadí. Toto je odstavec s obrázkem na pozadí. Toto je odstavec s obrázkem na pozadí. Toto je odstavec s obrázkem na pozadí. Toto je odstavec s obrázkem na pozadí. Toto je odstavec s obrázkem na pozadí. Toto je odstavec s obrázkem na pozadí.

Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec.

Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec.

Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec. Toto je odstavec.

Pokročilé možnosti obrázků

Odkaz obrázkem a obrazová mapa:

HTML 5 ... element picture

variabilní obrázky: