BelajarAIdotid kali ini akan mengajak kamu menyelami dunia HTML dari dasar, cocok untuk pemula yang ingin memahami fondasi dalam membangun halaman web.
Apa Itu HTML?
HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat dan menyusun halaman web. HTML bekerja dengan cara menandai (mark-up) konten menggunakan tag-tag tertentu agar browser tahu bagaimana menampilkan elemen-elemen tersebut.
Kenapa Harus Belajar HTML?
HTML adalah pondasi dari setiap situs web. Tanpa HTML, sebuah halaman tidak akan bisa ditampilkan dengan struktur yang benar. HTML ibarat kerangka rumah sebelum dicat, didekorasi, dan diisi perabot oleh CSS dan JavaScript.
Struktur Dasar Dokumen HTML
Setiap halaman HTML memiliki struktur dasar yang terdiri dari elemen-elemen utama berikut:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Selamat Datang!</h1>
<p>Ini adalah halaman HTML pertama saya.</p>
</body>
</html>
Penjelasan Setiap Elemen
- <!DOCTYPE html> → Memberi tahu browser bahwa ini adalah dokumen HTML5.
- <html> → Tag pembungkus utama untuk seluruh dokumen HTML.
- <head> → Berisi informasi tentang halaman seperti judul dan link ke file CSS/JS.
- <title> → Judul yang muncul di tab browser.
- <body> → Tempat konten utama website ditampilkan (teks, gambar, video, dll).
Tag-Tag Penting di HTML
Berikut adalah beberapa tag penting yang sering digunakan dalam HTML:
| Tag | Fungsi |
|---|---|
| <h1> hingga <h6> | Heading atau judul dari yang paling besar (h1) sampai kecil (h6) |
| <p> | Paragraf teks |
| <a> | Membuat hyperlink |
| <img> | Menampilkan gambar |
| <ul>, <ol>, <li> | Daftar tidak berurutan (ul), berurutan (ol), dan item daftar (li) |
Contoh Praktik Sederhana
Coba salin kode berikut ke editor HTML seperti Notepad atau gunakan CodePen:
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Pertamaku</title>
</head>
<body>
<h1>Hello, Dunia!</h1>
<p>Saya sedang belajar HTML di BelajarAIdotid.</p>
<a href="https://belajaraidotid.com">Kunjungi Kami</a>
</body>
</html>
Tips Belajar HTML dengan Mudah
- Praktik langsung setiap kali mempelajari satu tag baru.
- Gunakan editor online seperti CodePen, JSFiddle, atau repl.it.
- Baca dokumentasi resmi seperti di MDN Web Docs.
Penutup Part 1
Di bagian pertama ini, kita sudah belajar tentang struktur dasar HTML dan beberapa tag penting. Pada Part 2, kita akan membahas lebih jauh mengenai atribut HTML, gambar, link eksternal/internal, dan form input.
Yuk terus belajar bersama di BelajarAIdotid!
___part 2>>>>___
