HTML dapat membagi suatu dokumen menjadi beberapa paragraf. Tag paragraf <p> dapat digunakan dalam HTML untuk membagi isi dokumen menjadi beberapa paragraf. Format sintaksnya adalah sebagai berikut:
<p>Paragraf, isi. </p>
Tag paragraf terdiri dari tag awal <p> dan tag akhir </p>. Isi antara tag awal dan tag akhir akan dianggap sebagai sebuah paragraf. Tag paragraf adalah tag yang sangat mendasar yang kami gunakan saat menerbitkan artikel di web.
Bagian:
1. Paragraf HTML didefinisikan melalui tag <p>.
Catatan: Browser secara otomatis menambahkan baris kosong sebelum dan sesudah paragraf. (</p> adalah elemen tingkat blok)
2. Jangan lupa tag penutupnya
Meskipun Anda lupa menggunakan tag penutup, sebagian besar browser akan menampilkan HTML dengan benar:
<p>Ini sebuah paragraf<p>Ini adalah paragraf yang lain
Hasil yang berjalan ditunjukkan pada gambar di bawah ini:
Contoh di atas akan berfungsi dengan baik di sebagian besar browser, namun jangan mengandalkan pendekatan ini. Lupa menggunakan tag penutup dapat menimbulkan hasil dan kesalahan yang tidak diharapkan.
Catatan: Dalam versi HTML mendatang, menghilangkan tag penutup tidak diperbolehkan.
3. Pembungkusan baris HTML
Jika ingin membungkus (baris baru) tanpa membuat paragraf baru, gunakan tag <br>:
Contoh:
<p>Paragraf<br>ini<br> menunjukkan efek percabangan</p>
Hasil yang berjalan ditunjukkan pada gambar di bawah ini:
Elemen <br /> adalah elemen HTML kosong. Karena tag penutup tidak masuk akal, maka tag penutup tidak ada di dalamnya.
4. Keluaran HTML - menggunakan pengingat
Kami tidak dapat menentukan secara pasti efek HTML yang ditampilkan. Ukuran layar dan penyesuaian jendela dapat memberikan hasil yang berbeda.
Dengan HTML, Anda tidak dapat mengubah keluaran dengan menambahkan spasi atau jeda baris tambahan pada kode HTML.
Saat menampilkan halaman, browser menghilangkan spasi tambahan dan baris kosong dari kode sumber. Semua spasi yang berurutan atau baris kosong dihitung sebagai satu spasi. Perhatikan bahwa semua baris kosong berturut-turut (baris baru) dalam kode HTML juga ditampilkan sebagai spasi.
<!DOCTYPEhtml><html><head><metacharset=utf-8><title>Jaringan Bahasa C (dotcpp.com)</title></head><body><h1>春晓</h1><p> Saat aku tidur di musim semi, aku tak menyadari fajar. <p>Aku mendengar kicauan burung dimana-mana. <p>Suara angin dan hujan datang di malam hari, <p>Betapa bunga yang berguguran. <p></p><p>Perhatikan bahwa browser mengabaikan tipografi dalam kode sumber (spasi dan jeda baris yang tidak ada akan dihilangkan). </p></tubuh></html>
Hasil yang berjalan ditunjukkan pada gambar di bawah ini:
5. Spasi putih dalam paragraf
Secara default, tag paragraf akan menggabungkan karakter spasi dalam teks dan menampilkan beberapa karakter spasi berturut-turut sebagai satu spasi. Performa spesifiknya adalah sebagai berikut:
(1) Jika beberapa spasi berturut-turut muncul dalam satu paragraf, browser akan mengabaikan spasi tersebut dan hanya menyimpan satu spasi;
(2) Jika beberapa jeda baris berturut-turut muncul dalam satu paragraf, browser akan mengubah jeda baris tersebut menjadi spasi.
Contoh tampilan:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>Jaringan Bahasa C (dotcpp.com)</title></head><body><p>Jaringan Bahasa C (dotcpp.com) , situs web pembelajaran pemrograman online, URL: <ahref=https://www.dotcpp.com/target=_blank>https://www.dotcpp.com/</a></p><p>Bahasa C The situs web saat ini telah merilis tutorial untuk hampir <b>15</b> modul, termasuk HTML, bahasa C, C++, JavaScript, dan modul lainnya. Anda dapat <ahref=https://www.dotcpp.com/course/target= _blank >Klik di sini</a> untuk melihat semua tutorial. </p><p>Tujuan kami: situs web yang membantu semua orang mempelajari pemrograman dengan cara yang membumi. </p></tubuh></html>
Hasil yang berjalan ditunjukkan pada gambar di bawah ini:
