Menu
Coddy logo textTech

Bölümler

Coddy'nin HTML Journey'sinin Fundamentals bölümünün bir parçası — ders 25 / 60.

İçeriğinizi düzenlemek için web sayfanızı bloklara ayırmak istediğinizi hayal edin. HTML'de, öğeleri bir araya getirmek için bir div kullanabilirsiniz. 

div etiketleri, düzenler oluşturmak ve bölümleri ayırmak için harikadır.

İşte temel sözdizimi:

<div>
	<!-- İçerik buraya gelir -->
</div>

Bir div içine paragraflar, başlıklar, resimler ve hatta diğer div öğeleri gibi başka HTML öğeleri ekleyebilirsiniz. 

Bir başlık, ana içerik alanı ve alt bilgi içeren basit bir düzen oluşturmak için div etiketlerinin nasıl kullanılacağına dair bir örnek:

<div>
	<h1>Header</h1>
</div>
<div>
	<p>Main content goes here.</p>
</div>
<div>
	<p>Footer</p>
</div>
challenge icon

Görev

Kolay

HTML belgenizde, birbiri ardına yerleştirilmiş 3 adet div öğesi oluşturun. 

Her div öğesinin içine, sevdiğiniz bir filmin adını içeren bir p etiketi ekleyin.

Kopya kağıdı

Öğeleri bir araya getirmek ve içeriği bloklar halinde düzenlemek için div etiketlerini kullanın:

<div>
	<!-- Content goes here -->
</div>

Bir div içine paragraflar, başlıklar, resimler ve diğer div öğeleri dahil olmak üzere diğer HTML öğelerini yerleştirebilirsiniz:

<div>
	<h1>Header</h1>
</div>
<div>
	<p>Main content goes here.</p>
</div>
<div>
	<p>Footer</p>
</div>

Kendin dene

<!DOCTYPE html>
<html>
    <body>
        <!-- Kodunuzu buraya yazın -->
    </body>
</html>
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Fundamentals bölümündeki tüm dersler