Tutorial HTML Part 9 : Cara Membuat Paragraf pada HTML

09 November 2019 15:13 Fauzan (Codekop) 649x

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  dan  . Silahkan buka kembali text editor, buat file html, lalu ketikkan contoh kode dibawah ini :

Tag Paragraf ()

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 ( )

Cara lain untuk memisahkan kedua paragraf adalah dengan menggunakan tag   (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   dijalankan, maka hasilnya hampir sama dengan menggunakan tag . Tapi pemisahan paragraf menggunakan tag   bukanlah untuk membuat paragraf, namun Tag   berfungsi untuk memisahkan sebuah bagian text dengan text lain. Jika yang kita butuhkan adalah struktur paragraf, maka disarankan gunakan tag .