Heading Pada HTML: Belajar HTML Dasar Part 6
Hallo pembaca setia bakuraid, kali ini bakura akan membahas tentang Heading Pada HTML: Belajar HTML Dasar Part 6 artikel ini meliputi penjelasan dan contohnya. Langsung saja saya akan membahasnya.
Penggunaan masing-masing tag ini juga berbeda, berikut contoh penggunaan masing-masing tag heading pada HTML yang biasa digunakan pada halaman website :
<h1> adalah tag yang biasa digunakan untuk penulisan judul utama dari halaman.
<h2> adalah tag yang biasa digunakan sebagai sub judul.
<h3> adalah tag yang biasa digunakan sebagai sub dari <h2>.
Untuk penggunaan <h4>, <h5>, dan <h6> tergantung programmer digunakan untuk memperindah halaman website sesuai keperluan. Berikut contoh kode dari masing-masing tag tersebut :
Dan berikut hasilnya saat di buka pada web browser:
Mengenal Heading Pada HTML
Heading merupakan tag HTML yang berfungsi untuk menunjukkan text yang penting pada halaman website contohnya adalah Judul atau Sub Judul. Tag ini mempunyai 6 tingkatan yang urut yaitu <h1>,<h2>,<h3>,<h4>,<h5>,<h6> yang dapat dipergunakan untuk membuat text terlihat lebih tebal dan berukuran lebih besar dari text lain. Beda dari masing-masing Tag ini sendiri yaitu <h1> besar hingga <h6> kecil. Contohnya tag <h1> lebih besar dari tag <h2> dan seterusnya.Penggunaan masing-masing tag ini juga berbeda, berikut contoh penggunaan masing-masing tag heading pada HTML yang biasa digunakan pada halaman website :
<h1> adalah tag yang biasa digunakan untuk penulisan judul utama dari halaman.
<h2> adalah tag yang biasa digunakan sebagai sub judul.
<h3> adalah tag yang biasa digunakan sebagai sub dari <h2>.
Untuk penggunaan <h4>, <h5>, dan <h6> tergantung programmer digunakan untuk memperindah halaman website sesuai keperluan. Berikut contoh kode dari masing-masing tag tersebut :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Heading</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>
Dari contoh hasil diatas, dapat di lihat perbedaan dari masing-masing tag. Penulisan tag ini diperbolehkan digunakan dalam jenis tag yang lain. Berikut contoh penggunaan tag tersebut di dalam tag lain :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Heading</title>
</head>
<body>
<a href="https://bakuraid.blogspot.com/"><h1>Link BakuraID (Tag heading 1)</h1></a>
</body>
</html>
Berikut adalah hasil dari kode diatas :
Contoh diatas merupakan penggunaan tag <h1> yang berada dalam tag <a>. Sedangkan atribut href digunakan untuk menghubungkan dengan link. Ketika diklik pada “Link BakuraID (Tag heading 1)” maka halaman website akan di alihkan ke halaman https://bakuraid.blogspot.com/.
Kesimpulan dari artikel ini adalah Tag heading biasanya digunakan untuk Judul Utama, Sub Judul, dan dapat juga gunakan untuk memeprcantik tampilan halaman website.
Sekian artikel kali ini tentang Heading Pada HTML: Belajar HTML Dasar Part 6 semoga bermanfaat dan mudah dipahami serta dapat membantu anda dalam belajar tentang HTML. Bakura mengucapkan terimakasih atas kunjunganya silahkan cari artikel lain diblog ini.
Contoh diatas merupakan penggunaan tag <h1> yang berada dalam tag <a>. Sedangkan atribut href digunakan untuk menghubungkan dengan link. Ketika diklik pada “Link BakuraID (Tag heading 1)” maka halaman website akan di alihkan ke halaman https://bakuraid.blogspot.com/.
Kesimpulan dari artikel ini adalah Tag heading biasanya digunakan untuk Judul Utama, Sub Judul, dan dapat juga gunakan untuk memeprcantik tampilan halaman website.
Sekian artikel kali ini tentang Heading Pada HTML: Belajar HTML Dasar Part 6 semoga bermanfaat dan mudah dipahami serta dapat membantu anda dalam belajar tentang HTML. Bakura mengucapkan terimakasih atas kunjunganya silahkan cari artikel lain diblog ini.
0 Response to "Heading Pada HTML: Belajar HTML Dasar Part 6"
Posting Komentar