Halo teman-teman semuanya, di seri pertama ini kita akan berkenalan dengan HTML, fondasi utama dari semua halaman web. Jika kamu baru mulai belajar web development, maka HTML adalah tempat yang tepat untuk memulai.
Apa Itu HTML?
HTML (HyperText Markup Language) adalah bahasa markup standar yang digunakan untuk membuat struktur halaman web. HTML bukan bahasa pemrograman, melainkan bahasa yang digunakan untuk menandai elemen-elemen dalam dokumen agar bisa ditampilkan di web browser.
Dengan HTML, kita bisa menentukan bagian-bagian penting dalam sebuah halaman seperti heading, paragraf, gambar, link, tabel, form, dan masih banyak lagi.
Kenapa Harus Belajar HTML?
Karena tanpa HTML, tidak ada halaman web. Semua website, dari blog sederhana hingga aplikasi web kompleks, dimulai dari struktur HTML. Beberapa alasan kenapa HTML penting:
- Merupakan fondasi utama dari web
- Digunakan bersama dengan CSS dan JavaScript
- Sangat mudah dipelajari, bahkan untuk pemula
- Didukung oleh semua browser
Langkah 1 – Struktur Dasar HTML
Berikut adalah contoh struktur dasar dari sebuah dokumen HTML:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Belajar HTML Dasar</title>
</head>
<body>
<h1>Halo, Dunia!</h1>
<p>Ini adalah paragraf pertama dalam HTML.</p>
</body>
</html>Mari kita bahas bagian-bagian penting dari kode di atas:
<!DOCTYPE html>: Menandakan bahwa ini adalah dokumen HTML5.<html>: Elemen root dari seluruh dokumen.<head>: Bagian ini berisi informasi tentang halaman, seperti title, charset, dan meta tag.<title>: Judul halaman yang akan muncul di tab browser.<body>: Di sinilah semua konten halaman yang terlihat akan ditulis, seperti teks, gambar, dan lain-lain.<h1>dan<p>: Tag heading dan paragraf untuk menampilkan teks di layar.
Langkah 2 – Coba di Browser
Kita bisa langsung menulis kode di atas menggunakan text editor seperti VSCode, lalu simpan file dengan ekstensi .html, misalnya: index.html. Setelah itu, buka file tersebut di browser dan kita akan melihat tulisan “Halo, Dunia!” muncul di layar.
Kesimpulan
Di artikel pertama ini, kita sudah mengenal apa itu HTML dan melihat struktur dasar dari sebuah halaman HTML. Cukup dengan beberapa baris kode, kita sudah bisa membuat halaman web pertama kita. Selanjutnya, kita akan belajar tentang tag dan elemen HTML yang lebih spesifik.