HTML Bloğu ve Satır İçi Öğeler
Her HTML öğesinin, ne tür bir öğe olduğuna bağlı olarak varsayılan bir görüntüleme değeri vardır.
İki görüntü değeri vardır: blok ve satır içi.
Blok Seviyesi Öğeler
Blok düzeyinde bir öğe her zaman yeni bir satırda başlar.
Blok seviyesindeki bir eleman her zaman mevcut olan tam genişliği kaplar (mümkün olduğunca sola ve sağa doğru uzanır).
Blok düzeyindeki bir öğenin bir üst ve bir alt kenar boşluğu vardır, oysa bir satır içi öğede yoktur.
Örnek
<div>Hello World</div>
HTML'deki blok düzeyindeki öğeler şunlardır:
Satır İçi Öğeler
Satır içi öğe yeni bir satırda başlamaz.
Bir satır içi öğe yalnızca gerektiği kadar genişlik kaplar.
Bu, paragraf içindeki bir <span> öğesidir .
Örnek
<span>Hello World</span>
HTML'deki satır içi öğeler şunlardır:
Not: Bir satır içi öğe, blok düzeyinde bir öğe içeremez!
<div> Öğesi
<div>Öğe genellikle diğer HTML öğeleri için bir kapsayıcı olarak kullanılır .
Öğenin <div>gerekli öznitelikleri yoktur, ancak style, classve idortaktır.
CSS ile birlikte kullanıldığında, <div>öğe içerik bloklarına stil vermek için kullanılabilir:
Örnek
<div style="background-color:black;color:white;padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>
<span> Öğesi
Öğe , <span>bir metnin bir bölümünü veya bir belgenin bir bölümünü işaretlemek için kullanılan satır içi bir kaptır.
Öğenin <span>gerekli öznitelikleri yoktur, ancak style, classve idortaktır.
CSS ile birlikte kullanıldığında, <span>öğe metnin bölümlerine stil vermek için kullanılabilir:
Örnek
<p>My mother has <span style="color:blue;font-weight:bold">blue</span> eyes
and my father has <span style="color:darkolivegreen;font-weight:bold">dark
green</span> eyes.</p>
Bölüm özeti
- İki görüntü değeri vardır: blok ve satır içi
- Blok düzeyinde bir öğe her zaman yeni bir satırda başlar ve mevcut tüm genişliği kaplar
- Satır içi öğe yeni bir satırda başlamaz ve yalnızca gerektiği kadar genişlik kaplar
<div>Öğe bir blok düzeyindedir ve genellikle diğer HTML öğeleri için bir kapsayıcı olarak kullanılır .<span>Öğe, bir metnin bir bölümünü veya bir belgenin bir bölümünü işaretlemek için kullanılan satır içi bir kaptır .
HTML Etiketleri
| Tag | Description |
|---|---|
| <div> | Defines a section in a document (block-level) |
| <span> | Defines a section in a document (inline) |
Mevcut tüm HTML etiketlerinin tam listesi için HTML Etiket Referansımızı ziyaret edin .