Ayyıldız2 | 2008 TR Yapısı • 1-99 Orta Emek Destan • Oto Avsız • 10 Temmuz 21:00 HEMEN TIKLA!
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 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üzeyinde bir öğenin bir üst ve bir alt kenar boşluğu vardır, oysa bir satır içi öğede yoktur.
<div> öğesi, blok düzeyinde bir öğedir.
Bir satır içi öğe yalnızca gerektiği kadar genişlik kaplar.
Bu, paragraf içindeki bir <span> öğesidir .
Not: Bir satır içi öğe, blok düzeyinde bir öğe içeremez!
<div>Eleman yok özelliklerini zorunlu değildir, ancak etmiştir style, classve idyaygındır.
CSS ile birlikte kullanıldığında, <div>öğe içerik bloklarını biçimlendirmek için kullanılabilir:
Özetleyelim:
İ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üzeyinde bir öğenin bir üst ve bir alt kenar boşluğu vardır, oysa bir satır içi öğede yoktur.
<div> öğesi, blok düzeyinde bir öğedir.
Örnek
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Kod:
<!DOCTYPE html>
<html>
<body>
<div style="border: 1px solid black">Hello World</div>
<p>The DIV element is a block element, and will always start on a new line and take up the full width available (stretches out to the left and right as far as it can).</p>
</body>
</html>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
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Kod:
<!DOCTYPE html>
<html>
<body>
<p>This is an inline span <span style="border: 1px solid black">Hello World</span> element inside a paragraph.</p>
<p>The SPAN element is an inline element, and will not start on a new line and only takes up as much width as necessary.</p>
</body>
</html>Not: Bir satır içi öğe, blok düzeyinde bir öğe içeremez!
<div> Öğesi
<div>Eleman, genellikle diğer HTML elemanları için bir kap olarak kullanılmaktadır.<div>Eleman yok özelliklerini zorunlu değildir, ancak etmiştir style, classve idyaygındır.
CSS ile birlikte kullanıldığında, <div>öğe içerik bloklarını biçimlendirmek için kullanılabilir:
Örnek:
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Kod:
<!DOCTYPE html>
<html>
<body>
<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>
<p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p>
</div>
</body>
</html>Özetleyelim:
- İ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>Eleman, bir blok düzeyi ve genellikle diğer HTML elemanları için bir kap olarak kullanılan
- <span>Eleman bir metnin bir kısmını işaretlemek için kullanılan bir satır içi konteyner ya da bir belgenin bir parçasıdır
Son düzenleme:
Konu Sahibi
Konu Sahibi
Rica Ederim..Yorum için Teşekkürler..Paylaşım için teşekkürler
Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)
Benzer konular
