HTML Heading
Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.
Heading biasanya dipakai sebagai judul sebuah artikel di halaman posting blog atau web.
Kode heading terdiri dari 6 macam yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6>.
Setiap kode tersebut juga memiliki pasangan sebagai kode penutup yaitu </h1>, </h2>, </h3>, </h4>, </h5>, </h6>.
Sehingga kalau ditulis secara lengkap menjadi
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
Langkah-langkahnya
1. Mulailah dengan menulis perintah
<!DOCTYPE html>
<html>
<body>
</body>
</html>
secara manual di halaman kosong Google Docs.
Perhatikan huruf demi huruf, tanda demi tanda, dan huruf besar (kapital) huruf kecilnya pada perintah tersebut. Dalam penulisan perintah tersebut huruf besar berbeda dengan huruf kecil.
2. Tulislah kode heading dan letakkan kode heading
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
di antara kode <body> dan kode </body>
sehingga kode yang ditulis menjadi
<!DOCTYPE html>
<html>
<body>
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
</body>
</html>
3. Sekarang tulislah pesan yang anda suka di dalam kode heading seperti berikut
<!DOCTYPE html>
<html>
<body>
<h1>ini sebagai judul tulisan ukuran 1</h1>
<h2>ini sebagai judul tulisan ukuran 2</h2>
<h3>ini sebagai judul tulisan ukuran 3</h3>
<h4>ini sebagai judul tulisan ukuran 4</h4>
<h5>ini sebagai judul tulisan ukuran 5</h5>
<h6>ini sebagai judul tulisan ukuran 6</h6>
</body>
</html>
4. Copy-lah seluruh kode tersebut
5. Kemudian beralih ke Blogger.
Bukalah akun Blogger anda.
Bila Anda belum memiliki akun Blogger, maka terlebih dahulu daftarlah ke akun Blogger di alamat resmi www.blogger.com
Sesudah daftar ke akun Blogger dan berhasil membuat blog, maka pilihlah (tombollah) tiga garis bertumpuk (yang berada di paling kiri paling atas, itu tepatnya di sebelah kiri ikon Blogger) untuk memunculkan semua menu.
Bila semua menu sudah muncul secara menurun, maka pilihlah (tombollah) menu +POSTINGAN BARU (yang berada di paling atas) hingga terbukalah halaman baru yang kosong.
Bila sudah terbuka halaman baru yang kosong, pilihlah menu <> (yang berada di kiri atas, tepatnya di bawah tulisan judul) untuk menampakkan menu Tampilan HTML (yang berada di sebelah atas) dan menu Tampilan Menulis (yang berada di sebelah bawah).
Pilihlah menu Tampilan HTML (yang berada di sebelah atas).
Di halaman menu Tampilan HTML inilah kita paste semua kode yang sudah kita copy dari Google Docs.
6. Pilihlah Publikasikan
7. Pilihlah KONFIRMASI
8. Kembali ke menu Blogger,
Pilihlah ikon tiga garis bertumpuk (yang berada di paling kiri paling atas, tepatnya di sebelah kiri ikon Blogger) sampai muncul semua menu secara menurun.
9. Pilihlah (tombollah) menu Lihat blog (yang berada di paling bawah) untuk melihat hasil tampilan kode yang terpublikasikan ke seluruh semesta raya, yang bisa dibaca oleh seluruh manusia di semua jagat raya.
Kode selengkapnya berikut :
<!DOCTYPE html>
<html>
<body>
<h1>ini sebagai judul tulisan ukuran 1</h1>
<h2>ini sebagai judul tulisan ukuran 2</h2>
<h3>ini sebagai judul tulisan ukuran 3</h3>
<h4>ini sebagai judul tulisan ukuran 4</h4>
<h5>ini sebagai judul tulisan ukuran 5</h5>
<h6>ini sebagai judul tulisan ukuran 6</h6>
</body>
</html>
Hasil tampilannya berikut:
