Panduan Elemen & Sintaks Web

Berikut adalah daftar elemen penting yang sering digunakan dalam pengembangan web frontend maupun backend.

1. Elemen Dasar HTML (Struktur)

<!DOCTYPE html>
- Fungsi: Deklarasi versi HTML untuk browser agar merender standar HTML5 terbaru.
<html>
- Fungsi: Akar (root) dari dokumen yang membungkus seluruh konten web.
<head>
- Fungsi: Berisi informasi teknis (metadata) seperti judul dan link CSS yang tidak terlihat di layar.
<body>
- Fungsi: Wadah utama untuk semua elemen visual seperti teks, tombol, dan gambar.
<a href="...">
- Fungsi: Membuat tautan (hyperlink) navigasi antar halaman web.

Selectors
- Fungsi: Menginstruksikan browser elemen HTML mana yang akan diberi gaya visual.
Box Model
- Fungsi: Mengelola ruang elemen melalui Margin (luar), Border (garis), dan Padding (dalam).
Flexbox & Grid
- Fungsi: Sistem tata letak modern untuk membuat desain yang rapi dan fleksibel.
Media Queries
- Fungsi: Membuat web responsif yang tampilannya berubah sesuai ukuran layar perangkat.

VS Code
- Editor kode utama untuk efisiensi menulis script pemrograman.
Browser DevTools
- Alat inspeksi kode langsung di browser untuk debugging cepat (F12).
Framework
- Kumpulan kode siap pakai seperti Tailwind atau Bootstrap untuk mempercepat proses UI.