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 Instal Windows 7 lengkap dengan Gambarnya

Assalammualaikum wr.wb Pada kesempatan kali ini kita akan belajar tentang bagaimana cara install ulang windows7. Tapi sebelum itu, Apa sih itu Install Ulang?. Nah, jadi Install ulang windows itu merupakan sebuah usaha untuk memasukan kembali file-file windows kedalam sebuah part/drive tertentu pada sebuah hardisk, sehingga komputer bisa berjalan normal. Instal ulang bisa di lakukan jika laptop/komputer kita mengalami gannguan seperti komputer lelet, dll. Okee tanpa berlama-lama lagi, kita langsung saja ke tutorialnuya Proses Installasi Persiapan alat dan bahan PC/Laptop Flasdisk berisi program windows 7 Proses Installasi Masukan bios dengan menekan tombol F2 atau yang lainnya disetiap komputer/laptop berbeda-beda silahkan coba-coba saja. Setelah itu lalu setting bios untuk booting lewat CD ROOM pada boot device priority Masukan CD/DVD windows 7 dan tunggu sampai muncul press any key to boot from cd or dvd kemudian tekan enter Kemudian akan muncul tampilan starting windows Tunggu ...

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() { ...

Program Menghitung Luas Persegi Panjang Menggunakan Bahasa C

Assallammualaikum wr.wr Pada kesempatan kali ini kita akan membuat suatu program menggunakan bahasa C. Program yang akan kita buat kali ini yaitu tentang program menghitung luas persegi panjang. Tapi sebelum melanjutkan tutorialnya, pastikan terlebih dahulu kalian membacaartikel saya yang berjudul Belajar Bahasa C agar bisa dengan mudah dalah memahami pemprogaman bahasa C. Okee, langsung saja tanpa panjang lebar kita mulai saja tutorialnya. Kode Program Kode program bahasa C untuk menhitung luas persegi panjang adalah sebagai berikut #include <stdio.h> int main () { int panjang, lebar, luas; printf ( "Masukkan panjang : " ) ; scanf ( "%d" , &panjang ) ; printf ( "Masukkan lebar : " ) ; scanf ( "%d" , &lebar ) ; luas = panjang * lebar; printf ( "Luas persegi panjang adalah %d\n" , luas ) ; return 0 ; } Simpan source code dengan nama persegipanjang.c, tetapi sesuaikan aja dengan nama file yang dingi...

Download Driver Printer Canon Pixma Ip2770

Silahkan Download file driver printer Canon Pixma Ip 2770 melalui link di bawah ini, semoga bisa bermanfaat buat kita semua. Jika ada yang mau ditanyakan atau ada kesusahan dalam proses install Visual Studionya. bisa langsung comment di bawah iyoo atau juga bisa melalui Contak Person . Link Download driver printer Canon Pixma Ip 2770 iP2700 series Printer Driver Ver. 2.56c (Windows) (id.canon) Sekian Dan Terimakasih ....

anaKampus

Search This Blog