Cara Membuat Paragraf di HTML

Di posting sebelumnya kita sudah membahas struktur dasar HTML. Kali ini kita akan membahas cara membuat paragraf di HTML. Bagaimana langkah-langkahnya? Silakan simak panduan AneIqbal berikut sampai akhir.

Cara membuat paragraf di HTML

Untuk membuat paragraf di HTML, kita gunakan tag <p>. Kita langsung praktikkan aja yuk.

Pertama, buka teks editornya, kalo ane pake Notepad++. Buat file baru lalu ketik kode HTML seperti berikut:

<!DOCTYPE html>
  <head>
    <title>Membuat Paragraf di HTML</title>
  </head>
  <body>
     <p>Ini adalah paragraf pertama. Ini adalah paragraf pertama. </p>
     <p>Ini adalah paragraf kedua. Ini adalah paragraf kedua.</p>
  </body>
</html>

Kemudian simpan file tersebut dengan nama paragraf.html. lalu jalankan file itu dengan web browser.

membuat paragraf html
hasil paragraf yang muncul di browser

Hasilnya akan tercipta 2 paragraf, karena kita membuat 2 elemen p.

Di HTML, spasi banyak hanya dianggap 1 spasi

Di HTML, walaupun ada banyak spasi pada kodenya, tapi web browser akan menganggapnya hanya ada 1 spasi.

Contohnya, kita tambahkan spasi pada kode di atas menjadi seperti ini:

<!DOCTYPE html>
  <head>
    <title>Membuat Paragraf di HTML</title>
  </head>
  <body>
     <p>Ini adalah paragraf pertama.            Ini adalah paragraf pertama.</p>
     <p>Ini adalah paragraf kedua.             Ini adalah paragraf kedua.</p>
  </body>
</html>

Maka hasilnya:

membuat paragraf di html
spasinya terhapus

..hasilnya sama saja dengan yang hanya diberi 1 spasi di kodenya.

Mengatur perataan paragraf

Secara default, web browser menerjemahkan paragraf HTML dengan rata kiri. Paragraf yang sudah kita buat di HTML, dapat kita atur perataannya. Entah itu rata kanan, kiri, tengah, atau rata kanan kiri (justify).

Caranya yaitu dengan menambahkan atribut align pada tag <p>.

Membuat paragraf rata kanan, kita ambil kode di atas lalu tambahkan atribut align.

<!DOCTYPE html>
  <head>
    <title>Membuat Paragraf di HTML</title>
  </head>
  <body>
     <p align="right">Ini adalah paragraf pertama. Ini adalah paragraf pertama.</p>
     <p align="right">Ini adalah paragraf kedua. Ini adalah paragraf kedua.</p>
  </body>
</html>

Maka hasilnya akan seperti ini:

cara membuat paragraf html
paragraf rata kanan

Lalu, gimana yang rata tengah? cukup ganti value dari atribut align-nya saja (<p align=”value”>).

  • center: untuk rata tengah.
  • justify: untuk rata kanan kiri.
  • right: untuk rata kanan.
  • left: untuk rata kiri.

Paragraf rata tengah.

paragraf rata tengah
paragraf rata tengah

Paragraf rata kanan kiri.

paragraf rata kanan kiri
paragraf rata kanan kiri (justify)

Gimana? Nggak susah kan? Selesai sudah pembahasan kita kali ini tentang membuat paragraf di HTML.

Selanjutnya, kita akan membahas cara membuat judul di HTML.

Leave a Comment