Membedakan Tag p dan br Pada Penulisan Paragraf Dalam HTML

Tag merupakan penanda pada elemen html, tag

dan
sering digunakan untuk tujuan yang sama namun memiliki perintah dasar yang berbeda.

Tehnosia Web

Dalam bahasa pemograman tag merupakan sebuah penanda awal dan akhir dari sebuah elemen html. Sebuah tag diawali dengan sepasang simbol kurung siku <...> berisi nama dari tag tersebut atau kadang kala terdapat penambahan beberapa atribut dan element di dalamnya, lalu di akhiri dengan simbol <.../> sebagai penutup.

Membedakan Tag p dan br Pada Penulisan Paragraf Dalam HTML
Tag Pada HTML

Namunpun demikian ada beberapa tag yang tidak berpasangan dan berdiri sendiri.

Pada artikel ini akan kita bahas dua tag html yang sering di gunakan untuk satu keperluan yang sama namun pada hakikatnya mempunyai perbedaan yaitu tag <p> dan <br/>

Sekilas fungsi tag <p> dan <br/> terkesan sama, yaitu untuk memulai baris baru atau bisa diibratkan sebagai fungsi enter pada keyboard, namun sebenarnya kedua tag html ini memiliki fungsi dan intruksi yang berbeda pada perintah html.

Untuk lebih jelasnya perbedaan antara keduanya, kita bahas satu persatu :

Tag <p>

Tag ini berfungsi untuk memberi perintah paragraf baru pada halaman html, antara baris atau paragraf terbentuk jarak.

Tag ini merupakan tag yang berpasangan, dimulai dengan tag pembuka <p> dan diakhiri dengan tag penutup </p>

Tag <br/>

Tag <br/> bisa dibilang sebagai tag jomlo ..... 😁🤣, kenapa saya katakan jomlo ... ?, karena tag ini adalah tag tunggal tanpa diawali tag pembuka dan diakhiri tag penutup. Ia berdiri sendiri.

Tag <br/> dituliskan pada kerangka html untuk memberikan perintah "break line", artinya meng intruksikan baris baru.

Apa beda nya dengan tag paragraf .... ?, bedanya adalah baris baru yang dihasilkan tanpa memberi jarak dengan baris diatasnya.

Jadi perbedaan yang mencolok dari kedua tag ini adalah pada jarak yang terbentuk.
Kesimpulannya jika hanya ingin membuat baris baru tanpa jarak gunakan tag <br/> , tapi jika sobat ingin membuat baris baru namun memiliki jarak dengan paragraf diatasnya maka bungkuslah paragraf baru tersebut dengan sepasang tag <p> dan </p>

Lebih jelasnya, perhatikan penggunaan dan perbedaan kedua tag diatas pada kerangka html dibawah ini :

   See the Pen    Tag p dan br by Tehnosia (@Tehnosia_CodePen)   on CodePen.

Pada contoh simpel diatas sobat tehnosia dapat melihat penempatan tag <p> dan <br/> pada beberapa elemen html, lihat hasilnya pada bagian source.

Semoga dari pemaparan singkat ini memberikan gambaran tentang perbedaan fungsi dasar dari kedua tag ini.

Terimakasih telah berkunjung, sukses selalu.  


Komentar
Silahkan Berkomentar Dengan Bahasa yang Santun dan Sesuai Topik Pembahasan
Terimakasih