Element img w HTML

Element img w HTML

Element <img> służy do umieszczania obrazu na stronie internetowej. Jest to podstawowy znacznik HTML używany do dodawania grafik, zdjęć, ikon, ilustracji lub banerów.

Podstawowa składnia

<img src="grafika.jpg" alt="Opis grafiki">

Najważniejsze atrybuty:
- src - wskazuje ścieżkę do pliku graficznego, np. obraz.jpg, img/logo.png albo adres URL,
- alt - zawiera tekst alternatywny wyświetlany, gdy obraz się nie załaduje; jest ważny dla dostępności i SEO,
- width i height - określają szerokość i wysokość obrazu,
- loading="lazy" - pozwala opóźnić ładowanie obrazu do momentu, gdy będzie potrzebny.

Przykład zastosowania

<img src="logo.png" alt="Logo firmy" width="200" height="80">

Taki zapis wstawi na stronę plik logo.png i opisze go tekstem alternatywnym „Logo firmy”.

Ważne informacje egzaminacyjne

<img> jest znacznikiem odpowiedzialnym za dodanie grafiki do strony WWW. Nie należy mylić go z:
- <map> - tworzy mapę obrazu, czyli klikalne obszary na grafice,
- <select> - tworzy listę rozwijaną w formularzu,
- <input> - tworzy pole formularza, np. tekstowe, przycisk lub checkbox.

W pytaniach egzaminacyjnych, jeśli pojawia się polecenie „dodanie grafiki do strony internetowej”, poprawną odpowiedzią jest zwykle <img>.