🔹 Tips Dasar HTML
- Struktur Wajib HTML
Selalu mulai dengan kerangka dasar:<!DOCTYPE html> <html> <head> <title>Judul Website</title> </head> <body> <h1>Halo Dunia!</h1> <p>Ini website pertamaku</p> </body> </html> - Gunakan Tag Sesuai Fungsi
<h1> - <h6>→ judul<p>→ paragraf<a>→ link<img>→ gambar<ul> / <ol>→ list<div>→ wadah/blok
- Alt pada Gambar
Pakaialtbuat deskripsi gambar, penting untuk SEO & aksesibilitas:<img src="foto.jpg" alt="Foto pemandangan gunung">
🔹 Tips Dasar CSS
- Tiga Cara Pakai CSS
- Inline → langsung di tag
<p style="color:red;">Teks Merah</p> - Internal → di dalam
<style>di<head> - External → file
.cssterpisah (lebih rapi)
- Inline → langsung di tag
- Selector Dasar
- Pakai tag →
p { color: blue; } - Pakai class →
.kotak { border: 1px solid black; } - Pakai id →
#judul { font-size: 24px; }
- Pakai tag →
- Gunakan Layout CSS
display: flex;buat tata letak sejajarmargin&paddinguntuk jarakbackground-color,font-family,coloruntuk gaya
- Responsif dengan % atau rem
Hindari fix pixel berlebihan, pakai ukuran fleksibel biar website enak dilihat di HP/laptop.body { font-size: 16px; } h1 { font-size: 2rem; /* relatif ke body */ }
🔹 Bonus Tips
- Selalu rapikan kode biar gampang dibaca.
- Pakai Inspect Element (F12) buat belajar styling langsung.
- Belajar struktur semantic HTML (header, main, footer, nav, article).
- Mulai dari project kecil: bikin portofolio sederhana atau landing page.
Simak artikel kami yang lain di bawah ini :
- Apa itu Node.js? Pengertian,Fungsi,kelebihan dan kekurangannya. Simaklah berikut ini!
- tips Cara mencegah laptop anda overheating!
- Apa it SQL? Pengertian dan fungsi nya.
- Sejarah Munculnya CPU (Central Processing Unit)
- Apa itu Vue.js? Berikut Pengertian, Fitur, dan Kelebihan dan Kekurangan nya!
Ingin membuat sebuah Website tapi bingung cara bikin nya? tenang Powercode Solusi nya! Pembuatan website anda akan ditangani oleh programmer terbaik kami Silahkan kunjungi pembuatan Website Kami.
