Sayfa Düzeni Oluşturma

Photo by Jackson Sophat on Unsplash

Sayfa düzeni oluşturmak için <div> ve <span> etiketleri kullanılır. Bu etiketler, HTML içeriğini belirli bloklara veya bölümlere ayırarak stil ve düzenlemeleri uygulamak için kullanılır.

<div> Etiketi

<div> etiketi, belge içinde bir bölüm veya blok oluşturmak için kullanılır. Bu etiket, CSS veya JavaScript ile birlikte kullanılarak içeriği stilize etmek, yerleşimi düzenlemek veya o bölümle ilgili işlemler yapmak için kullanılır.

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

<div> etiketi, genellikle CSS sınıfları veya ID'leri ile birlikte kullanılır ve stil ve düzenlemeleri uygulanır.

<div class="container">
  <!-- İçerik buraya gelecek -->
</div>

Yukarıdaki örnekte, class özniteliğiyle container sınıfı tanımlanmış bir <div> etiketi kullanılmıştır.

<span> Etiketi

<span> etiketi, belge içinde küçük bir bölüm veya metin parçasını işaretlemek veya stilize etmek için kullanılır. <span> genellikle içindeki metin veya içerikle ilgili stil veya düzenlemeleri uygulamak için kullanılır.

<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span class="highlight">Sed</span> ac justo vitae mauris blandit imperdiet.
</p>

Yukarıdaki örnekte, <span> etiketiyle highlight sınıfı tanımlanmış ve bu sınıf belirli bir metin parçasına stil veya vurgu eklemek için kullanılmıştır.

<div> ve <span> etiketleri, sayfa düzeni oluştururken içeriği bölümlere ayırmak ve stil ve düzenlemeleri uygulamak için kullanılır. <div> daha büyük blokları temsil ederken, <span> daha küçük metin veya içerik parçalarını temsil eder. CSS sınıfları veya ID'leri ile birlikte kullanılarak daha spesifik stil ve düzenlemeler uygulanabilir.