Skip to content

Latest commit

 

History

History

007 HTML Paragraphs

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
README.md
README.md
 
 

README.md

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>