Obrazy
Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 23 z 60.
Obrazy mogą sprawić, że Twoja strona internetowa będzie bardziej atrakcyjna, a dodawanie ich w HTML jest proste dzięki znacznikowi <img>. Znacznik <img> jest samozamykający, co oznacza, że nie wymaga znacznika 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 załaduje i wyświetli obraz z adresu URL https://coddy.tech/images/bit.svg.
Znaczniki samozamykające, takie jak <img>, nie wymagają znacznika zamykającego. Kończą się na /> i są używane w przypadku elementów, które nie zawierają treści.
Wyzwanie
ŁatwyAby dodać 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 kod tutaj -->
</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