Atrybuty obrazów
Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 24 z 60.
Przyjrzyjmy się dodatkowym atrybutom, które pozwolą ulepszyć obrazy:
alt: Zawiera tekst alternatywny, który wyświetli się, jeśli obraz się nie załaduje .widthiheight: Określają rozmiar obrazu w pikselach.
Oto przykład:
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />Ustawia źródło obrazu, podaje opis i określa jego rozmiar na 600x400 pikseli. Zawsze dodawaj alt, aby zapewnić dostępność, i używaj wymiarów, by zachować spójność projektu.
Wyzwanie
ŁatwyDodaj do obrazu następujące atrybuty:
alt: "A beautiful bird"width: "400"height: "250"
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<body>
<img src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Baya_Weaver_in_Bhigwan_August_2025_by_Tisha_Mukherjee_04.jpg?utm_source=commons.wikimedia.org&utm_campaign=index&utm_content=original">
</body>
</html>
Sprawdź sięTa lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Podstawy
1Podstawy HTML
Czym jest HTML?Podstawowa struktura dokumentu HTMLTagi i elementyZagnieżdżanie i zamykanie tagówKomentarze w HTML7Strona profilu osobistego
Omówienie projektuSekcja nagłówka
Zdjęcie profiloweSekcja „O mnie”Linki do mediów społecznościowych2Tekst i formatowanie
NagłówkiAkapityPodziały wierszaTekst pogrubiony i pochylonyPonownie: tekst pogrubiony i pochylonyPodsumowanie — formatowanie8Formularze i pola wejściowe, część 1
Podstawy formularzyPola tekstoweAtrybuty pólPole hasłaEtykiety pólPodsumowanie – podstawowy formularz11Strona rejestracji na wydarzenie
Przegląd projektuSekcja nagłówkaSekcja szczegółów wydarzeniaFormularz rejestracyjnySekcja stopkiPoćwicz samodzielnie: Edytor online Web