Belajar HTML Untuk Pemula Part 6: Heading Dalam HTML

Belajar HTML Untuk Pemula Part 6: Heading Dalam HTML

Belajar HTML Untuk Pemula: Kode Heading Dalam HTML - Pengertian Heading dalam HTML adalah sebuah tag HTML yang berfungsi untuk membuat judul pada sebuah halaman website. Heading HTML mempunyai level ukuran huruf yang berbeda, yaitu <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>.

Dimulai dari tag heading <h1> level ukuran huruf yang paling besar dan yang paling terakhir adalah tag heading <h6> level ukuran huruf paling kecil.


Penerapan Heading Pada Website

Penggunaan Heading dalam website sebenarnya adalah sebuah kebutuhan, dimana heading mendefinisikan sebuah judul, bukan untuk memperbesar teks ataupun menebalkan teks.

Selain itu, ada istilah SEO dalam persaingan untuk memperebutkan posisi pertama pada mesin pencari. Nah disini tugas Heading adalah untuk mempermudah mesin pencari mengindeks atau membaca susunan data konten pada halaman website.

Semakin baik susunan suatu halaman website, maka semakin tinggi peluang untuk menampilkan website di halaman mesin pencarian.

Contoh Kode Membuat Urutan Heading


<!DOCTYPE html>
<html>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>


Hasilnya:
Tag Heading HTML


<h1> sering disebut dengan judul utama
<h2> sering disebut dengan sub judul dari <h1>
<h3> sering disebut dengan sub judul dari <h2>
<h4>, <h5>, <h6> merupakan sub judul yang tidak terlalu penting. Penggunaannya tergantung orang yang mengelola atau membuat suatu website. 

Dimata mesin pencari, Heading sangat berperan penting. Mesin Pencari biasanya menggunakan judul untuk mengindeks struktur dan konten pada halaman website.

Contoh Kode Membuat Heading Dengan Tulisan 


<!DOCTYPE HTML>
<html>
<head>
<title>Penggunaan TAG Heading HTML</title>
</head>
<body>
<h1>Judul Utama (Heading 1)</h1>
<p>Komputer adalah sebuah perangkat yang digunakan untuk mempermudah pekerjaan manusia.</p>

<h2>Sub Judul (Heading 2)</h2>
<p>Pada saat ini, komputer telah mengalami banyak perubahan mulai dari bentuk perangkat maupun spesifikasi.</p>

<h3>Sub dari Sub Judul (Heading 3)</h3>
<p>Tidak hanya perubahan terhadap bentuknya saja, dari segi harga komputerpun mengalami banyak perubahan tergantung dari spesifikasi yang dibutuhkan.</p>
</body>
</html>

Hasilnya:
Penggunaan Heading Dalam Tulisan

Nah itu dia pembahasan mengenai Belajar HTML Membuat Heading HTML, Intinya heading itu salah satu bagian terpenting HTML dalam membuat struktur halaman website yang baik dari segi penulisan kontennya, seperti menentukan judul dan sub judul yang akan digunakan dalam website.

Panduan Belajar HTML Lainnya

Belajar HTML Untuk Pemula Part 1: Pengertian HTML
Belajar HTML Untuk Pemula Part 2: Text Editor HTML
Belajar HTML Untuk Pemula Part 3: Kode Dasar HTML
Belajar HTML Untuk Pemula Part 4: Mengenal Element HTML
Belajar HTML Untuk Pemula Part 5: Pengertian Atribut HTML 
Belajar HTML Untuk Pemula Part 6: Heading Dalam HTML 

Tidak ada komentar untuk "Belajar HTML Untuk Pemula Part 6: Heading Dalam HTML"

Berlangganan via Email