HTML sebagai Kerangka Awal Website: Dasar Penting yang Wajib Dipahami Pemula

Tim Coredigi Solutions 18 Jan 2026

Setiap website yang kamu lihat di internet, semuanya dibuat menggunakan HTML. Meski terlihat sederhana, HTML memegang peran penting sebagai pondasi awal sebuah website. Di artikel ini, mimin akan membahas peran HTML sebagai kerangka awal website dengan bahasa yang mudah dipahami.

Apa Itu HTML?

HTML (HyperText Markup Language) adalah bahasa dasar yang digunakan untuk membuat struktur sebuah halaman website. HTML bertugas menyusun konten seperti teks, gambar, tombol, dan link agar bisa ditampilkan di browser.

Berikut adalah struktur dasar HTML yang wajib dipahami:

    <html>
        <head>
            <title>Website title</title>
        </head>
        <body>
            <h1>This is Heading 1</h1>
        </body>
    </html>

Tag html sebagai pembungkus utama yang mana didalamnya terdapat dua tag lain yaitu:

head : Berisi informasi penting dokumen yang tidak ditampilkan ke user. seperti title, meta description, script, dll
body : Berisi apa yang ingin ditampilkan di website. ini yang dilihat user saat mengunjungi website

Kenapa HTML Disebut Kerangka Awal Website?

HTML bisa di ibaratkan seperti rangka bangunan. Ia yang menentukan bagian-bagian utama website sebelum diberi tampilan dan interaksi.

Setelahnya baru ada CSS dan JavaScript sebagai pelengkap untuk struktur HTML yang tersedia.

Tags HTML Dasar untuk Pemula

Ada banyak sekali jenis tags di HTML. Tapi kalau kamu seorang pemula, 4 tags ini yang wajib kamu ketahui:

1. Headings (h1, h2, h3, sd h6)

Headings terdiri dari heading 1 sampai dengan heading 6. Heading 1 biasanya digunakan sebagai judul utama dalam artikel. Heading 2 digunakan sebagai subjudul artikel. Best practice nya, heading 1 hanya boleh ada berjumlah satu saja di setiap halaman website.

Berikut adalah tag html untuk menampilkan heading:

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

2. Paragraph

Berikut adalah tag html untuk menampilkan paragraph:

<p>This is a paragraph</p>

3. Link

Berikut adalah tag html untuk menampilkan link:

<a href="path to link">This is a link</a>

4. Image

Berikut adalah tag html untuk menampilkan image:

<img src="path-to-image.jpg" />

Apa yang Perlu Dipelajari Pemula dari HTML?

Untuk pemula, fokuslah pada:

Struktur dasar HTML
Heading dan paragraf
Link dan gambar

Penguasaan dasar ini sudah cukup untuk mulai membuat website sederhana.

Kesimpulan

HTML adalah kerangka awal website yang menentukan struktur dan fondasi website. Dengan memahami HTML, kamu akan lebih mudah mempelajari CSS, JavaScript, dan teknologi web lainnya.

Kalau ingin serius terjun ke dunia website development, HTML adalah langkah pertama yang tidak boleh dilewatkan.