Belajar Html : Membuat Paragraf pada html

Setiap dokumen pasti memiliki paragraf, tak terkecuali dokumen Html. Paragraf merupakan salah salah satu elemen terpenting dalam struktur dokumen.

Oleh karna itu, pada artikel ini @Agata akan membahas tentang paragraf Html, mulai dari pengertian, atribut tambahan serta style pada paragraf.

Yuk baca artikel ini sampai selesai :)

Pengertian Paragraf

Paragraf merupakan sekumpulan kalimat atau text, kalimat atau text tersebut lah yang nantinya akan tampil pada dokumen atau laman website.

Didalam dokumen html, paragraf dituliskan didalam Tag <body> dengan tag dan sebagai penanda.

Contoh penulisan paragraf sederhana

See the Pen Untitled by Agata_desu (@Agata_desu) on CodePen.

Atribut yang dimiliki paragraf

Paragraf setidaknya memliki beberapa atribut pendukung, seperti align, id, class. Ketiga atribut tersebut merupakan atribut paling populer dan paling sering digunakan dalam paragraf html.

Contoh penggunaan atribut paragraf pada html.

See the Pen Untitled by Agata_desu (@Agata_desu) on CodePen.

Tag id dan class tidak berpengaruh besar terhadap tampilan browser dikarnakan kedua Tag tersebut digunakan sebagai penanda untuk Css.

Tag pendukung untuk paragraf

Ada beberapa Tag lain yang dapat kamu gunakan untuk mendukung paragraf html yang kamu buat.

= Untuk membuat baris baru
<hr> = Untuk membuat garis
<pre> = Untuk membuat format paragraf yang lebih spesifik

Yosh, mari kita bahas satu persatu Tag tersebut :)

Tag untuk membuat baris baru

Tag merupakan yang berfungsi untuk membuat garis baru pada dokumen. Tag biasanya digunakan untuk memisahkan suatu Kalimat dengan kalimat lain.

Contoh penggunaan Tag 

See the Pen Tag br html by Agata_desu (@Agata_desu) on CodePen.

Tag <hr> untuk membuat garis

Tag <hr> merupakan Tag tambahan untuk mendukung paragraf html. Tag ini sering digunakan untuk memisahkan konten satu dengan konten lainya menggunakan garis horisontal.

Contoh penggunaan tag <hr>

See the Pen Penggunaanya tag hr by Agata_desu (@Agata_desu) on CodePen.

Klik result untuk melihat hasil

Tag <pre>

Tag <pre> merupakan Tag yang berfungsi untuk membuat format paragraf yang lebih spesifik. Contoh, apabila kita ingin membuat puisi seperti gambar dibawah, kita dapat menggunakan <pre>

See the Pen Tag pre html by Agata_desu (@Agata_desu) on CodePen.

Setelah kamu klik result, kamu akan dapat melihat, Output yang dikeluarkan sama persis dengan bentuk yang dibuat didalam kode program.

Oh ya, Tag <pre> juga @Agata gunakan untuk menanampilkan contoh program seperti gambar dibawah.

Itulah pembahasan tentang 'paragraf html' , apabila ada kesalahan atau kekurangan dalam penyampaian mohon dimaafkan serta dikoreksi dikolom komentar.

Arigatou gozaimasu.

Agata_Desu

PENGATURAN

Belajar Html : Membuat Paragraf pada html