Some text some message..
Some text some message..
Some text some message..
Some text some message..

Elemen Br (Line Break) Pada HTML

previous Previous Page

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 induk. Dimanapun Anda menempatkan elemen ini, maka segala sesuatu yang mengikutinya akan ditempatkan pada baris selanjutnya tanpa harus menciptakan paragraf yang baru.

Elemen <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 elemen <br> :

HTML

1.  <!DOCTYPE html>
2.  <html>
3.  <head>
4.     <meta charset="utf-8">
5.     <title>Demo menggunakan elemen br (line break)</title>
6.     <style>
7.       h1, p{
8.          color : navy;
9.       }
10.    </style>
11. </head>
12. <body>
13.    <h1>Dunia Kini</h1>
14.    <p>
15.    Minggu pagi pun merebak,,, <br>
16.    Bagai daun kering berguguran,, <br>
17.    Tak henti-henti berguguran,,, <br>
18.    Saat semuanya terlena,,, <br>
19.    Semuanya berubah,, <br>
20.    Sekelompok manusia berencana yang merubah,,, <br>
21.    Yang salah jadi seperti biasa,, <br>
22.    Yang aneh jadi seperti wajar,, <br>
23.    Hati-hatilah sayang,, <br>
24.    Itulah dunia kini.
25.    </p>
26.  </body>
27.  </html>
28. 

Jika dijalankan akan menghasilkan seperti gambar di bawah ini :

tag br line break

Pada dasarnya 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) untuk membuat paragraf yang baru.

Browser Pendukung :

Elemencromeinternet explorerfirefoxsafariopera
<br>yayayayaya

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

facebooktwittergoogle pluswhatapplinkedinpinterest

previous Previous Page

Daftar Isi HTML