Apa Itu HTML? Kenalan dengan Kerangka Website

Table of Contents

Halo calon web developer!

Pernah terpikir bagaimana Google, Instagram, atau blog kesukaanmu bisa tampil di layar? Semua itu berawal dari bahasa dasar bernama HTML.

HTML bukan bahasa pemrograman, melainkan bahasa markah. Bedanya, bahasa pemrograman digunakan untuk memberi instruksi logika atau perhitungan, sedangkan HTML hanya dipakai untuk memberi struktur pada konten agar bisa ditampilkan di browser.

Mengenal HTML

HTML adalah singkatan dari HyperText Markup Language. Mari kita pecah jadi tiga bagian:

1. HyperText
   Artinya teks yang bisa memiliki tautan. Dengan HTML, kita bisa menghubungkan satu halaman ke halaman lain dan membentuk jaringan informasi yang kita kenal sebagai web.
2. Markup
   HTML bertugas memberi tanda pada konten. Misalnya: mana yang jadi judul, mana yang paragraf, atau mana yang berupa daftar. Browser membaca tanda ini untuk menampilkan halaman dengan rapi.
3. Language
   Disebut bahasa karena HTML punya aturan penulisan yang dipahami oleh semua browser di dunia.

Singkatnya, HTML adalah kerangka yang menyusun isi sebuah halaman web, mulai dari teks, gambar, tautan, sampai tabel.

Peran HTML dalam Website

Agar lebih mudah, bayangkan sebuah website seperti tubuh manusia:

• HTML adalah tulang, yaitu kerangka yang membentuk struktur halaman.
• CSS adalah kulit dan pakaian, yang memberi warna, font, dan tata letak.
• JavaScript adalah otot dan otak, yang membuat halaman bisa bergerak dan interaktif.

Tanpa HTML, sebuah website hanyalah kumpulan teks polos. HTML-lah yang menjadikannya terstruktur dan bisa digunakan.

Cara Kerja HTML

HTML menggunakan elemen yang disebut tag. Tag ditulis dengan tanda kurung sudut, misalnya <h1> untuk judul besar.

Contoh:

<h1>Ini Judul Utama Halaman Saya</h1>

Sebagian besar tag HTML memiliki pasangan. Yang dimaksud dengan berasangan adalah seperti <h1> sebagai pembuka dan </h1> sebagai penutup. Jadi yang membedakan keduanya adalah dari tanda "/" yang dimana jadi penanda bahwa itu adalah penutup dari tag <h1> dan konten atau isi dari text <h1>  harus ditaruh di antara tag pembuka dan tag penutupnya.

Beberapa tag dasar yang sering dipakai antara lain:

• <h1> sampai <h6> untuk membuat judul dengan ukuran berbeda.
• <p> untuk membuat paragraf.
• <a> untuk membuat tautan yang bisa diklik.
• <img> untuk menampilkan gambar.

Penutup

HTML adalah pondasi dari setiap halaman web. Ia tidak bisa berdiri sendiri, tapi selalu menjadi titik awal sebelum menambahkan CSS atau JavaScript.

Kalau ingin mulai belajar membuat website, pahami dulu dasar-dasar tag HTML dan coba langsung dipraktikkan. Dari situlah semua perjalanan sebagai web developer dimulai.