PELANGLANG MAYA: HEADING DAN PARAGRAF HTML

Membuat Heading

Heading itu apa ya? Saya sendiri kurang begitu paham..
Mungkin, kurang lebihnya heading adalah isi bagian atas pada suatu tulisan, artikel, bab, ataupun postingan atau yang biasa disebut dengan judul, yang pada umumnya ukuran teksnya lebih besar daripada teks yang terdapat pada seluruh isi tulisan. Betul tidak? Mohon pencerahanya jika saya keliru.

Langsung saja, belajar HTML saya kali ini adalah tentang heading yang ditandai dengan tag antara <h1> s/d <h6>.
Untuk lebih jelasnya bagaimana cara kerja tag <h1> - <h6>, perhatikan contoh berikut ini:

Jika ditulis:

<h1>Kepala Satu</h1>
<h3>Kepala Tiga</h3>
<h4>Kepala Empat</h4>
<h5>Kepala Lima</h5>
<h6>Kepala Enam</h6>

Hasilnya adalah:

Kepala Satu
Kepala Tiga
Kepala Empat
Kepala Lima
Kepala Enam

Pada contoh diatas, sekilas saja ternyata hampir sama dengan jika menggunakan tag <font> yang di ikuti dengan atribut size seperti pada Belajar sebelumnya.
Namun demikian, jelas berbeda. Karena fungsinya sebagai "heading", maka secara otomatis browser akan memberikan baris yang lain untuk kata/kalimat berikutnya.
Dan dari beberapa informasi yang pernah saya dapatkan, tag untuk heading ini adalah yang lebih memiliki peran penting dalam hal SEO.

SEO itu apa? Maaf, sebaiknya jangan dulu tanyakan kepada saya.

Membuat Paragraph

Untuk membuat paragraph dalam sebuah artikel, tag yang digunakan adalah <p>.
Langsung ke contoh:

Tulis:

<p>Ini adalah paragraph pertama pada artikel belajar HTML</p>
<p>Dan ini adalah paragraph kedua pada artikel belajar HTML</p>

Hasil:

Ini adalah paragraph pertama pada artikel belajar HTML
Dan ini adalah paragraph kedua pada artikel belajar HTML

Perataan

Untuk mengatur perataan baris kata pada suatu paragraph, yaitu dengan menambahkan atribut "align" berserta nilainya yaitu left, center, right.
Contoh:

Jika ditulis:

<p align="left">Ini adalah paragraph pertama rata kiri pada artikel belajar HTML</p>
<p align="center">Dan ini adalah paragraph kedua rata tengah pada artikel belajar HTML</p>
<p align="right">Ini adalah paragraph ketiga rata kanan pada artikel belajar HTML</p>

Hasilnya:

Ini adalah paragraph pertama rata kiri pada artikel belajar HTML
Dan ini adalah paragraph kedua rata tengah pada artikel belajar HTML
Ini adalah paragraph ketiga rata kanan pada artikel belajar HTML

Terkait Dengan Paragraph

Untuk pindah ke baris berikutnya pada penulisan dengan html, tombol "Enter" pada komputer atau tanda "Panah bengkok kebawah-kiri" pada ponsel, tidak akan dapat berfungsi sebagaimana mestinya. Untuk masalah ini, tag <br> adalah yang berfungsi untuk pindah ke baris berikutnya.
Contoh:

Jika ditulis:

Ini baris pertama<br>Ini baris kedua<br>Ini baris ketiga

Hasilnya:

Ini baris pertama
Ini baris kedua
Ini baris ketiga

Jika ingin memberikan baris kosong, maka cukup tambahkan tag <br> beberapa kali sesuai yang di inginkan.

Menjorok Ke Dalam

Untuk membuat paragrap yang letaknya jadi agak menjorok ke dalam, tag yang di perlukan adalah <blockquote>
Contoh:

Tulis:

<p>Ini hanya paragraph standar yang terletak sebagaimana mestinya.</p><p><blockquote>Sedangkan ini adalah paragraph baru yang menjorok ke dalam</blockquote></p>

Hasilnya: