Aby wstawić grafikę na stronę HTML najprościej jest użyć znacznika <img>:
<img src="obrazek.jpg" width="400" height="200" alt="Mój obrazek" title="Mój obrazek">
Znacznik <img> posiada kilka atrybutów które należy podać:
- src – wskazuje on adres obrazka do wstawienia na stronę WWW;
- width – wysokość obrazka w pikselach; ten parametr jest opcjonalny;
- height – szerokość obrazka w pikselach; ten parametr jest opcjonalny;
- alt i title – tekst alternatywny, który pojawi się po najechaniu myszką na obrazek.
Atrybut alt jest zalecany przez standard, ale nie powoduje wyświetlenia tekstu po najechaniu myszką na obrazek w przeglądarce Firefox, i dlatego trzeba dodać jeszcze atrybut title aby to działało wszędzie.
Atrybuty width i height są co prawda opcjonalne, ale polecam je jednak podać. Dzięki temu przeglądarka będzie wiedzieć ile miejsca na stronie zajmie obrazek po wczytani, i dzięki temu zarezerwuje odpowiednio dużo miejsca na niego. Dzięki temu strona będzie się wczytywać bez charakterystycznego “skakania” treści, co się dzieje gdy nie poda się rozmiarów obrazka.