Cara membuat paragraf pada html
Di artikel ini Anda akan belajar cara membuat atau menampilkan paragraf pada html dengan penjelasan y
<p>
mendefinisikan sebuah paragraf pada elemen HTML. <p> beguna untuk membuat teks paragraf pada umumnya seperti pada buku. Paragraf atau <p> merupakann teks tulisan yang umum digunakan pada HTML.
Contoh:
<!DOCTYPE html> <html> <head> <title>Judul post</title> </head> <body> <p>Belajar membuat paragrap.</p> </body> </html>
Hasilnya:
Belajar membuat paragrap.
Line break
Pada html, Anda tidak akan bisa membuat spasi ekstra atau jeda baris. Browser akan menghapus spasi tambahan dan garis tambahan saat halaman ditampilkan.
Contoh:
<!DOCTYPE html> <html> <head> <title>Judul post</title> </head> <body> <p> Belajar membuat paragraf. Ini paragraf kedua. Ini paragraf ketiga. </p> </body> </html>
Hasilnya:
Belajar membuat paragraf. Ini paragraf kedua. Ini paragraf ketiga.
Jika Anda ingin membuat paragraf otomatis mempunyai jeda baris, maka gunakan elemen <br>.
Contoh:
<!DOCTYPE html> <html> <head> <title>Judul post</title> </head> <body> <p> Belajar membuat paragraf.<br> Ini paragraf kedua.<br> Ini paragraf ketiga.<br> </p> </body> </html>
Hasilnya:
Belajar membuat paragraf.
Ini paragraf kedua.
Ini paragraf ketiga.
Membuat line baris otomatis
<pre> adalah salah satu elemen HTML yang digunakan untuk membuat teks terformat supaya bisa menggunakan ekstra spaci atau line baris otomatis. Ini sangat efektif ditimbang menggunakan <br> jika kasusnya Anda membutuhkan line baris secara otomatis. Solusinya menggunakan elemen <pre>.
Contoh:
<!DOCTYPE html> <html> <head> <title>Judul post</title> </head> <body> <pre> Belajar membuat pre. Ini pre kedua. Ini pre ketiga. Menggunakan <pre>. </pre> </body> </html>
Hasilnya:
Belajar membuat pre.
Ini pre kedua.
Ini pre ketiga.
Menggunakan <pre>.
Elemen <hr>
<hr>
Berguna untuk membuat garis bawah secara horizontal, biasanya digunakan untuk membuat sebuah pembatas.
Contoh:
<!DOCTYPE html> <html> <head> <title>Judul post</title> </head> <body> <h1>Membuat judul</h1> <hr> <p>Paragraf pertama saya.</p> </body> </html>
Hasilnya:
Membuat judul
Paragraf pertama saya.
Ringkasan pembelajaran
Elemen | Kegunaanya |
---|---|
<p> | Mendefinisikan sebuah paragraf |
<br> | Mendefinisikan line baris atau jeda baris |
<pre> | Mendefinisikan teks yang telah diformat |
<hr> | Mendefinisikan garis horizontal |