Cara Membuat Paragraf di Html dengan Mudah

Pada artikel kali ini saya akan menjelaskan mengenai Cara Membuat Paragraf di Html, sebelumnya apasih paragraf itu?

Paragraf adalah suatu kesatuan yang terdiri dari beberapa kalimat yang saling berkaitan antara satu kalimat dengan kalimat lainnya dan berisi suatu gagasan, paragraf berfungsi sebagai penanda dimulainya sebuah topik baru.

Cara Membuat Paragraf di Html

Saat menulis paragraf pada Html, kita bisa menggunakan tag <p> dan diakhiri dengan tag </p>

Misalnya seperti berikut:

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit Sint reprehenderit.</p>
<p>fuga vero qui vel, officiis facilis sequi possimus impedit rerum, ea nulla labore! Illum, necessitatibus enim impedit sed officiis neque.</p>

Atribut Align pada Paragraf

Selain itu pada saat kita menulis html, kita juga dapat menambahkan beberapa atribut didalamnya, misalnya atribut align.

Align berfungsi untuk mengatur perataan paragraf, kita bisa menggunakannya untuk menampilkan paragraf rata kanan, kiri, tengah, atau rata kiri dan kanan, format penulisannya adalah sebagi berikut:

<p align="nilai">Paragraf</p>

Align memiliki 4 nilai yaitu center, right, left, dan Justify

Nilai Fungsi
Center Untuk mengatur paragraf rata tengah
Right Untuk mengatur paragraf rata kanan
Left Untuk mengatur paragraf rata kiri
Justify Untuk mengatur paragraf rata kiri & kanan

Berikut adalah contoh penggunaan atribut align pada tag </p> di Html:

<!DOCTYPE html>
<html>
 <head>
  <title>Contoh Penggunaan atribut Align Paragraf</title>
 </head> 
<body>
  <p align="right">Paragraf rata kanan</p>
  <p align="left">Paragraf rata kiri</p>
  <p align="center">Paragraf rata tengah</p>
  <p align="justify">Paragraf rata kanan dan kiri</p>
 </body>
</html>

Tag <br/> Pada Paragraf

Tag <br/> memiliki fungsi untuk berpindah baris atau ganti baris pada paragraf (sama sepeti tombol enter pada keyboard)

Berikut adalah contoh penggunaan tag <br/> pada paragraf:

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint reprehenderit fuga vero qui vel, officiis facilis sequi possimus impedit rerum <br> ea nulla labore! Illum, necessitatibus enim impedit sed officiis neque.</p>

Tag <pre> (Preformatted Text)

Tag <pre> adalah suatu elemen Html yang berfungsi untuk menampilkan suatu text dengan apa adanya, sehingga text yang ditampilkan di browser nantinya, akan sama persis dengan text yang ada dalam elemen <pre>

Berikut adalah contoh penggunaan Tag <pre> :

<!DOCTYPE html>
<html>
 <head>
  <title>Contoh Penggunaan Tag Pre</title>
 </head> 
<body>
  <pre>Text tampil dengan      apa adanya apa adanya</pre>
 </body>
</html>

Jadi itulah cara membuat paragraf di Html dengan mudah, Anda dapat melanjutkan ke tutorial selanjutnya tentang Cara Membuat Heading Html untuk belajar lebih lanjut mengenai Html.


Istilah pencarian terkait:

  • cara membuat paragraf di html
  • cara membuat paragraf baru di html
  • cara membuat paragraf justify di html
  • cara membuat paragraf di html rata tengah
  • cara mengatur posisi paragraf di html
  • cara membuat paragraf baru html
  • cara membuat paragraf rata kanan dan kiri di html
Bagikan artikel ini
Kuhaku
Kuhaku

Hai 👋, Saya Kuhaku, Mahasiswa teknik informatika yang berkeinginan untuk menjadi seorang Full-Stack Developer.

Leave a Reply

Alamat email Anda tidak akan dipublikasikan.