Assalamualaikum.Wr.Wb. sobat para pembaca blog sederhana saya ini.Di materi kali ini sebagaimana apa yang sudah saya janjikan dari materi sebelumnya yaitu tentang pengenalan HTML,setelah itu kita akan membahas tentang penjelasan tag <p> atau paragraf di html.
Bagi yang belum membaca artikel kita sebelumnya,kalian dapat membaca nya disini:
"Struktur dasar HTML".
1.Mengenal tag paragraf <p> HTML.
Tag <p> atau tag paragraf adalah suatu tag code yang digunakan untuk memulai suatu paragraf awal/baru.Tag ini biasanya diitulis setelah tag body,tag paragraf mendefinisikan suatu paragraf dimana didalamnya dapat kita tambah dengan attribut seperti rata kiri dan rata kanan.
Tag paragraf yang dibuka dengan tag <p> juga akan di akhiri dengan tag </p>.
Contoh Penggunaan Attribute Paragraf:
 | |||
| 1.1 |
 |
| 1.2 |
Coba kamu perhatikan antara gambar 1.1 dengan gambar 1.2.
Di gambar 1.1 terdapat code HTML,dimana dalam tag <body> terdapat tag <p> didalamnya,itu menandakan didalam body tersebut ada satu paragraf.Meski script HTML diatas kita spasi line beberapa kali dengan bermaksud untuk membuat paragraf berikutnya,maka hasil dari web browser tidak akan terjadi apa-apa,tulisan tetap menjadi satu.Mengapa demikian?
Karena dialam satu tag <p> maka hanya ada satu paragraf didalamnya.Jika kita ingin membuat paragraf baru maka kita harus memberikan tag <p> berikutnya untuk memberi tahu kepada web browser bahwa kita ingin membuat paragraf berikutnya.
 |
| 1.3 |
 |
| 1.4 |
Didalam tag html diatas terdapat ada dua tag <p> atau paragraf maka kita memberitahukan kepada web browser bahwa kita akan membuat dua paragraf atau membuat paragraf baru.
Dengan tag <p> kita juga bisa memfariasikan/memposisikan artikel kita baik itu di rata kiri,kanan,ataupun tengah dengan menggunakan "align".Berikut contoh tag nya:
 |
| 1.5 |
 | ||
| 1.6 |
Nah,perhatikan gambar 1.5 dan 1.6 diatas yang menggunakan tag <p align untuk memposisikan/mengatur paragraf yang kita inginkan mau itu rata kiri,kanan,maupun tengah.
2.Pengertian,fungsi,dan cara menuliskan tag <p> HTML.
Dari judul artikel ini kita dapat menyimpulkan bahwa tag paragraf adalah tag yang berfungsi untuk membuat sebuah paragraf pada document HTML.
Tag ini ditulis dengan awalan <p> dan di akhiri dengan tag </p>.
Nah,sekarang anda sudah mengetahui apa itu tag paragraf yang dilambangkan dengan <p>.
Terus scroll dibawah,kita akan menjelaskan lebih detail lagi tentang tag paragraf.
Cara menuliskan tag paragraf <p>.
a.Buka aplikasi code editor kalian yang ada.Disini saya menggunakan text editor notepad++
Tuliskan struktur code HTML seperti biasa:
 |
| 1.7 |
c.Jalankan file tersebut,caranya klik kanan pada file>Open with>Google chrome.
Dan lihat hasilnya:
Nah,coba anda perhatikan yang ada kolom berwarna merah dan tanda panah biru.Kenapa saya beri tanda untuk kedua kata itu dengan paragraf yang berbeda???
Jawabannya ada di gambar 1.7 coba anda perhatikan tag paragraf/<p> yang kita tuliskan pada element body.Kedua tag tersebut di iringi dengan align yang berbeda ada center dan justfy.
Align center akan memberitahu kepada web browser bahwa paragraf yang ingin kita buat adalah di rata tengah,terdapat di posisi judul/title,sedangkan di align justfy kita memberi tahu web browser bahwa paragraf yang ingin kita buat adalah dengan rata kiri-kanan seperti yang sudah saya jelaskan diatas.
No comments:
Post a Comment