Paragraf pada HTML

Pada tutorial kali ini kita akan membahas tentang pengaplikasian Paragraf pada HTML. Dalam sebuah halaman website tentunya tidak hanya mengandung gambar, table, atau video saja, pastinya juga mengandung sebuah rangkaian kalimat yang menjadi satu, sehingga saling berhubungan dan membentuk satu kesatuan pokok pembahasan yang membahas sebuah topik, hal ini disebut Paragraf.

Dalam penulisannya pun, terdapat gaya penulisan seperti membuat tulisan tebal, miring, bergaris bawah, berwarna, pengaturan spasi antar baris, pengaturan penjajaran, penjudulan, dan menentukan jenis font.

Tag yang digunakan dalam merancang sebuah paragraf adalah tag <p> . . . </p>. Tag ini termasuk ke dalam kategori BLOCK – ELEMENT, yakni elemen HTML yang secara otomatis akan membuat baris baru.

Dan berikut hasilnya :

paragraf pada html

Penjajaran Kalimat (Alignment)

Dalam tag <p>, terdapat atribut yang umum digunakan yakni “align” yang berguna sebagai Penjajaran Text seperti left (rata – kiri), right (rata – kanan), justify (rata – kanan – kiri), dan center (rata – tengah).

Dan di bawah ini adalah hasil dari kode sumber di atas :

menjajarkan kalimat pada website

Penjudulan Kalimat (Heading)

Seperti namanya, Heading digunakan sebagai Penjudulan halaman. Digunakan sebagai judul dari tiap – tiap materi yang disampaikan.

HTML menyediakan 6 tag heading, masing – masing mulai dari yang terbesar sampai ke yang terkecil.

Gambar di bawah ini adalah hasilnya :

heading pada html

Dan ingat, jangan gunakan tag heading untuk menebalkan teks, DOSA… Hal ini akan menyalahi aturan penggunaan tag heading sebenarnya…!!!.

Tag Heading ini juga akan terindex oleh mesin pencari. Tag Heading juga sering digunakan dalam penamaan Bab Halaman.

Output :

penggunaan heading pada website

Format Teks

Format teks yang umum digunakan dalam pembuatan paragraf adalah membuatnya menjadi Miring, Tebal, dan Bergaris bawah. Untuk pembahasan tentang Format Teks lebih mendalam akan dibahas pada materi selanjutnya.

Dan di bawah ini adalah hasilnya :

format teks pada web

Horizontal Rule

Digunakan sebagai pemisah, dengan format berupa garis. Tag yang digunakan adalah tag <hr> atau kalian juga dapat menulisnya seperti ini <hr />, keduanya tidaklah masalah.

Output kode sumber di atas :

tag hr pada html

Break Rule

Digunakan sebagai pemisah dengan format berupa baris baru. Tag yang digunakan adalah tag <br> atau kalian juga bisa menulisnya seperti ini <br />, keduanya tidaklah masalah.

Dan di bawah ini adalah hasilnya :

membuat spasi baru

Leave a comment

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

X