Belajar HTML Dasar : Heading Pada HTML #4

Heading merupakan element atau tag HTML yang berfungsi untuk menunjukan bagian penting pada halaman web, perbedaan 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/tag <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 diguanakan sebagai sub dari <h1>.

<h3> adalah heading yang digunakan sebagai sub dari <h3>.

untuk pengunaan <h4>, <h5>, <h6> tergantung anda sendiri untuk memperindah halaman web sesuai keperluan.

Berikut Contoh penerapan masing-masing element/tag heading :

<!DOCTYPE html>
<html>
    <head>
        <title>mazkran</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>

Dan hasilnya saat dijalankan pada browser.

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>Mazkran</title>
    </head>
    <body>
    <a href="https://mazkran.blogspot.com/"><h1>ini adalah heading</h1></a>
    </body>
</html>

Dan hasilnya jika dijalankan di browser

Contoh gambar diatas yaitu penggunaan tag heading yang berada dalam tag <a>. Sedangkan atribut href digunakan untuk menghubungkan dengan dokumen/link yang lain. Ketika diklik pada "ini adalah heading" maka halaman akan dialihkan ke halaman https://mazkran.blogspot.com/

Mazkran Tech

Belajar HTML Dasar : Heading Pada HTML #4

Posting Komentar untuk "Belajar HTML Dasar : Heading Pada HTML #4"

Footer Menu