1. Home
  2. read
  3. Tutorial HTML Part 9 : Cara Membuat Paragraf pada HTML

Tutorial HTML Part 9 : Cara Membuat Paragraf pada HTML



Tutorial HTML Part 9 : Cara Membuat Paragraf pada HTML


Pada tutorial Belajar HTML kali ini kita akan membahas tentang Cara Membuat Paragraf pada HTML.

Untuk membuat paragraf di HTML sebagai contoh kita akan memakai struktur html dan menambahkan beberapa teks di dalamnya. Dalam membuat paragraf di HTML ada 2 contoh tag yang kita praktekan pada tutorial kali ini yaitu dengan tag <p> dan <br>. Silahkan buka kembali text editor, buat file html, lalu ketikkan contoh kode dibawah ini :

Tag Paragraf (<p>)

HTML menyediakan tag khusus untuk membuat paragraf. Penulisannya menggunakan huruf p, sebagai berikut :

Contoh penggunaan tag paragraf :

<!DOCTYPE html>
<html>
<head>
  <title>Belajar paragraf</title>
</head>
<body>
  <p>ini adalah paragraf pertama</p>
  <p>ini adalah paragraf kedua</p>
</body>
</html>

Berikut Hasilnya : 

   

Tag Break (<br>)

Cara lain untuk memisahkan kedua paragraf adalah dengan menggunakan tag <br> (br singkatan dari break).

Contoh penggunaan tag paragraf :

<!DOCTYPE html>
<html>
<head>
  <title>Belajar Paragraf</title>
</head>
<body>
  ini adalah paragraf pertama <br>
  ini adalah paragraf kedua
</body>
</html>

Berikut Hasilnya :

    

Keterangan :

Jika kode HTML dengan tag break <br> dijalankan, maka hasilnya hampir sama dengan menggunakan tag <p>. Tapi pemisahan paragraf menggunakan tag <br> bukanlah untuk membuat paragraf, namun Tag <br> berfungsi untuk memisahkan sebuah bagian text dengan text lain. Jika yang kita butuhkan adalah struktur paragraf, maka disarankan gunakan tag <p>.



Fauzan Falah

Penulis https://codekop.com/ , http://maswin.id/ | Github : https://github.com/fauzan1892/ | portfolio : https://fauzan.codekop.com/

Profil Penulis Semua Postingan


Komentar