Sekarang kita sudah masuk pada sesi tentang pembahasan paragraf. Mungkin teman-teman disini pasti sudah tau apa itu paragraf. Lansung saja bagaimana cara membuat paragraf di HTML
Paragraf
Paragraf adalah sebuah deretan kalimat yang terdiri beberapa blok. Sebuah paragraf biasanya dimulai dengan baris baru. Biasanya browser akan menambahkan jarak antara tag sebelum dan sesudahnya.
Cara Membuat Paragraf
Pada pembahasan sebelumnya kita juga sudah pernah menggunakan tag <p> untuk mencotohkan sebuah tag. Pada kali ini kita akan membahas lebih dalam lagi bagaimana membuat sebuah paragraf.
Kita bisa mengetikkan script seperti berikut untuk membuat paragraf
<p> ini merupakan sebuah paragraf pertama kita </p>
Secara Default browser akan menampilkan paragraf sesuai ketentuannya. contohnya, kita membuat sebuah paragraf dengan spasi 3x atau menambahkan line break (enter) maka secara otomatis browser akan menghapusnya. Seperti contoh kasus berikut :
See the Pen Paragraf by Triadmoko Denny Fatrosa (@triad-moko) on CodePen.
Pada script tersebut walaupun kita menambahkan space atau baris browser tidak akan menampilakan seperti script yang kita buat. Lalu bagaimana solusinya.
Solusinya kita bisa menggunakan tag <pre>.
Berikut cara membuat tag <pre> :
See the Pen pre by Triadmoko Denny Fatrosa (@triad-moko) on CodePen.
Membuat Baris Horizontal dan Line Break
Kamu dapat membuat baris horizontal menggunakan tag <hr>. Tag ini akan memberikan sebuah baris baru yang diberi pembatas dengan garis.
Jika kamu tidak ingin membuat (enter) baris baru pada paragraf kamu dapat menggunakan fungsi line break dengan tag <br>.
Kedua tag tersebut tidak memiliki penutup. Jika teman-teman membaca dengan baik pada tuturial sebelumnya pasti tau. Biasanya element tersebut disebut dengan empety element atau element kosong.
Berikut contoh untuk membuat paragraf yang memiliki baris horizontal dan line break :
See the Pen hr dan br by Triadmoko Denny Fatrosa (@triad-moko) on CodePen.
Kesimpulan
Menyisipkan kalimat kita bisa menggunakan tag <p> akan tetapi kita tidak dapat memberikan perubahan ke browser seperti apa yang kita buat di dalam script. untuk memberikan baris yang di pisahkan dengan garis kita bisa menggunakan tag <hr> dan menggunakan tag <br> kita dapat memberikan baris baru di dalam tag.
Sumber
Apa Selanjutnya ? HTML Formatting.