Untuk memahami pembuatan paragraf <p> pada HTML, diharapkan anda terlebih dahulu sudah memahami penulisan dan apa itu tag, element, atribut. paragraf disini merupakan suatu tag untuk membuat penulisan dalam bentuk paragraf. tag paragraf ini terdapat 3 atribut/tag yang bisa dikombinasikan langsung dengan tag paragraf <p>. atribut tag tersebut yaitu :
- Membuat paragraf rata kiri menggunakan <p align=”left”> .. isi paragraph </p>
- Membuat paragraf rata kanan menggunakan <p align=”right”> .. isi paragraph </p>
- Membuat paragraf rata tengah menggunakan <p align=”center”> .. isi paragraph </p>
- Membuat paragraf rata kiri kanan menggunaan <p align=”justify”> .. isi paragraph </p>
perhatikan contoh berikut :
Paragraf menggunakan <p>. berikut inplementasi <p> dalam dokumen HTML :
<!DOCTYPE html>
<html>
<head>
<title>belajar membuat paragraf</title>
</head>
<body>
<p>ini merupakan penulisan paragraf pertama dalam dokument HTML</p>
<p>ini merupakan penulisan paragraf kedua dalam dokument HTML</p>
</body>
</html>
Dari contoh di atas dapat anda lihat bahwa penulisan paragraf pertama dan paragraf kedua di pisahkan. untuk memisahkan antara paragraf satu dan dua ini menggunakana <p>
Jenis paragraph
Berikut ini adalah beberapa contoh jenis paragraf pada HTML.Paragraf rata kiri
<p align="left">1. ini merupakan penulisan paragraf rata kiri dalam dokument HTML</p>
Paragraf rata kanan
<p align="right">2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML</p>
paragraf rata tengah
<p align="center">3. ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p>
paragraf rata kiri kanan
<p align="justify">4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument HTML</p>
berikut contoh lengkapnya<!DOCTYPE html>
<html>
<head>
<title>belajar membuat paragraf</title>
</head>
<body>
<p align="left">1. ini merupakan penulisan paragraf rata kiri dalam dokument HTML</p>
<p align="right">2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML</p>
<p align="center">3. ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p>
<p align="justify">4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument HTML</p>
</body>
</html>
setelah kita selesai mempelajari paragraf selanjutnya kita akan mempelajari tentang tabel.
Untuk melihat artikel/materi lainnya silahkan masuk di sini