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;
}