Ovládněte tvorbu webu!
S námi to zvládne opravdu každý.
Na stránky se vkládají obrázky ve formátech gif, jpg a png.
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.
U obrázků je src nejdůležitější atribut, jako jeho hodna se uvádí cesta k souboru.
<img src="obrazek.gif">
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 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 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">
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">
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 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 za adresu připojí souřadnice kam se kliklo myší.
<img src="obrazek.gif" ismap>
<!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>
Copyright (c) 2004 Tvorba Webu - Kontakt - mapa webu