Elementy blokowe
Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 25 z 60.
Wyobraź sobie, że chcesz podzielić swoją stronę internetową na bloki, aby uporządkować jej zawartość. W HTML możesz użyć elementu div, aby zgrupować elementy.
Tagi div świetnie nadają się do tworzenia układów i oddzielania sekcji.
Oto podstawowa składnia:
<div>
<!-- Tutaj znajduje się treść -->
</div>Możesz dodawać inne elementy HTML wewnątrz elementu div, takie jak akapity, nagłówki, obrazy, a nawet inne elementy div.
Oto przykład użycia tagów div do utworzenia prostego układu z nagłówkiem, głównym obszarem treści i stopką:
<div>
<h1>Header</h1>
</div>
<div>
<p>Main content goes here.</p>
</div>
<div>
<p>Footer</p>
</div>Wyzwanie
ŁatwyUtwórz 3 elementy div, umieszczone jeden po drugim w dokumencie HTML.
Wewnątrz każdego elementu div dodaj znacznik p zawierający tytuł filmu, który lubisz.
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<body>
<!-- Wpisz kod tutaj -->
</body>
</html>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łówka2Tekst 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łówka6Układ strony
Elementy blokoweElementy linioweZnaczniki semantyczneSekcje i artykułyPodsumowanie — układ9Formularze i pola wejściowe, część 2
Przyciski opcjiPola wyboruListy rozwijanePrzyciskiPrzyciski w formularzachPowtórzenie — formularze nr 1Powtórzenie — formularze nr 2Poćwicz samodzielnie: Edytor online Web