Line break atau baris baru (Enter) adalah fitur di HTML yang memungkinkan untuk ganti baris baru tapi masih dalam satu paragraf dan didefinisikan dengan tag <br/>.
Saya sempat menyinggung line break ini di artikel membuat paragraf di html.
Untuk membuat baris baru enter hanya perlu menambahkan tag <br/>. Mengapa tidak <br>? Sebenarnya sama saja, tapi jika menambahkan / artinya kode br sudah sekalian ditutup.
Ingat syntax elemen html itu harus ada pembuka dan penutup.
Penggunaan BR
Cara menggunakan br ini sangat mudah. Biar tidak bingung, langsung ke contoh saja.
<!DOCTYPE html> <html> <head> <title>Belajar Symbol HTML</title> </head> <body> <h1>Ini contoh Paragraf Tanpa BR</h1> <p>Puntadewa adalah situs blog pribadi buatan Achmad, situs ini membahas tentang koding, desain, digital marketing dll. Ditulis dengan bahasa paling sederhana dan mudah dimengert</p> <h1>Ini contoh Paragraf Dengan BR</h1> <p>Puntadewa adalah situs blog pribadi buatan Achmad,<br/> situs ini membahas tentang koding, desain, digital marketing dll. <br/> Ditulis dengan bahasa paling sederhana dan mudah dimengert</p> </body> </html>
Maka hasilnya adalah:
Lihat paragraf pertama dan kedua. Teksnya sama, yang membedakan adalah saya menambahkan kode <br/> di yang kedua. Hasilnya ada 3 baris kan?
Contoh lain:
<h1>Ini contoh Paragraf Dengan BR</h1> <p>Puntadewa adalah situs blog pribadi buatan Achmad,<br/> <br> <br> <br> situs ini membahas tentang koding, desain, digital marketing dll. <br/> Ditulis dengan bahasa paling sederhana dan mudah dimengert</p>
Hasilnya akan ada 3 baris kosong karena ada tiga <br>:
Sekian tutorial membuat enter baru atau baris baru dengan br di HTML. Untuk mengaturnya tentu harus menggunakan css.
Semoga bermanfaat bagi kamu ya.
biar tidak ada space (ruang) antara baris di bawahnya bagaimana mas?
itu harus dikustom cssnya mas, contoh:
hr {margin-bottom:-10px}