paragraph HTML

HTML Paragraphs

Apa Itu HTML Paragraphs

HTML Paragraphs adalah suatu kalimat pada barisan baru yang biasanya berupa blok teks.

Tag HTML <p> yang mendefinisikan sebuah paragraf.

Sebuah paragraf akan selalu dimulai pada baris baru, dan browser secara otomatis menambahkan margin sebelum dan sesudah paragraf.

Contoh Penerapan <p> 

<p>Ini Paragraf Pertama.</p>
<p>Ini Paragraf Kedua.</p>

Membuat HTML Paragraphs

Paragraf adalah kumpulan dari beberapa kalimat. Pada web, Paragraf biasanya digunakan untuk menampilkan teks atau artikel.

Paragraf pada HTML dibuat dengan tag <p>. Selain tag ini, ada juga tag pendukung lain seperti <div>, <hr>, <br>, dan <pre>.

Contoh Penerapan <p> dengan Code HTML

Fungsi utama tag <p> adalah untuk membuat paragraph.

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Tutorial Paragraf di HTML</title>
    </head>
    <body>
        <p>Ini adalah sebuah paragraf yang berisi sebuah kalimat.
        Saya sedang belajar HTML. Saat ini Sedang,
        Belajar membuat paragraf di html.</p>
    </body>
</html>

Contoh Penerapan <br> dengan Code HTML

Fungsi utama tag <br> adalah untuk membuat baris baru.

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Tutorial Paragraf di HTML #3</title>
    </head>
    <body>
        <p>Aku selalu riang gembira berangkat sekolah <br />
            bersama nasi yang dibuatkan oleh ibuku <br />
            iniliah hidup bersusah <br />
            ya begitulah</p>
    </body>
</html>

Contoh Penerapan <hr> untuk membuat garis dengan Code HTML

Fungsi utama tag <hr> digunakan untuk membuat garis lurus secara horizontal (horizontal rule).

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Tutorial Paragraf di HTML</title>
    </head>
    <body>
        <p>Ini adalah sebuah paragraf yang berisi sebuah kalimat.
        Saya sedang belajar HTML. Saat ini Sedang,
        Belajar membuat paragraf di html.</p>
        <hr />
        <p>Paragraf adalah kumpulan dari beberapa kalimat yang saling
        mendukung. Punya ide pokok sebagai dasar dari paragraf itu sendiri.</p>
    </body>
</html>

Contoh Penerapan <pre> dengan Code HTML

Tag <pre> (preformatting) merupakan tag yang digunakan untuk menampilkan teks atau paragraf dalam format yang sudah kita tentukan di HTML.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Tutorial Paragraf di HTML</title>
  </head>
  <body>
    <h1>Hujan Bulan Juni</h1>
    <p>oleh Sapardi Djoko Damono</p>
    <pre>
      tak ada yang lebih tabah
      dari hujan bulan Juni
      dirahasiakannya rintik rindunya
      kepada pohon berbunga itu

      tak ada yang lebih bijak
      dari hujan bulan Juni
      dihapusnya jejak-jejak kakinya
      yang ragu-ragu di jalan itu

      tak ada yang lebih arif
      dari hujan bulan Juni
      dibiarkannya yang tak terucapkan
      diserap akar pohon bunga itu
    </pre>
  </body>
</html>

Contoh Penerapan <div> dengan Code HTML

Tag <div> berfungsi untuk membuat layout web.

<footer>
    <div>&copy; 2021 Belajar HTML by bellshade</div>
</footer>
← Heading HTML
Style HTML →