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.