Belajar HTML : #1 Pengenalan Heading dalam HTML

Pada artikel kali ini akan dibahas mengenai Heading dalam HTML. Belajar HTML pengenalan dasar Bagian 1..

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

Membuat Heading Pada HTML 5, Cara Dan Kegunaan #3

Rekomendasi Text Editor Untuk Menulis Sintaks Kode Pemprograman

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

Belajar HTML : #1 Pengenalan Heading dalam HTML

Pada artikel kali ini akan dibahas mengenai Heading dalam HTML. Belajar HTML pengenalan dasar Bagian 1..

Membuat Heading Pada HTML 5, Cara Dan Kegunaan #3

Rekomendasi Text Editor Untuk Menulis Sintaks Kode Pemprograman

Nursodik Assalam

Artikel Terkait Lainnya

Membuat Heading Pada HTML 5, Cara Dan Kegunaan #3

Rekomendasi Text Editor Untuk Menulis Sintaks Kode Pemprograman

Tag Paragraph HTML ✓: Fungsi Untuk Membuat Baris Paragraph Baru #2

Belajar Unity C# dasar : Apa Itu C# dan Buat Projek Unity

Categories

KONTEN

SHOP

SOSIAL LINK

Welcome Back!

Create New Account!

Retrieve your password

Add New Playlist