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

Percabangan IF Else Pada Bahasa C dan Contohnya

Assallammualaikum wr.wb Pada kesempatan kali ini kita akan belajar lagi masih seputar bahasa C yaitu Percabangan IF Else. Apa sih itu Percabangan IF Else? IF Else merupakan suatu percabangan, bisa juga di sebut pemilihan dalam program, dimana program tersebut memiliki satu atau bahkan lebih dari satu kondisi yang didalamnya ada sebuah intruksi yang dilaksanakan jika kondisi tertentu dapat terpenuhi. Dibawah ini merupakan Struktur dari IF Else if (condition) { //Kode program yang akan dijalankan jika condition berisi nilai True (1) } else { //Kode program yang akan dijalankan jika condition berisi nilai False (0) } Bagian condition berperan sebagai penentu dari struktur percabangan ini. Jika condition terpenuhi (menghasilkan nilai TRUE atau 1), blok kode program milik IF akan dijalankan. Jika condition tidak terpenuhi (menghasilkan nilai FALSE atau 0), blok kode program bagian ELSE-lah yang akan diproses. Contoh Praktek IF Else - Menentukan Umur Program C #include...

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...

Program Menghitung Pendapatan Karyawan Perusahaan Cat

Assallammualaikum wr.wb Pada kesempatan kali ini kita akan membuat sebuah program lagi menngunakan bahasa c yaitu tentang menghitung pendapatan karyawan suatu perusahaan Cat. C ontoh persoalannya seperti dibawah ini. Suatu perusahaan cat memberikan komisi kepada para karyawannya dengan ketentuan sebagai berikut : Bila karyawannya bisa menjual cat hingga Rp. 200.000,akan diberikan uang jasa sebesar Rp. 20.000,- ditambah dengan uang komisi 10% dari pendapatan yang diperoleh hari itu. Bila karyawannya bisa menjual cat diatas Rp. 200.000,-akan diberikan uang jasa sebesar Rp. 50.000,- ditambah dengan uang komisi 15% dari pendapatan yang diperoleh hari itu. Bila karyawannya bisa menjual cat diatas Rp. 400.000,-akan diberikan uang jasa sebesar Rp. 75.000,- ditambah dengan uang komisi 15% dari pendapatan yang diperoleh hari itu. Buatl ah program if-else untuk menghitung pendapatan karyawan perusahaan tersebut? Program bahasa C #include <stdio.h> int main() { ...

Belajar HTML Dasar #5 - Membuat Paragraf Pada HTML

Membuat Paragraf Pada HTML Untuk memahami pembuatan paragraf pada HTML, diharapkan anda terlebih dahulu sudah memahami penulisan dan apa itu tag, element, atribut. paragraf disini merupakan suatu tag untuk membuat penulisan dalam bentuk paragraf. tag paragraf ini terdapat 3 atribut/tag yang bisa dikombinasikan langsung dengan tag paragraf atribut tag tersebut yaitu : 1. Membuat paragraf rata kiri menggunakan <p align="left"> .................. </p> 2. Membuat paragraf rata kanan menggunakan <p align="right"> .................. </p> 3. Membuat paragraf rata tengan menggunakan <p align="center"> .................. </p> 4. Membuat paragraf rata kiri kana menggunakan <p align="justify"> .................. </p> Paragraf menggunakan <p>. Berikut ini adalah implementasi dari <p> dalam dokumen html : <! DOCTYPE html > < html > < head > < title >belajar membuat parag...

anaKampus

Search This Blog