Cara Membuat Heading pada HTML

Cara Membuat Heading pada HTML - Kali ini kita akan membahas "bagaimana Cara Membuat Heading pada HTML.

Sebuah karangan apapun pasti memiliki judul yang menyatakan isi dari sebuah pembahasan.

Judul yang baik adalah judul yang singkat tetapi mampu memberikan informasi apa yang dibahas.

Judul dinyatakan sebagai ungkapan pernyataan bukan pertanyaan atau kalimat perintah seperti contoh di bawah ini.

Tag Untuk Membuat Heading

Tag heading digunakan pada judul sebuah postingan dan subjudul dari postingan tersebut. Hal itu bermanfaat bagi pembaca untuk mengetahui apa yang dibahas.

Tag heading pada html dinyatakan dengan <h1>, <h2>, <h3>, <h4>, hingga <h6> untuk menulisakan judul dari bagian terpenting dari sebuah halaman web atau blog.

Penggunaan tag heading bisa diganti antara satu halaman dengan halaman yang lain dalam sebuah website atau blog.

Secara default pada template bawaan blogger, H1 digunakan untuk judul blog, H2 untuk judul widget, dan H3 digunakan untuk judul postingan.

Judul blog merupakan bagian terpenting untuk diketahui oleh pengunjung sehingga yang digunakan pada halaman beranda adalah tag H1.

Namun, pada halaman item postingan, yang paling penting diketahui pertama kali oleh pengunjung adalah judul postingan sehingga H1 digunakan pada judul postingan.

Berikut ini contoh penulisan tag heading untuk sebuah judul dan subjudulnya.

Misalnya judul postingan Anda adalah "Cara Membuat Blog" maka subjudul dari postingan Anda bisa menggunakan tag H2, H3, dan H4.

<h2>1. Pengertian Blog</h2>

Blog adalah bla bla... ini paragraf pertama yang menjelaskan tentang pengertian blog (judul di atas menggunakan tag H2).

<h3># Jenis Blog</h3>

Blog terdiri dari bla bla... ini paragraf pertama yang menjelaskan tentang jenis blog (judul di atas menggunakan tag H3).

<h2>2. Cara Membuat Blog</h2>

Cara membuat blog adalah bla bla... ini paragraf pertama yang menjelaskan tentang cara membuat blog (judul di atas menggunakan tag H2).

<h3># Platform Blog</h3>

Blog dapat dibuat dari bla bla... ini paragraf pertama yang menjelaskan tentang platform blog (judul di atas menggunakan tag H3).

Cara Membuat Judul HTML di Tengah

Untuk cara membuat judul HTML di tengah, ada beberapa cara yang bisa dilakukan.

Cara Pertama: Megapit elemen judul dengan tag center. Contohnya sebagai berikut.

<center><h1>Heading h1</h1></center>

<center><h2>Heading h2</h2></center>

<center><h3>Heading h3</h3></center>

Cara Kedua: Menambahkan atribut align dengan nilai center ke dalam elemen judul. Contohnya sebagai berikut.

<h2 align="center">Judul Heading H2 di Sini</h2>

Cara Ketiga: Menambahkan CSS pada elemen judul dengan kode CSS text-align dengan nilai center secara css inline. Contohnya sebagai berikut.

<h2 style="text-align:center">Judul Heading H2 di Sini</h2>

Cara Keempat: Menambahkan CSS pada elemen judul dengan kode CSS text-align dengan nilai center secara css internal.

Dalam melakukan hal ini, kita harus membuat css internal untuk memberi pengaturan rata tengah untuk judul di HTML.

Misalnya, kita ingin mengatur agar semua judul yang menggunakan tag heading h2 menjadi rata tengah semua maka kita buat atau menambahkan css berikut ini kedalaman dokumen html ke dalam tag head atau body.

<style> h2 {text-align:center} </style>

Tapi, jika ingin membuat salah satu atau sebagian saja menjadi rata tengah, kita menambah atribut class dengan nama yang ditentukan untuk menerapkan kode css rata tengah.

Kode html-nya:

<h2 class="judul-rata-tengah">Judul Heading H2 di Sini</h2>

Kode css-nya:

<style> .judul-rata-tengah {text-align:center} </style>

Demikianlah pembahasan tentang "Cara Membuat Heading pada HTML", semoga bermanfaat.

Buka lainnya di Tutorial HTML untuk Blogger Pemula.