Cara Membuat Judul (Heading) di HTML
Setelah mempelajari tentang Cara membuat link di HTML, materi selanjutnya yang dibahas adalah Cara memubuat Judul (Heading) di HTML.
Heading merupakan sebuah judul dari artikel atau konten yang dibuat. Hal ini penting untuk dilakukan agar memberitahu pengunjung website atau blog tentang konten yang dibuat.
Apabila membuat sebuah Heading pada HTML ada 6 tingkatan atau 6 level. Dimulai dengan menggunakan tag <h1> yang merupakan heading dengan font terbesar atau heading utama hingga tag <h6> yang merupakan heading dengan font terkecil.
tag <h1> biasa disebut sebagai main heading, sedangkan tag <h2> hingga tag <h6> disebut sub heading. Kenapa demikian??
Heading yang memiliki 6 tingkatan ini mencerminkan kegunaannya untuk membuat struktur judul website. Judul dari sebuah artikel sebaiknya ditulis dengan tag <h1>, sub judul ditulis dengan tag <h2>, sub sub judul ditulis dengan tag <h3>, dst. Struktur yang teratur juga menjadi nilai tambah untuk SEO (search engine optimization.)
Agar struktur menjadi konsisten, usahakan agar tidak melompati struktur penulisan. Contoh apabila membuat judul utama menggunakan tag <h1> kemudian langsung menggunakan tag <h5> sebagai sub judulnya.
Dan setiap tag untuk membuat heading harus ditutup dengan tag penutupnya.
Dan setiap tag untuk membuat heading harus ditutup dengan tag penutupnya.
Sekarang coba masuk contohnya langsung aja dech yaa...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Belajar HTML untuk pemula</title>
</head>
<body>
<h1>Judul artikel Heading 1</h1>
<p>.....................................isi content........
...............................................</p><head>
<meta charset="UTF-8">
<title>Belajar HTML untuk pemula</title>
</head>
<body>
<h1>Judul artikel Heading 1</h1>
<p>.....................................isi content........
<h2>Judul artikel Heading 2</h2>
<h3>Judul artikel Heading 3</h3>
<h4>Judul artikel Heading 4</h4>
<h5>Judul artikel Heading 5</h5>
<h6>Judul artikel Heading 6</h6>
</body>
</html>
Apabila ditampilkan di web browser maka hasilnya seperti ini :
Untuk mengedit font dari heading ini, warnanya teksnya bisa diedit menggunakan CSS. (Untuk materi CSS akan dibahas di materi yang lain).
Apabila ingin memberikan link terhadap heading maka kodenya akan jadi seperti ini :
<h1><a href="https://patukom.blogspot.co.id/"> Judul artikel
Heading 1</a></h1>Apabila artikel ini bermanfaat jangan lupa dishare kawan, agar orang lain juga memperoleh manfaatnya juga. :)
0 komentar:
Posting Komentar
Dilarang keras menyebar spam, di alamat blog ini.Terimakasih atas kerjasamanya.