Agencja interaktywna | Strony WWW | Pozycjonowanie | Social Media

Projektujemy i budujemy strony internetowe, pozyskujemy klientów, zwiększamy sprzedaż i promujemy Twoją markę w sieci Internet.

1.6 Zdjęcia i grafiki w HTML

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.

Zadzwoń