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.
2. Sintaks & Konsep Utama CSS (Tampilan)
-
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.
3. Tools Pengembangan
-
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.