HTML Dasar : Heading
Hello Mates !!!
By : Mr.KLA
Pada kesempatan kali ini gw akan membahas heading pada HTML. Belum tau apa itu heading??? Heading adalah teknik menyudul bola diatas kepala, ada juga yang diatas kepemikiran, biasanya orang tersebut despresi seperti menyundul tembok :v terus MANDUL 777 turunan yang ga comment dibawah :v !!!. Mboh Ndasmu !
Seperti yang kalian lihat saya sudah membuat 1 folder dengan nama latihan 4 dan 1 file baru dengan nama heading yang berektensi atau bertype .html.
Didalam HTML ini saya sudah buat 6 buah heading, ini adalah heading yang dmiliki html mulai dari <h1> sampai <h6>. Heading level tertinggi adalah <h1> dan heading level terendah adalah <h6>.
<!DOCTYPE html>
<html>
<head>
<title>HTML Heading</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
Lalu kita save dan open di browser. Nah inilah hasilnya !!!
<h1> memiliki ukuran font yang paling besar , sedangkan <h6> mempunyai ukuran font yang paling kecil. Tapi yang harus kalian pahami dalam heading ini, yaitu kapan kalian menggunakan salah satu dari Heading ini.
Cara paling mudah adalah membuat hirarki kepentingan. Jadi misal kalian ingin membuat headline sebuah halaman atau membuat judul pada Artikel di blog anda. Kalian bisa menggunakan <h1> Karena menurut saya itu adalah elemen paling penting dihalaman kalian.
Kalian coba tambahkan isi artikel nya dengan tag <p>. Lalu dalam artikel ini kalian bisa tambah kan sub judul yaitu dengan tag <h2> kemudian kita bisa tambah kan body nya dengan tag <p>.
<!DOCTYPE html>
<html>
<head>
<title>HTML Heading</title>
</head>
<body>
<h1>Judul Artikel</h1>
<p>Isi Artikel</p>
<h2>Sub Judul</h2>
<p>Sub body artikel</p>
</body>
</html>
Lalu kita refresh
Seharusnya <h1> itu menjadi tag yang paling penting di dalam sebuah halaman. Penjelasan lain yaitu ketika kita mau buat artikel ilmiah atau laporan misalnya. Dimana disitu kalian akan menuliskan ada Bab 1 , Bab 2 , Bab 3, dst. Nah Judul Bab 1 itu bisa kalian anggap sebagai <h1>, dan Sub bab itu bisa kalian anggap sebagai <h2>.
Contoh :
Masalah style nanti kita akan capai di CSS. Jadi jangan khawatir misalkan kalian membuat heading 3 <h3> itu lebih besar dari <h1>, itu tidak apa apa. Asal heading 1 itu lebih penting dari pada heading heading di bawah nya. Kek gambar diatas cuk.
Oke Mungkin sekian dari saya, bila ada salah kata atau GANTENG GW KELEWATAN mohon maaf :v. SEE YOU NEXT POST LADS !!!
Thanks To :
1. ANGELS CYBER MOON
2. TANGGERANG CYBER ARMY
3. X-SPYPOISON COMMUNITY
4. CLOWNSEC TEAM
5. INDOSEC NETWORK
6. MALANG XPLOIT CYBER
Belum ada Komentar untuk "HTML Dasar : Heading "
Posting Komentar