Didalam memahami pembuatan paragraph <p> pada HTML, diharapkan kalian terlebih dahulu sudah tahu atau memahami penulisan dan tag, element, atribut itu sebagai apa. Paragraf adalah suatu tag untuk membuat penulisan dalam bentuk paragraph. Tag Paragraf terdapat 3 atribut/tag yang bias dikombinasikan langsung dengan paragraph <p>. atribut tagnya terdiri atas, yaitu :
- Membuat paragraph rata kiri menggunakan <p align="left">.......</p>
- Membuat paragraph rata kanan menggunakan <p align="right">.....</p>
- Membuat paragraph rata tengah menggunakan <p align="center">.....</p>
- Membuat paragraph rata kiri dan kanan menggunakan <p align="justify">......</p>
berikut kami akan memberikan gambaran berupa contoh penulisan dengan menggunakan paragraph.
<!DOCTYPE html>
<html>
<head>
<title>Berita HCI siap mengajarkan</title>
</head>
<body>
<p>penulisan paragraph dalam bentuk awal</p>
<p>penulisan paragraph dalam bentuk kedua</p>
</body>
</html>
Jelas sekali memperlihatkan bahwa ketika kalian lakukan testing pada browser kalian akan terlihat bahwa dalam penulisannya terdapat paragraph pertama dan paragraph kedua yang terpisah. Itu dikarenakan antara paragraph satu dan dua menggunakan <p>.
Jenis Paragraf
Kami akan menyajikan untuk kalian semua bagaimana penulisannya mulai dari, rata kiri, rata kanan, rata tengah, dan rata kiri dan kanan.
Paragraf Rata Kiri
<p align="left">1. Berita HCI - Beritanya Anak Terbaik</p>
Paragraf Rata Kanan
<p align="right">2. Berita HCI - Beritanya Anak Terbaik</p>
Paragraf Rata Tengah
<p align="center">3. Berita HCI - Beritanya Anak Terbaik</p>
Paragraf Rata Kiri dan Kanan
<p align="justify">4. Berita HCI - Beritanya Anak Terbaik</p>
berikut ini contoh penulisannya.
<!DOCTYPE html>
<html>
<head>
<title>Berita HCI siap mengajarkan</title>
</head>
<body>
<p align="left">1. Berita HCI - Beritanya Anak Terbaik</p>
<p align="right">2. Berita HCI - Beritanya Anak Terbaik</p>
<p align="center">3. Berita HCI - Beritanya Anak Terbaik</p>
<p align="justify">4. Berita HCI - Beritanya Anak Terbaik</p>
</body>
</html>
Dengan demikian kalian sudah tahu apa itu paragraph dan bagaimana membedakan atau menggunakan paragraph tersebut. Terima kasih telah berkunjung, semoga artikel kami ini membantu kalian semua.
No comments:
Post a Comment