Menu
Coddy logo textTech

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>
challenge icon

Wyzwanie

Łatwy

Utwó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>
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Podstawy

Poćwicz samodzielnie: Edytor online Web