HTML <div> Etiketi
Örnek
CSS ile stillendirilmiş bir belgedeki bir <div> bölümü:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>This is a heading
in a div element</h2>
<p>This is some text in a div element.</p>
</div>
</body>
</html>
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
<div>
etiketi, bir HTML belgesindeki bir bölümü veya bölümü tanımlar .
Etiket <div>
, HTML öğeleri için bir kapsayıcı olarak kullanılır - bu daha sonra CSS ile biçimlendirilir veya JavaScript ile değiştirilir.
Etiket <div>
, class veya id özniteliği kullanılarak kolayca biçimlendirilir.
<div>
Etiketin içine her türlü içerik konulabilir !
Not: Varsayılan olarak, tarayıcılar her zaman <div>
öğeden önce ve sonra bir satır sonu yerleştirir.
Tarayıcı Desteği
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Genel Özellikler
Etiket ayrıca HTML'deki Global Nitelikleri<div>
de destekler .
Etkinlik Özellikleri
Etiket ayrıca HTML'deki Etkinlik Niteliklerini<div>
de destekler .
İlgili Sayfalar
HTML öğreticisi: HTML Bloğu ve Satır İçi Öğeler
HTML eğitimi: HTML Düzeni
HTML DOM referansı: Div Nesnesi
Varsayılan CSS Ayarları
Çoğu tarayıcı, <div>
öğeyi aşağıdaki varsayılan değerlerle görüntüler:
Örnek
div {
display: block;
}