HTML blok elemanları ve satır içi elemanları

HTML elemanlarını <div> ve <span> ile bir araya getirebilirsiniz.

HTML Blok Ögesi

Çoğu HTML ögesi blok düzeyi ögesi veya içerik ögesi olarak tanımlanmıştır.

Yazar Notu: 'Bloklu öge' olarak çevrilen 'block level element', 'içerik ögesi' olarak çevrilen 'inline element'.

Bloklu ögeler tarayıcıda gösterilirken genellikle yeni bir satırda başlar (ve sona erer).

Örnekler: <h1>, <p>, <ul>, <table>

HTML İçerik Ögesi

İçerik ögeleri genellikle yeni bir satırda gösterilmez.

Örnekler: <b>, <td>, <a>, <img>

HTML <div> ögesi

HTML <div> ögesi blok düzeyi ögesidir ve diğer HTML ögelerini birleştirmek için kullanılabilir.

<div> ögesi belirli bir anlamı yoktur. Ayrıca, blok düzeyi ögesi olduğundan, tarayıcı onun önünde ve arkasında satır atışı yapar.

CSS ile birlikte kullanıldığında, <div> ögesi büyük içerik bloklarına stil özellikleri ayarlamak için kullanılabilir.

<div> ögesinin diğer yaygın kullanımlarından biri belge düzenidir. Bu, tablolarla düzen oluşturma eski yöntemini değiştirir. <table> ögesi ile belge düzeni oluşturmak tabloların doğru kullanımı değildir.<table> ögesi, tablolaşmış verileri göstermek içindir.

HTML <span> ögesi

HTML <span> ögesi yatay elementtir ve metin konteyneri olarak kullanılabilir.

<span> ögesi belirli bir anlamı yoktur.

CSS ile birlikte kullanıldığında, <span> ögesi parça metinlere stil özellikleri ayarlamak için kullanılabilir.

HTML Grup Etiketleri

Etiket Açıklama
<div> Belgedeki bölümler veya bölümleri (bölüm/section) tanımlamak için kullanılır.
<span> span tanımı, belgedeki satırları birleştirmek için kullanılır.