Jak se vkládají obrázky

Na stránky se vkládají obrázky ve formátech gif, jpg a png.

Img - obrázek

Obrázky se vkládají tagem img, pomocí img také můžete na stránky vložit video, ale musíte zaměnit atribut src za dynsrc.

Src - cesta k souboru

U obrázků je src nejdůležitější atribut, jako jeho hodna se uvádí cesta k souboru.

<img src="obrazek.gif">

Alt - popis obrázku

Atribut alt slouží jako alternativní text, zobrazuje se pokud se nezobrazí obrázky, nebo po najetí na obrázek ve žluté bublině.

<img src="obrazek.gif" alt="Popis obrázku">

Width a height - šířka a výška

Width je šířka a height je výška, pokud tyto atributy neuvedete zobrazí se obrázek v plné velikosti.

<img src="obrazek.gif" width="50" height="150">

Border - rámeček

Border nastavuje rámeček okolo obrázku s určitou šířkou jako jeho hodnota se uvádí číslo, pokud border nenapíšete rámeček se nezobrazí.

<img src="obrazek.gif" border="1">

Vspace a hspace - vertikální a horizontální okraj

Atributy vspace a hspace určují vertikální a horizontální prázdný okraj okolo obrázku jako jejich hodnota se uvádějí pixely.

<img src="obrazek.gif" vspace="5" hspace="5">

Align - zarovnání obrázku

Pomocí atributu align můžete nastavit zarovnání obrázku jako jeho hodnoty můžete použít left, right, top, texttop, middle, absmiddle, baseline, bottom a absbottom.

<img src="obrazek.gif" align="right">

Usemap - použití klikací mapy

Usemap označí obrázek, který bude klikací mapou, jako hodnota se uvádí jméno mapy ve tvaru #jmeno.

<img src="obrazek.gif" usemap="#jmenomapy">

Ismap - souřadnice kliknutí

Ismap za adresu připojí souřadnice kam se kliklo myší.

<img src="obrazek.gif" ismap>

Příklad vložení obrázku

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="cs">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Obrázky</title>
</head>
<body>
<p>
<img src="moje-moto.jpg" alt="Yamaha DT" align="left" border="1">
Obrázek je zarovnán vlevo a je zprava obtékán textem.</p>
</body>
</html>

zobrazit výsledek

Reklama

Webhosting C4



Copyright (c) 2004 Tvorba Webu - Kontakt - mapa webu - RSS