Wstawianie zdjęć w HTML to podstawowa umiejętność, którą powinien opanować każdy, kto chce tworzyć strony internetowe. W tym artykule przedstawimy, jak to zrobić, krok po kroku.
Podstawowa składnia tagu <img>
Aby wstawić zdjęcie na stronie internetowej, używamy tagu <img>. Poniżej przedstawiamy podstawową składnię:
Tag otwierający: <img>
Atrybut src: wskazuje na źródło obrazka (adres URL lub ścieżka lokalna).
Atrybut alt: opis alternatywny, który wyświetla się, gdy obrazek nie może zostać załadowany.
Atrybut width i height: opcjonalnie, definiują wymiary obrazka.
Przykład użycia tagu <img>
Poniżej znajduje się przykład, jak użyć tagu <img> do wstawienia zdjęcia:
Optymalizuj zdjęcia: Upewnij się, że zdjęcia są skompresowane i mają odpowiedni rozmiar, aby strona ładowała się szybko.
Użyj opisów alternatywnych: Atrybut alt jest ważny dla SEO i dostępności, dlatego nie zapominaj o jego wypełnieniu.
Sprawdź ścieżkę do pliku: Upewnij się, że ścieżka do pliku jest poprawna, aby zdjęcie mogło się załadować.
Podsumowanie
Wstawienie zdjęcia w HTML jest prostym procesem, który wymaga znajomości tagu <img> oraz jego atrybutów. Pamiętaj o optymalizacji zdjęć oraz używaniu opisów alternatywnych, co przyczyni się do lepszego doświadczenia użytkowników oraz poprawi SEO Twojej strony.