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

Comments

Artikel Populer

Cara Mendaftar Hosting Gratis di InfinityFree

Nah, pada kesempatan kali ini saya akan mengajari cara mendaftar Hosting Gratis di InfinityFree. Tapi sebelumnya saya akan menjelaskan terlebih dahulu secara singkat apa itu InfinityFree. InfinityFree adalah sebuah website hosting yang memberikan Unlimited Disk Space dan Unlimited Bandwidth. Infinityfree.net adalah sebuah layanan hosting yang disponsori oleh iFastNet yang memiliki dua layanan yaitu berbayar (Premium) dan Gratis (free). InfinityFree juga menyediakan berbagai layanan fitur-fitur untuk layanan hosting gratis, yaitu : Hosting gratis dan cepat 99,9% Up Time Hosting tanpa batas Hosting sepenuhnya gratis Tidak ada iklan paksaan Host domain apa saja Fitur Web Hosting Infinity Free: Unlimited Disk Space Unlimited Bandwidth 10 Email Accounts 400 MySQL Databases PHP 5.4, 5.5, 5.6, 7.0 MySQL 5.6 Apache 2.4 with .htaccess Linux 3.2 Free Subdomain Name Free SSL on all websites Free Cloudflare CDN Free DNS Service Nah, setelah mengetahui sedikit mengenai apa itu IfinityFre...

Tutorial Membuat HTML Sederhana

Apa itu HTML HTML merupakan sebuah kepanjangan dari Hyper Text Markup Language. HTML juga dapat diartikan sebagai suatu file teks sederhana yang mengandung perintah-perintah berupa TAG sehingga sebuah web browser dapat menampilkan suatu halaman dengan display tertentu. Nah disini saya akan mencontohkan tutorial tentang cara untuk membuat sebuah html sederhana untuk pemua sebagai bahan belajar bersama sama. Cara Membuat html Sederhana 1. pertama kalian buka dulu teks editor kalian seperti Sublime Teks, Visual Studio Code, dll. tapi disini saya menggunakan Visual Studio Code. 2. setelah itu langsung buat File baru 3. Kemudian Pilin Plant Teks ==> Pilih HTML 4. Lalu ketikan html seperti gambar di bawah ini untuk menampilkan sebuah tulisan Hello Word ! di browser. <! DOCTYPE html > < html > < head > < title >Langkah Awal</ title > < head > < body > ...

Tutorial Cara lengkap Membuat Penomoran Halaman otomatis di Ms Word 2022

Meskipun sering digunakan, namun masih banyak pengguna Microsoft Word yang belum memahami cara membuat halaman di Word. Padahal, cara ini dibutuhkan untuk berbagai keperluan, mulai dari membuat skripsi, jurnal, laporan, atau tugas sekolah biasa. Adanya nomor halaman memudahkan siapa saja bagi yang ingin melihat tulisan yang dituju. Namun, tak jarang salah satu kendala yang di hadapi adalah bingung membuat nomor di word. Sebagian orang ada yang membuat file dokumen terpisah di setiap format halaman tersebut. Bahkan, membuat nomor halaman berbeda secara manual. Padahal, Anda bisa membuat halaman tanpa manual karena dengan fitur otomatis. Lalu, bagaimana cara membuat nomor halaman di Microsoft Word secara otomatis? Berikut langkah-langkahnya : Cara membuat nomor halaman secara otomatis di Microsoft Word 1. Buka aplikasi Microsoft Word dan pilih menu Insert . 2. Klik opsi Page Nu...

Belajar HTML Dasar #6 - Membuat Tabel Pada HTML

Membuat Tabel Pada HTML Tabel merupakan struktur yang digunakan untuk nmenampilkan informasi dalam bentuk baris dan kolom. Pada html, untuk pembuatan tabel menggunakan tag <table> dan menggunakan tag <tr> untuk membuat baris dan <td> untuk membuat kolom. Untuk lebih mudah dalam memahami pembuatan table pada html, berikut ini akan saya sajikan penjelasan tag yang terlibat dalam pembuatan table pada HTML. Tag <table> merupakan tag pembuka dalam pembuatan sebuah table pada html, tanpa tag <table> ini, penggunaan <tr> dan <td> tidak bisa digunakan dengan baik. < tr> atau dikenal dengan table row merupakan tag yang digunakan untuk membuat baris dalam table html. <td> atau dikenak dengan tabel data merupakan tag yang digunakan untuk membuat kolom dalam baris dan tag < th> untuk membuat tablehead atau bagian kepala pada table. Dibawah ini adalah contoh pembuatan table pada HTML berikut : <! DOCTYPE ht...

anaKampus

Search This Blog