Obrazy
Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 23 z 60.
Obrazy mogą sprawić, że Twoja strona internetowa będzie bardziej interesująca, a dodawanie ich w HTML jest proste dzięki tagowi <img>. Tag <img> jest samozamykający, co oznacza, że nie potrzebuje tagu zamykającego.
Aby wyświetlić obraz, musisz użyć atrybutu src. Ten atrybut określa lokalizację obrazu (URL lub ścieżkę do pliku). Oto przykład:
<img src="https://coddy.tech/images/bit.svg" />W tym przykładzie przeglądarka wczyta i wyświetli obraz z adresu URL https://coddy.tech/images/bit.svg.
Znaczniki samozamykające, takie jak <img>, są używane dla elementów, które nie mają zawartości, więc nie mają znacznika zamykającego. W HTML5 ukośnik na końcu jest opcjonalny: <img src="bit.svg"> i <img src="bit.svg" /> są poprawne. W tym kursie zapisujemy />.
Wyzwanie
ŁatwyDodaj obraz do dokumentu HTML. Możesz użyć adresu URL z przykładu w lekcji lub dowolnego innego adresu URL.
Upewnij się, że widzisz obraz!
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<body>
<!-- Wpisz tutaj kod -->
</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