TUTORIAL HTML PART 5 : MEMBUAT PARAGRAF PADA HTML

SleepingCodings - 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 di bagi menjadi 3 atribut / tag yang bisa dikombinasikan langsung dengan tag paragraf <p>. Atribut tag tersebut yaitu :

• Membuat paragraf rata kiri menggunakan syntax <p align="left"> Yakinlah </p>
• Membuat paragraf rata kanan menggunakan syntax <p align="right"> Kamu </p>
• Membuat paragraf rata tengah menggunakan syntax <p align="center"> Pasti </p>
• Membuat paragraf rata kiri kanan menggunakan syntax <p align="justify"> Bisa </p>

Perhatikan contoh berikut :

Gambar 1 Tutorial Membuat Paragraf

Gambar 2 Tutorial Membuat Paragraf

NB : Paragraf menggunakan <p>, berikut akan diimplementasikan dalam dokumen 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 PARAGRAF
Berikut ini adalah beberapa contoh Jenis Paragraf pada HTML.

Paragraf rata kiri
<p align="left">1. Ini merupakan penulisan paragraf rata kiri dalam dokumen HTML</p>

Paragraf rata kanan
<p align="right">2. Ini merupakan penulisan paragraf rata kanan dalam dokumen HTML</p>

Paragraf rata tengah
<p align="center">3. Ini merupakan penulisan paragraf rata tengah dalam dokumen HTML</p>

Paragraf rata kira kanan
<p align="justify">4. Ini merupakan penulisan paragraf rata kiri kanan dalam dokumen HTML</p>

Berikut contoh ScreenShoot lengkapnya :

Gambar 3 Tutorial Membuat Paragraf

Gambar 4 Tutorial Membuat Paragraf

Dari Penggunaan Syntax Paragraf di atas kita mengetahui perbedaan syntax <p> dan penggunaan gimana cara menjadikan paragraf menjadi rata kanan, rata kiri, rata tengah, rata kiri-kanan . Jika kita ingin merata kirikan paragraf kita perlu menambahkan CSS inline di tag / syntax paragraf seperti <p align="left">, Nah... yang termasuk css inline nya itu sob.. adalah align="center" nya karena, align termasuk dalam CSS inline.

REFERENSI
1. malasngoding

Wassalamu'alaikum Wr.Wb