Materi Dasar HTML #5 : Pengertian Dan Cara Membuat Paragraf

Oleh Miftakhul Nur Choirul W.S.S Juli 05, 2021 Posting Komentar

Setelah membelajari tentang Tag, Element, dan Atribute HTML. Pada pembahasan sebelumnya kita juga sudah membahas paragraf (). Sekarang pada postingan ini, kita akan belajar lebih dalam tentang element dasar html ini, yang sering digunakan untuk membuat website.

Yuk persiapkan text editor kalian sebagai latihan.

Paragraf HTML

Paragraf merupakan kumpulan dari beberapa kalimat. Biasanya pada buku, paragraf digunakan untuk teks, tabel dan gambar. Kalau pada web, paragraf kita bisa menggunakannya untuk berbagai hal seperti teks, gambar, tabel, audio, artikel, dsb.

Membuat Paragraf

Paragraf pada HTML dibuat dengan tag dan ditutup dengan tag .

See the Pen Membuat paragraf html by MiftaSetiaji (@MiftaSetiaji) on CodePen.

Nah cukup mudah kan untuk membuat paragraf dalam html.

Beberapa Tambahan Tag Dalam Pembuatan Paragraf

Paragraf html dibuat dengan tag , dan biasanya terdapat tag pendukung lainnya seperti <div>, <hr>, , dan <pre>.

Tag

Tag biasanya digunakan untuk membantu tag paragraf , untuk menampilkan text dalam paragraf menjadi barisan baru. Contoh kode program :

See the Pen Membuat Paragraf Tag br by MiftaSetiaji (@MiftaSetiaji) on CodePen.

Jika dilihat hasilnya, pada paragraf pertama, meskipun dalam pembuatan kode html kita sudah menata tulisannya tiap bait dalam baris baru, tetapi pada hasilnya akan tampil memanjang tetap satu baris.

Sedangkan pada paragraf kedua terlihat setelah menggunakan tag sudah tampil pada baris baru setiap baitnya.

Oh ya, tag merupakan tag self closing tag jadi kita bisa menggunakan saja atau , Tag juga boleh ditutup, boleh juga tidak.

Tag <hr>

Tag <hr> sama seperti tag yang digunakan untuk membantu dalam pembuatan paragraf dan merupakan self closing tag. Tag <hr> digunakan untuk membuat garis lurus horizontal (horizontal rule), biasanya digunakan untuk memisahkan beberapa konten atau paragraf.

See the Pen Membuat aragraf tag hr by MiftaSetiaji (@MiftaSetiaji) on CodePen.

Tag <pre>

Tag <pre> (performatting) merupakan tag yang digunakan untuk menampilkan teks/paragraf dalam format yang sudah kita tentukan dalam pembuatan kode html atau dalam text editor.

Tag <pre> sebagai alternatif dari tag , yang memudahkan kita langsung tanpa melakukan berkali kali dalam pembuatan kode html.

Contoh kode html :

See the Pen Membuat aragraf tag hr by MiftaSetiaji (@MiftaSetiaji) on CodePen.

Perhatkan baik baik, bahwa paragraf yang sudah kita buat dalam kode html atau dalam text editor akan tampil pada browser dengan format yang sama seperti yang kita tulis dalam text editor.

Nah. setelah belajar membuat paragraf, selanjutnya kita akan belajar membuat heading.

Syteekno