Bölümler
Coddy'nin HTML Journey'sinin Temeller 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 düşünün. HTML'de, öğeleri birlikte gruplandırmak için bir div kullanabilirsiniz.
div etiketleri düzenler oluşturmak ve bölümleri ayırmak için harikadır.
İşte temel söz dizimi:
<div>
<!-- İçerik buraya gelir -->
</div>Bir div içine paragraflar, başlıklar, görseller ve hatta diğer div öğeleri gibi başka HTML öğeleri ekleyebilirsin.
Basit bir düzen oluşturmak için div etiketlerinin başlık, ana içerik alanı ve altbilgi ile 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>Görev
KolayHTML belgenizde art arda yerleştirilmiş 3 div öğesi oluşturun.
Her div öğesinin içine, beğendiğiniz bir filmin adını içeren bir p etiketi ekleyin.
Kendin dene
<!DOCTYPE html>
<html>
<body>
<!-- Kodu buraya yazın -->
</body>
</html>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
1HTML Temelleri
HTML Nedir?HTML'in Temel YapısıEtiketler ve Elementlerİç İçe Geçirme ve Kapatma EtiketleriHTML'de Yorumlar7Kişisel Profil Sayfası
Projeye Genel BakışHeader Bölümü2Metin ve Biçimlendirme
BaşlıklarParagraflarSatır SonlarıKalın ve İtalik MetinYeniden Kalın ve İtalikÖzet - Biçimlendirme8Formlar ve Inputlar Bölüm 1
Form TemelleriMetin InputlarıInput ÖznitelikleriŞifre AlanıInputlar için EtiketlerÖzet - Temel Form11Etkinlik Kayıt Sayfası
Projeye Genel BakışHeader Bölümü9Formlar ve Girdiler Bölüm 2
Radyo DüğmeleriOnay KutularıAçılır MenülerButonlarFormlardaki ButonlarÖzet - Formlar #1Özet - Formlar #212Final Meydan Okumaları
Basit Profil KartıEtkinlik Davetiye KartıBasit Makale SayfasıFavori Kitaplar ListesiKendi başına pratik yap: Web playground