Her HTML öğesi olduğunu elemanın türüne bağlı olarak varsayılan bir ekran değeri vardır. En elemanları için varsayılan ekran değeri blok veya satır içi olduğunu.
Blok seviyesinden Elemanları
Bir blok düzeyinde öğe her zaman yeni bir satıra başlar ve mevcut tam genişliği kadar sürer (stretches out to the left and right as far as it can) .
blok düzeyi elemanlarının örnekleri:
- <div>
- <h1> - <h6>
- <p>
- <form>
Inline elementler
Bir satır içi eleman yeni bir satıra başlamak ve sadece gerekli olduğu kadar genişliğe kadar sürer etmez.
Bu bir satır içi olan <span> bir paragraf içindeki öğesi.
içi elemanlarının örnekleri:
- <span>
- <a>
- <img>
<div> Eleman
<div> elemanı genellikle diğer HTML elemanları için bir kap olarak kullanılan bir blok düzeyinde elemanıdır.
<div> elemanı hiçbir gerekli özelliklere sahiptir, ancak style ve class yaygındır.
CSS ile birlikte kullanıldığında, <div> elemanı içeriğinin stil bloklarına 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>
Kendin dene " <span> Eleman
<span> elemanı genellikle bir metin için bir kap olarak kullanılan bir satır içi elemanıdır.
<span> elemanı hiçbir gerekli özelliklere sahiptir, ancak style ve class yaygındır.
CSS ile birlikte kullanıldığında, <span> eleman metnin stil bölümlerine kullanılabilir:
HTML Gruplama Etiketler
| Etiket | Açıklama |
|---|---|
| <div> | Belge bir bölüm tanımlar (block-level) |
| <span> | Bir belge bir bölüm tanımlar (inline) |