Pernah nggak sih kamu penasaran bagaimana sebuah website bisa terbentuk? Kalau kamu baru mau belajar coding, pasti sering dengar tentang HTML. HTML (HyperText Markup Language) adalah fondasi utama dalam pembuatan website. Bisa dibilang, HTML adalah “kerangka” yang membangun tampilan website agar bisa ditampilkan dengan baik di browser.
Tapi, untuk bisa mulai membangun website, kamu perlu tahu dulu elemen dasar HTML yang wajib ada. Nah, di artikel ini, kita bakal bahas elemen-elemen tersebut dengan cara yang gampang dipahami!
1. Memberi Tahu Tipe Dokumen
Sebelum mulai menulis kode HTML, kamu harus mendeklarasikan jenis dokumen yang digunakan. digunakan untuk memberi tahu browser bahwa dokumen yang kamu buat menggunakan HTML5, versi terbaru dari HTML.
Contoh:
<!DOCTYPE html>2. Elemen Utama HTML
Setelah mendeklarasikan tipe dokumen, kamu perlu membungkus seluruh kode dalam elemen <html>. Semua elemen HTML akan ditempatkan di dalamnya.
Contoh:
<html>
...
</html>3. Bagian Informasi Website
Bagian <head> berisi informasi penting tentang halaman web yang tidak terlihat langsung oleh pengguna. Misalnya, judul halaman, meta description, dan link ke file CSS atau JavaScript.
Contoh:
<head>
<title>Judul Halaman</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>4. Menentukan Judul Halaman
Elemen <title> berada di dalam <head> dan berfungsi untuk memberikan judul pada halaman web yang muncul di tab browser.
Contoh:
<title>Belajar HTML Dasar</title>5. Tempat Menampilkan Konten
Bagian <body> adalah tempat di mana semua konten utama website akan ditampilkan. Misalnya, teks, gambar, tombol, dan elemen-elemen lainnya.
Contoh:
<body>
<h1>Selamat Datang di Websiteku!</h1>
<p>Ini adalah contoh paragraf di dalam HTML.</p>
</body>6. Heading atau Judul
Elemen heading digunakan untuk membuat judul dalam halaman web. Heading memiliki tingkatan dari <h1> (yang paling besar) hingga <h6> (yang paling kecil).
Contoh:
<h1>Judul Utama</h1>
<h2>Subjudul</h2>7. Paragraf
Elemen <p> digunakan untuk menuliskan paragraf dalam HTML. Setiap paragraf sebaiknya ditulis dalam elemen <p> agar lebih rapi dan mudah dibaca.
Contoh:
<p>Ini adalah sebuah paragraf dalam HTML.</p>8. Link atau Tautan
Kalau kamu ingin menambahkan tautan ke halaman lain, gunakan elemen <a>. Kamu bisa menghubungkan halaman web dengan menambahkan atribut href.
Contoh:
<a href="https://www.dumetschool.com">Kunjungi DUMET School</a>9. Menampilkan Gambar
Kalau ingin menampilkan gambar di halaman web, gunakan elemen <img>. Elemen ini membutuhkan atribut src untuk menentukan sumber gambar dan alt sebagai deskripsi gambar.
Contoh:
<img src="gambar.jpg" alt="Gambar Contoh">10. List atau Daftar
Kalau kamu ingin membuat daftar, bisa menggunakan elemen <ul> (unordered list) untuk daftar tanpa angka atau <ol> (ordered list) untuk daftar bernomor. Setiap item dalam daftar harus dibungkus dengan <li>.
Contoh:
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>Kesimpulan
HTML adalah bahasa dasar yang wajib dikuasai untuk membangun website. Dengan memahami elemen dasar HTML seperti <html>, <head>, <body>, <h1>, <p>, dan elemen lainnya, kamu sudah bisa mulai membuat halaman web sederhana.
Kalau kamu ingin belajar lebih dalam tentang HTML dan menjadi seorang frontend developer, DUMET School punya paket kursus frontend developer yang bisa membantu kamu menguasai dunia pengembangan web dari nol. Yuk, mulai belajar sekarang dan ciptakan website impianmu!