Znacznik <img>
jest wykorzystywany do dodawania obrazów i grafik do dokumentu HTML. Pozwala to wzbogacić treść strony i przekazać informacje wizualne użytkownikom. Oto jak używać znacznika <img>
do wstawiania obrazów:
<img src="sciezka/do/obrazu.jpg" alt="Opis obrazu" width="300">
- Atrybut
src
określa ścieżkę do pliku obrazu. - Atrybut
alt
zawiera alternatywny tekst, który zostanie wyświetlony, jeśli obraz nie może być wczytany lub dla użytkowników korzystających z czytników ekranu. - Atrybut
width
pozwala określić szerokość obrazu w pikselach.
Przykład:
<img src="obraz.jpg" alt="Zdjęcie górskiego krajobrazu" width="800">
Podczas dodawania obrazów pamiętaj o umieszczaniu odpowiednich atrybutów, tak aby treść była dostępna dla wszystkich użytkowników, niezależnie od ich urządzeń czy oprogramowania.
Praktyczne ćwiczenia z dodawania obrazów do dokumentu HTML pomogą Ci lepiej zrozumieć, jak manipulować obrazami i jak dbać o ich dostępność dla wszystkich użytkowników.