Elemen <br> (line break) merupakan elemen HTML yang berfungsi untuk menyisipkan baris kosong (line break) di dalam induk elemen seperti paragraf tanpa harus keluar dari elemen tersebut. Dimanapun Anda menempatkan elemen ini, maka segala sesuatu yang mengikutinya akan ditempatkan pada baris selanjutnya tanpa harus menciptakan paragraf yang baru.
HTML elemen tag <br> ini sebaiknya digunakan untuk membuat baris baru yang memang benar-benar masih satu bagian dari konten induk seperti puisi, syair, kode script program, ataupun alamat. Elemen <br> termasuk elemen kosong yang tidak memerlukan tag untuk menutupnya. Elemen ini dituliskan dengan tag <br> tanpa harus beri tag penutup. Menurut format xml, elemen ini idealnya dituliskan dengan metode self closed yaitu <br />. Namun HTML5 tidak membedakan kedua tag tersebut dan menganggap sama antara tag <br> dengan tag <br />.
Berikut ini contoh penggunaan HTML elemen tag <br> :
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
<title>Latihan Menggunakan Elemen tag HTML BR (line break)</title>
<style>
h1, p{
color : navy;
}
</style>
</head>
<body>
<h1>Dunia Kini</h1>
<p>
Minggu pagi pun merebak <br>
Bagai daun kering berguguran <br>
Tak henti-henti berguguran <br>
Saat semuanya terlena <br>
Semuanya berubah <br>
Sekelompok manusia berencana yang merubah <br>
Yang salah jadi seperti biasa <br>
Yang aneh jadi seperti wajar <br>
Hati-hatilah sayang <br>
Itulah dunia kini.
</p>
</body>
</html>
Jika dijalankan akan menghasilkan seperti gambar di bawah ini :
Pada dasarnya HTML elemen tag <br> dapat digunakan untuk membuat (seperti) paragraf yang baru namun tidak disarankan. Hal yang perlu diperhatikan adalah, elemen <br> ini tidak memiliki nilai CSS berupa "height", "margin" dan "padding". Anda tidak bisa mengatur nilai "height" (tinggi) pada tag <br>, karena memang tag ini tidak memilikinya. Anda dapat menggunakan elemen <p> (paragraf) atau <div> (division) dalam membuat paragraf yang baru.
Browser Pendukung :
| Elemen |  |  |  |  |  |
| <br> | ya | ya | ya | ya | ya |
Global Attributes :
Tag <br> mendukung Global Atribut di dalam HTML yang artinya bahwa pada tag ini dapat sisipkan atribut yang bersifat global yang secara umum berlaku pada semua komponen tag HTML.
Silahkan kunjungi Atribut Global Pada HTML untuk mengetahui detail global atribut pada HTML
Event Attributes :
Tag <br> mendukung Event Atribut atau atribut acara (kejadian). Atribut acara ini merupakan wilayah javascript tentang bagaimana menampilkan halaman web. Misalnya saat halaman web sedang loading (onload) sampai interaksi user pada halaman web tersebut seperti scrolling layar (onscroll), menekan tombol pada keyboard (onkeypress, onkeydown), mengarahkan mouse (onmouseover) dan lainnya.
Silahkan kunjungi Event Atribut Pada HTML untuk mengetahui detail event atribut pada HTML.
Pengaturan Default CSS :
Tidak ada
Tutorial HTML
Paling Banyak Dibaca
News Letters
Silahkan masukkan email Anda untuk berlangganan informasi kami
Previous Page
