Paragraf HTML adalah elemen markup yang digunakan untuk menandai teks sebagai paragraf pada halaman web. Elemen paragraf diawali dengan tag <p> dan diakhiri dengan tag </p>, dan semua teks yang berada di antara tag tersebut akan ditampilkan sebagai satu paragraf di halaman web.
Paragraf HTML
<p>Elemen HTML mendefinisikan paragraf :Contoh
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Catatan: Browser secara otomatis menambahkan spasi putih (margin) sebelum dan sesudah paragraf.
Dalam contoh di atas, terdapat dua elemen paragraf HTML, masing-masing menandai dua paragraf yang berbeda pada halaman web. Setiap elemen paragraf dimulai dengan tag <p> dan diakhiri dengan tag </p>, dan teks yang berada di antara kedua tag tersebut ditampilkan sebagai satu paragraf di halaman web.
Tampilan HTML
Anda tidak dapat memastikan bagaimana HTML akan ditampilkan.
Layar besar atau kecil, dan ukuran jendela akan menciptakan hasil yang berbeda.
Dengan HTML, Anda tidak dapat mengubah output dengan menambahkan spasi ekstra atau baris tambahan dalam kode HTML Anda.
Browser akan menghapus spasi tambahan dan garis tambahan saat halaman ditampilkan:
Contoh
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>
Jangan Lupa Tag Akhir
Sebagian besar browser akan menampilkan HTML dengan benar bahkan jika Anda lupa tag akhirnya:
Contoh
<p>This is a paragraph.
<p>This is another paragraph.
Contoh di atas akan berfungsi di sebagian besar browser, tetapi jangan bergantung padanya.
Catatan: Menjatuhkan tag akhir dapat menghasilkan hasil atau kesalahan yang tidak terduga.
Pemecah Baris HTML
<br>Elemen HTML mendefinisikan jeda baris .
Gunakan
<br>jika Anda ingin jeda baris (baris baru) tanpa memulai paragraf baru:Contoh
<p>This is<br>a paragraph<br>with line breaks.</p>
The
<br>tag adalah tag kosong, yang berarti bahwa ia tidak memiliki tag akhir.Masalah Puisi
Puisi ini akan ditampilkan pada satu baris:
Contoh
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
Elemen HTML <pre>
<pre>Elemen HTML mendefinisikan teks yang telah diformat sebelumnya.
Teks di dalam
<pre>elemen ditampilkan dalam font dengan lebar tetap (biasanya Kurir), dan mempertahankan spasi dan pemisah baris:Contoh
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</pre>
Referensi Tag HTML
Referensi tag W3Schools berisi informasi tambahan tentang elemen HTML dan atributnya.
| Tag | Description |
|---|---|
| <p> | Defines a paragraph |
| <br> | Inserts a single line break |
| <pre> | Defines pre-formatted text |