HTML br tag

HTML Elemen   adalah tag yang digunakan untuk membuat baris baru di dalam sebuah paragraf biasanya di tempatkan di dalam atau langsung di tempatkan di dalam <body> untuk menyisipkan 1 baris kosong memberikan space row/ pemisah, BR adalah kepanjangan dari Line Break baris kosong pemisah   elemen tanpa penutup dan hasilnya juga hanya baris kosong.

1. html tag pemisah

<!DOCTYPE html>
<html>
<body style="font-family:monospace;">
<h2>Contoh: HTML Element br di bawah ini </h2><hr>
<h3>Berapa Jumlah Daftar Angka Di Bawah?</h3> 
<p>
<!--br-->
1. Satu<br> 2. Dua<br> 3. Tiga<br> 4. Empat<br> <br><br>
<b>Total 6 tag br. 4 daftar angka yang di tampilkan</b>
</p> 
</body>
</html>

Cicagak Berbagi

2. html tag pemisah multi line

Nampak lebih jelas disetiap kalimat angka contoh dibawah di sisipkan tag br sesudah atau sebelumya maka akan menambah baris baru menurun ke bawah.

<!DOCTYPE html>
<html>
<body style="font-family:monospace;">
<h2>Contoh: HTML Element br di bawah ini </h2><hr>
<h3>Berapa Jumlah Daftar Angka Di Bawah?</h3> 
<p>
<!--br multi line-->
1. Satu<br> 
2. Dua<br> 
3. Tiga<br> 
4. Empat<br>
<!--5--><br>
<!--6--><br>
<b>Total 6 tag br. 4 daftar angka yang di tampilkan</b>
</p> 
</body>
</html>

Cicagak Berbagi

3. html tag pemisah button

Menyisipkan tag pada setiap button sebelum atau sesudah maka akan berurut menurun ke bawah menambah satu baris baru.

<!DOCTYPE html>
<html>
<body>
<style>
body {font-family:monospace;}
button {margin:2px; border:1px solid transparent; padding:5px; background:tomato; border-radius:5px; color:white;}
</style>
<h3>Contoh: HTML Element br di bawah ini pemisah baris pada button</h3><hr>  

<h3>button tanpa br berurut ke samping </h3>
<!-- button tanpa br-->
<button>button 1</button>
<button>button 2</button>
<button>button 3</button>
<button>button 4</button>

<br><br>

<h3>button dengan br berurut menurun ke bawah </h3>
<!-- button dengan br-->
<button>button 1</button> <br>
<button>button 2</button> <br>
<button>button 3</button> <br>
<button>button 4</button> <br>
</body>
</html>

Cicagak Berbagi