Home › html › Cara membuat paragraf pada html

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

ElemenKegunaanya
<p>Mendefinisikan sebuah paragraf
<br>Mendefinisikan line baris atau jeda baris
<pre>Mendefinisikan teks yang telah diformat
<hr>Mendefinisikan garis horizontal