HTML <div> Merker


Voorbeeld

'n <div>-afdeling in 'n dokument wat met CSS gestileer is:

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

Meer "Probeer dit self" voorbeelde hieronder.


Definisie en gebruik

Die <div>merker definieer 'n afdeling of 'n afdeling in 'n HTML-dokument.

Die <div>merker word gebruik as 'n houer vir HTML-elemente - wat dan met CSS gestileer word of met JavaScript gemanipuleer word.

Die <div>merker word maklik gestileer deur die klas- of id-kenmerk te gebruik.

Enige soort inhoud kan in die <div> etiket geplaas word! 

Let wel: By verstek plaas blaaiers altyd 'n reëlbreuk voor en na die <div>element.


Blaaierondersteuning

Element
<div> Yes Yes Yes Yes Yes

Globale eienskappe

Die <div>merker ondersteun ook die Global Attributes in HTML .


Gebeurtenis eienskappe

Die <div>merker ondersteun ook die gebeurteniskenmerke in HTML .


Verwante bladsye

HTML-tutoriaal: HTML-blok- en inlynelemente

HTML-tutoriaal: HTML-uitleg

HTML DOM verwysing: Div Object


Verstek CSS-instellings

Die meeste blaaiers sal die <div>element met die volgende verstekwaardes vertoon:

Voorbeeld

div {
  display: block;
}