<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 |
