Belajar HTML : Membuat Paragraf Pada HTML

  • Whatsapp

Belajar HTML : Membuat Paragraf Pada HTML

Assalammualaikum Wr. Wb – Pada kesempatan kali ini saya akan melanjutkan artikel mengenai pembelajaran HTML dan di artikel sebelumnya kita telah membahas heading pada html.

di artikel ini sesuai dengan judulnya, kita akan membahas membuat paragraf pada html. Baiklah tidak perlu berlama-lama lagi, langsung mulai saja hehe.

Sebelum kita memahami pembuatan paragraf ini, alangkah baiknya sobat telah memahami terlebih dahulu penulisan (syntax) dan apa itu taq, element, atribut. Bagi sobat yang mengikuti artikel ini dari awal pasti sudah membaca mengenai artikel tersebut.

Untuk sobat yang baru membuka atau mengunjungi website ini sobat dapat membaca artikel tersebut dengan mengklik tautan berikut ini. “Belajar HTML: Mengenal Taq, Element, dan Atribut HTML“.

Bagi sobat yang telah memahami tentang taq, element dan atribut html, maka langsung saja baca ini hingga selesai ya 🙂

Paragraf di html merupakan sebuah taq untuk membuat penulisan dalam bentuk paragraf (<p>). Untuk paragraf sendiri dalam penulisannya memiliki empat(4) atribut yang bisa sobat gunakan atau mengkombinasikan langsung.

Berikut ini adalah taq atribut yang dimiliki paragraf pada html:

  1. Membuat Paragraf rata kanan <p align=”right”> Isi Paragraf </p>
  2. Membuat Paragraf rata kiri <p align=”left”> Isi Paragraf </p>
  3. Membuat Paragraf Rata tengah <p align=”center”> Isi Paragraf </p>
  4. Membuat Paragraf Rata Kiri-Kanan <p align=”justify”> Isi Paragraf </p>
Berikut ini contoh hasil dari paragraf menggunakan ke-empat atribut diatas.
Belajar HTML : Membuat Paragraf Pada HTML

Nah, silahkan sobat perhatikan dan pahami ya kode diatas.

Membuat Paragraf (Line Break)

Jika pada saat sobat membuat sebuah text paragraf dan ingin menambahkan break atau istilahnya jarang lah gitu kalau kita menulis terlalu panjang gitu kita tekan enter biar menulis ke bawah gitu. Nah, kira-kira seperti itu.

Untuk membuat line break caranya sanglah mudah sobat hanya perlu menambahkan taq <br> pada bagian text yang ingin sobat kasi jarak kebawah.

Disini sobat tidak perlu menuliskan taq penutupnya, sobat cukup menuliskan taq <br> saja tanpa menggunakan taq penutupnya. Berikut ini contoh break lines pada paragraf html.

<!DOCTYPE html>
<html>
<body>

<p>Ini adalah<br>sebuah paragraf<br>dengan line breaks.</p>
<p>By ImamLarh</p>

</body>
</html>

Dan berikut hasilnya:

Silahkan dicoba ya sob, jangan lupa dipraktikkan jangan hanya dibaca saja ya 🙂

Membuat Paragraf menggunakan element <pre>

Cara lain selain menggunakan br adalah menggunakan element br. Pre disini untuk membuat text ada jarak sama seperti br. Contohnya gini.
Belajar HTML : Membuat Paragraf Pada HTML

Silahkan perhatikan baik-baik pada gambar diatas. Pada taq p biasa yang betulisan “My Boonie lies over the ocean“. Disitu hasilnya selalu berlanjutan dari yang text awalnya.

Sedangkan yang menggunakan taq <pre> dia akan masing-masing ada spacenya antara teks pertama dan seterusnya. Jelaskan perbedaannya?

Untuk taq <pre> di akhir teks harus disertai dengan taq penutupnya yakni </pre>. Supaya tampilan pre lebih menarik sobat dapat menambahkan style css. Untuk pembahasa CSS sendiri nanti akan kita bahas di pembelajaran CSS.

Baiklah, demikian untuk artikel kali ini mengenai pembelajaran HTML “Membuat Paragraf HTML“. Jika sobat ada yang ingin ditanyakan atau masih bingung silahkan komentar saja dibawah ya :).

Untuk artikel berikutnya kita akan membahas “Belajar HTML : Format Text HTML”. 

Baikalh sekian terima kasih~~~

Wassalammualaikum Wr. Wb.

Related posts

Leave a Reply

Your email address will not be published. Required fields are marked *