Copyright © 2022 Oke Teknologi. All Rights Reserved.
Belajar HTML : #1 Pengenalan Heading dalam HTML
Pada artikel kali ini akan dibahas mengenai Heading dalam HTML. Belajar HTML pengenalan dasar Bagian 1..
ADVERTISEMENT
Sebelumnya Admin pernah menjelaskan dalam artikel Apa itu HTML ? Apakah salah satu bahasa pemrograman. Dalam Artikel tersebut berisikan mengenai sejarah, fungsi HTML dan juga pengenalan sintaks dasar HTML. Dalam artikel kali ini Admin akan membahas dan menjelaskan kembali mengenai Aturan penulisan Sintaks HTML dengan struktur yang baik dan benar. Juga akan membahas mengenai heading dalam HTML.
Aturan Penulisan Sintaks HTML yang Baik dan Benar
HTML adalah sebuah bahasa markup dan kependekan dari Hyper Text Markup Language. HTML digunakan untuk membangun strukur dari sebuah website. Diikuti oleh CSS untuk memberikan style pada HTML, dan juga Javascript untuk Interaksi terhadap pengguna.
Sebenarnya penulisan sintaks HTML tidak apa jika dibuat tidak beraturan strukturnya karna tetap akan dapat ditampilkan di web Browser. Akan tetapi ini akan mempersulit nantinya jika pengembangan sudah terlalu besar. Kemungkinan juga akan terjadi beberapa error pada program yang terkait seperti Javascript. Maka dari itu dibutuhkan aturan penulisan dari struktur HTML yang baik.
Struktur penulisan HTML yang baik dapat dilihat pada sintaks berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>This for Heading Text.</h1>
<p>This for Paragraph Text.</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Maiores nesciunt inventore voluptatem earum laudantium animi
hic quibusdam nostrum nisi quasi numquam, quae consequatur
repellat doloribus. Id, voluptate! Maxime, a sequi?
</p>
</body>
</html>
Dapat dijelaskan dari susunan program diatas:
- dimulai dengan bagian tag <!DOCTYPE html> yang digunakan sebagai penanda dokumen HTML.
- Selanjutnya tag <html></html> digunakan untuk memulai struktur bagian HTML.
- Bagian tag <head></head> yang menjelaskan sebagai header dokumen HTML.
- Dan didalam tag Head terdapat tag seperti <title></title> yang digunakan untuk mengisi bagian dokumen judul Website.
- Lalu ada Tag <body></body>, di tag inilah nantinya tampilan website yang kamu lihat pada web browser disusun.
untuk lebih detilnya Admin sudah menjelaskan pada artikel sebelumnya di Apa itu HTML ? Apakah salah satu bahasa pemrograman.
Pengenalan Heading dalam HTML
Umumnya Tag HTML memiliki 6 ukuran atau tingkatan yaitu <h1>, <h2>, <h2>, <h4> ,<h5> dan <h6>. Ukuran paling besar dimulai dari tag <h1> dan sampai paling terkecil <h6>. Tag heading pada HTML ini secara default dalam keadaan bold (huruf tebal).
Contoh penulisan tag heading dapat dilihat pada program berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>This for Heading 1.</h1>
<h2>This for Heading 2.</h2>
<h3>This for Heading 3.</h3>
<h4>This for Heading 4.</h4>
<h5>This for Heading 5.</h5>
<h6>This for Heading 6.</h6>
</body>
</html>
Berikut adalah hasil dari program diatas jika dieksekusi oleh web browser
Tag HTML heading berguna sebagai sebuah penekanan isi dari konten yang ditampilkan. Dalam search engine seperti Google, Title page biasanya akan diambil tag heading. Tag heading yang lebih besar akan dilebih dahulukan untuk dipakai sebagai titlenya.
Mungkin sampai disini dahulu untuk pembahasan mengenai tag heading. Selanjutnya kita akan membahas mengenai Tag Paragraph pada HTML.
Was this article helpful?
YesNo
ADVERTISEMENT
Artikel Terkait Lainnya
Membuat Heading Pada HTML 5, Cara Dan Kegunaan #3
Pada artikel sebelumnya kita sudah mempelajari mengenai Tag Paragraph HTML 5. Selanjutnya pada artikel kali ini akan memasuki pembahasan mengenai...
Rekomendasi Text Editor Untuk Menulis Sintaks Kode Pemprograman
Dalam membuat sebuah software, sudah pastinya kita memerlukan sebuah aplikasi yang berguna untuk menuliskan kode program kita. Banyak sekali aplikasi...
Tag Paragraph HTML ✓: Fungsi Untuk Membuat Baris Paragraph Baru #2
Oketeknologi.com - Membahas lanjutan mengenai HTML 5. Sebelumnya Admin sudah menjelaskan mengenai Tag Heading dalam HTML. Untuk pembahasan pada artikel...
Belajar Unity C# dasar : Apa Itu C# dan Buat Projek Unity
Pada artikel ini Admin akan membawa sebuah Tutorial Belajar Unity C# Dasar. saya akan mengenalkan sebuah bahasa pemprograman C# Untuk...
Leave a Reply
Oke Teknologi memberikan kamu update artikel/tutorial setiap harinya, pastikan kamu sudah mengsubscribe untuk terus medapatkan update informasi yang kami unggah.
KONTEN
- Kebijakan Privasi
- Syarat & Ketentuan
- Kebijakan Cookie
- Kelola Pemberitahuan Situs
- Disclaimer
- Aksebilitas
- Sitemap
SOSIAL LINK
