Assalamualaikum Wr.Wb
Pendahuluan
Pada kesempatan kali ini saya akan share materi tentang Penggunaan Heading pada html.
Pengertian
Heading merupakan element atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman Web.
Latar Belakang
Nah pada Tutorial HTML ke- 3 ini Author akan sedikit menjelaskan tentang Penggunaan Heading pada HTML .
Maksud dan Tujuan
Memahami tag" HTML secara mendetail
Alat dan Bahan
- 1 Unit Pc / Laptop
- Text Editor
Element tag Heading ada 6 tingkatan loh guys.... yaitu :
1. <h1> adalah heading yang biasanya digunakan untuk Penamaan Judul Web
2. <h2> adalah heading yang biasanya digunakan untuk sub dari <h1>
3. <h3> adalah heading yang biasanya digunakan untuk sub dari <h2>
4. <h4>
5. <h5>
6. <h6>
Nah... dari Heading diatas tinggal <h4>, <h5>, <h6> kan yang belum Auhor jelaskan fungsinya . Kenapa Author ga jelaskan sekalian fungsi dari Heading tersebut ? . Karena <h4>, <h5>, <h6> itu biasanya tergantung dari programmernya sendiri mau di buat untuk memperindah tampilan web sebagaimana programmer inginkan. Berikut contoh penerapan masing - masing element /
tag heading :
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>ini adalah heading 1</h1>
</body>
</html>
dan ini lah hasilnya kalau kita liat dibrowser masing"
Nah, kan udh bisa di
liat hasilnya. Ok kalau gitu kita liat yak... sekarang perbedaan dari h1
- h6, emg apa sih perbedaannya ?, Ok simak penerapan gambar di bawah
yak ... :
<!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>
Dari contoh di atas nih guys.... , pasti temen" udah pasti dapat bedain h1 - h6 kan, Selanjutnya Author akan lanjut tentang penggunaan penulisan heading di dalam tag selain heading, dibawah ini contoh sederhananya :
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="http://sleeping-codings.blogspot.com/"><h1>Ini adalah heading1</h1></a>
</body>
</html>
atribut href digunakan untuk menghubungkan dengan dokumen/link yang lain. ketika diklik pada
“ini adalah heading 1” maka halaman akan di alihkan ke halaman http://sleeping-codings.blogspot.com.
Kesimpulan
Penggunaan Heading pada HTML rupanya sangat diperlukan untuk halaman website Teman", Kenapa ?. Karena untuk memberikan Judul pada halaman website Teman". Maka dari itu mari kita kenali semua Tag HTML yang ada dan menguasainya .
Refrensi
https://id.wikipedia.org/wiki/HTML
Hello, my name is Rizka Mala ALfiana. I'm a 17 year old self-employed Pirate from in Jepara.
No comments:
Post a Comment