Tag <div> HTML
Contoh
Bagian <div> dalam dokumen yang ditata dengan CSS:
<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>
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Tag <div>
mendefinisikan divisi atau bagian dalam dokumen HTML.
Tag <div>
digunakan sebagai wadah untuk elemen HTML - yang kemudian ditata dengan CSS atau dimanipulasi dengan JavaScript.
Tag <div>
mudah ditata dengan menggunakan atribut class atau id.
Konten apa pun dapat dimasukkan ke dalam <div>
tag!
Catatan: Secara default, browser selalu menempatkan jeda baris sebelum dan sesudah <div>
elemen.
Dukungan Peramban
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Atribut Global
Tag <div>
juga mendukung Atribut Global dalam HTML .
Atribut Acara
Tag <div>
juga mendukung Atribut Peristiwa dalam HTML .
Halaman Terkait
Tutorial HTML: Blok HTML dan Elemen Sebaris
Tutorial HTML: Tata Letak HTML
Referensi DOM HTML: Objek Div
Pengaturan CSS Default
Sebagian besar browser akan menampilkan <div>
elemen dengan nilai default berikut:
Contoh
div {
display: block;
}