Menu
CoddyTech

Bölümler

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

İçeriğini düzenlemek için web sayfanı bloklara ayırmak istediğini düşün. HTML'de öğeleri birlikte gruplamak için div kullanabilirsin. 

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

İşte temel sözdizimi:

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

Bir div'in içine paragraflar, başlıklar, görseller ve hatta başka div öğeleri gibi başka HTML öğeleri ekleyebilirsin. 

Başlık, ana içerik alanı ve altbilgi 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 art arda yerleştirilmiş 3 div öğesi oluştur. 

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

Kendin dene

<!DOCTYPE html>
<html>
    <body>
        <!-- Kodu 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.

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

Kendi başına pratik yap: Web playground