HyperText Markup Language/Képek

Képeket beilleszteni egyszerűen az <img> taggel lehet, ezen belül az src attribútummal lehet megadni az elérési utat. A taget nem kell lezárni, de a vége a következő: " />".

Itt is ugyanazok a szabályok, mint a linkelésnél, meg lehet adni relatív és abszolút elérési utat is.

<img src="galaxis.jpg" />

A kép méretét a width (szélesség) és height (magasság) attribútumokkal lehet módosítani. Ha csak az egyiket módosítjuk, akkor a másik arányosan igazodik. Ha mindkettőt módosítjuk, akkor a kép eltorzulhat.

<img src="galaxis.jpg" width="150" />
<img src="galaxis.jpg" height="100" />

Az alt attribútum segítségével elérhetjük, hogy mikor az egérkurzort a kép fölé visszük, megjelenjen egy bizonyos szöveg.

<img src="galaxis.jpg" width="150" alt="Androméda galaxis" />

A border-rel keretet csinálhatunk a képnek.

<img src="galaxis.jpg" width="150" border="1" />

Az align attribútummal lehet igazítani a képet. Az értékek lehetnek: top, bottom, middle, left, right.

<img src="galaxis.jpg" width="150" align="middle" />
<img src="galaxis.jpg" width="150" align="right" />