Skip to main content

Belajar HTML Dasar #3 - Heading Pada HTML

Belajar HTML Dasar #3 - Heading Pada HTML

Heading Pada HTML

Heading merupakan element atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. element tag heading ini memiliki 6 tingkatan yang berurutan yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6> yang bisa digunakan untuk menambah ke struktur halaman web. perbedaan masing-masing heading yaitu besar hingga kecil teks. contohnya tag/element <h1> lebih besar dari element <h2> dan seterusnya.

Penggunaan masing-masing heading juga berbeda, berikut penggunaan masing-masing tag/element heading yang sering digunakan pada pengolahan halaman web :

<h1> adalah heading yang digunakan untuk penulisan judul utama dari dokumen

<h2> adalah heading yang digunaakan sebagai sub dari <h1>

<h3> adalah heading yang digunaakan sebagai sub dari <h2>

Untuk penggunaan <h4>, <h5>, <h6> tergantung programer sendiri untuk memperindah halaman web sesuai keperluan.

Berikut ini adalah contoh dari penerapan masing-masing element/tag heading :

<!DOCTYPE html>
<html>
<head>
        <title></title>
</head>
<body>
        <h1>ini adalah heading 1</h1>
</body>
</html>

Hasil Outputnya


Contoh Lainnya :

<!DOCTYPE html>
<html>
<head>
        <title></title>
</head>
<body>
        <h1>ini adalah heading 1</h1>
        <h2>ini adalah heading 2</h2>
        <h3>ini adalah heading 3</h3>
        <h4>ini adalah heading 4</h4>
        <h5>ini adalah heading 5</h5>
        <h6>ini adalah heading 6</h6>
</body>
</html>

Hasil Outputnya 


Dari contoh diatas, dapat anda lihat perbedaan antara masing-masing heading. penulisan heading ini boleh digunakan didalam jenis tag yang lain. berikut contoh penggunaan element heading di dalam tag lain :

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <a href="https://anakampus3.blogspot.com/"><h1>ini adalah heading 1 - Belajar HTML Dasar #2 </h1></a>
</body>
</html>

Hasil Outputnya


contoh diatas yaitu penggunaan tag heading yang berada dalam tag . sedangkan atribut href digunakan untuk menghubungkan dengan dokumen/link yang lain. ketika diklik pada “ini adalah heading 1 - Belajar HTML Dasar #2” maka halaman akan di alihkan ke halaman https://anakampus3.blogspot.com


Mungkin cukup sampai disini dulu mengenai pembahasan mengenai heading pada HTML, untuk selanjutnya kita akan belajar mengenai format text pada HTML. Semoga sampai disini teman-teman bisa mengikutinya dengan baik, kalo ada yang mau ditanyakan bisa tinggalkan komentar di bawah ini iya teman-teman nanti akan saya jawab satu-satu ko pertanyannya.

sekian dan terimakasih...


Daftar Belajar HTML Dasar

1. Belajar HTML Dasar  #1 - Belajar HTML Dasar Untuk Pemula
2. Belajar HTML Dasar  #2 - Membuat Mengenal Tag, Element, Dan Atribut Pada HTML
3. Belajar HTML Dasar  #3 - Membuat Heading Pada HTML
4. Belajar HTML Dasar  #4 - Membuat Format Text Pada HTML
5. Belajar HTML Dasar  #5 - Membuat Paragraf Pada HTML



Labels:
Location: Indonesia

Comments

Post a Comment