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

Belajar HTML Dasar Untuk Pemula #1

Belajar HTML Dasar Apa itu HTML?. Pada kesempatan sebelumnya saya sudah pernah membahas mengenai sejarah, pengertian, contoh html, dll pada artikel sebelunya. Baca Juga : Pengertian HTML, Contoh, dan Cara Kerjanya Nah, jadi pada artikel kali ini kita akan mencoba belajar html dari yang paling dasar agar teman-teman bisa memahaminya dengan baik dan benar serta membahasnya sedikit. Pada judul Belajar HTML Dasar ini akan dijelaskna tentang pengertian html dan sekilas tentang sejarah html dan perkembangannya Apa Itu HTML? HTML (Hyper Text Markup Language) adalah sebuah bahasa formatting yang digunakan untuk membuat sebuah halaman website. Di dalam dunia pemrograman berbasis website(Web Programming), HTML menjadi pondasi dasar pada halaman website. sebuah file HTML di di simpan dengan ekstensi .html (dot html). dan dapat di eksekusi atau diakses menggunakan web browser(Google Chrome, Mozilla Firefox, Opera, Safari dan lain-lain). seperti yang sudah di jelaskan, HTML adalah ...

anaKampus

Search This Blog