Začíname s HTML

Ján Guniš, PF UPJŠ Košice

1 2 3 4 5 6 7 8 9 10

Valid HTML 4.01 Transitional

Obrázky (image)

Obrázky sa v stránke zobrazujú nasledovne. Tento obrázok sa volá cela_budova_m.jpg a má veľkosť 120×90 pixelov.

HTML kód prehliadač
<IMG BORDER="0" SRC="cela_budova_m.jpg" ALT="Budova GJAR" WIDTH="120" HEIGHT="90"> Budova GJAR
<IMG BORDER="0" SRC="cela_budova_m.jpg" WIDTH="200" HEIGHT="70%" HSPACE="5" VSPACE="10"> Celá budova
<IMG BORDER="5" SRC="cela_budova_m.jpg" ALT="Budova GJAR" WIDTH="120" HEIGHT="90" ALIGN="left"> Budova GJARobtekanie textu
z pravej strany obrázku

Uvádzajte veľkosť obrázku (WIDTH, HEIGHT), inak bude stránka "skákať" pri načítavaní obrázkov. Ak parametre uvediete, prehliadač si rezervuje miesto pre obrázok a po načítaní textovej časti ho doplní. Nastavením iných hodnôt pre rozmery než aké sú v skutočnosti, môžete obrázok deformovať. Hodnoty môžete uvádzať v pixeloch a v percentách pôvodného rozmeru. Ak definujete len jeden rozmer, druhý sa proporcionálne dopočíta.

Používajte aj parameter ALT (alternatívny text). Tento text sa zobrazuje, pokiaľ sa obrázok ešte nezobrazil, v textových prehliadačoch a po nájdení myškou na obrázok.

Parameter BORDER definuje rámček okolo obrázku.

Parametre HSPACE a  VSPACE definujú voľný priestor okolo obrázku v horizontálnom a vertikálnom smere.

Pomocou parametra ALIGN definujete zarovnanie obrázka vzhľadom na text okolo neho. Prípustné sú hodnoty:

Video

Video môžeme do dokumentu vložiť pomocou značky EMBED. Ale pozor, táto značka nie je súčasťou špecifikácie HTML 4.01. 

<embed SRC="zdroj" CONTROLLER="true/flase" AUTOPLAY="true/false" WIDTH="šírka" HEIGHT="výška"  LOOP="true/false">