Belajar HTML dasar Part 5 : Membuat Paragraf Pada HTML

Pada tutorial Belajar HTML dasar kali ini kita akan berbicara tentang tag paragraf <p>, mulai dari bagaimana penulisan tag paragraf dan bagaimana cara membuat paragraf di HTML.
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 :

<!DOCTYPE html>
<html lang="en">
<head>
<title>Belajar Membuat Paragraf di HTML</title>
</head>
<body>
<p>Ini adalah sebuah paragraf yang berisi beberapa kalimat.
Saya saat ini Sedang,Belajar tentang paragraf.</p>
<p>Paragraf adalah kumpulan dari beberapa kalimat yang saling
mendukung. </p>
</body>
</html>

hasilnya  

Atribut Untuk Paragraf

atribut yang dipakai pada paragraf sangat banyak seperti align, id, class, dll. contoh penggunaan atribut align pada paragraf sebagai berikut :

<!DOCTYPE html>
<html lang="en">
<head>
<title>Belajar Membuat Paragraf di HTML</title>
</head>
<body>
<p align="center">Ini adalah sebuah paragraf yang berisi beberapa kalimat.
Saya saat ini Sedang,Belajar tentang paragraf.</p>
<p align="right">Paragraf adalah kumpulan dari beberapa kalimat yang saling mendukung. </p>
</body>
</html>

hasilnya

cahsemarang.com
cahsemarang.com

Atribut align merupakan atribut yang digunakan untuk perataan teks pada paragraf sehingga dapat merubah tampilan web. padahal tugas merubah tampilan web adalah tugas dari CSS. Tugas utma HTML adalah hanya membuat struktur dasar web oleh karena itu tag alig ini kita alihkan ke css seperti contoh di bawah ini : cahsemarang.com

Tag <br> untuk Membuat Paragraf

Tag <br> (br singkatan dari break) sebenarnya bukanlah tag untuk membuat paragraf. Tapi tag ini, biasanya digunakan untuk membantu tag <p> dalam membuat baris baru . Contoh:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Belajar Membuat Paragraf di HTML</title>
</head>
<body>
<p>Ini adalah sebuah paragraf yang berisi beberapa kalimat.
<br />
Saya saat ini Sedang, Belajar tentang paragraf.
</p> 
</body>
</html>

hasilnya cahsemarang.com hasil diatas hampir sama dengan menggunakan tag <p>. Namun pemisahan paragraf menggunakan tag <br> bukanlah untuk membuat paragraf. Tag <br> berfungsi untuk memisahkan sebuah bagian text dengan text lain. Jika yang kita butuhkan adalah struktur paragraf, maka gunakan tag <p>.    

Check Also

cahsemarang.com

Belajar HTML dasar Part 6 : Formatting text Pada HTML

Formatting text adalah sebuah penegasan teks seperti cetak tebal, cetak miring, dan garis bawah . …

Leave a Reply

Your email address will not be published.