Kalau lo lagi nyari cara buat bikin tampilan website lo jadi lebih keren, pas banget, bro! Artikel ini bakal ngajarin lo tentang HTML Styles, biar lo bisa bikin desain web yang gak cuma fungsional, tapi juga cakep abis.
Apa Itu HTML Styles?
HTML Styles itu kayak makeup buat website, bro. Dia yang bikin tampilan teks, warna, dan elemen-elemen lainnya jadi enak dilihat. Pake style ini, website lo bisa tampil lebih personal, sesuai selera dan kebutuhan. Yuk, kita bedah lebih lanjut gimana caranya!
Cara Nerapin Style di HTML
Ada 3 cara buat lo nerapin style di HTML:
- Inline Style
Ini cocok buat lo yang mau ngasih style langsung ke elemen tertentu.
Contohnya:<h1 style="color: blue;">Selamat Datang!</h1>- Kelebihannya simpel, bro. Tapi hati-hati, kalau kebanyakan, kode lo jadi berantakan.
- Internal Style
Kalau lo pengen gaya yang seragam di satu halaman, pakai internal style. Letaknya di dalam tag<style>di<head>.
Contoh:<head> <style> h1 { color: red; font-family: Arial, sans-serif; } </style> </head>- Ini bikin halaman jadi lebih rapi dibanding inline style.
- External Style
Mau lebih pro? Pisahin style ke file CSS terpisah, bro. Biasanya pakai ekstensi.css.
Contoh link ke file CSS:<head> <link rel="stylesheet" href="styles.css"> </head>- Dengan cara ini, style lo bisa dipakai di banyak halaman. Hemat waktu dan bikin kerjaan lo lebih terorganisir.
Macam-Macam Properti HTML Styles yang Kece
Ini nih beberapa properti wajib banget buat lo explore:
- Color
Atur warna teks:<p style="color: green;">Teks ini berwarna hijau.</p>
- Font
Ganti jenis huruf biar teks lo tambah estetik:<p style="font-family: Verdana;">Teks ini pakai font Verdana.</p>
- Text Alignment
Ngatur posisi teks (kiri, tengah, kanan):<h1 style="text-align: center;">Teks ini di tengah.</h1>
- Background Color
Tambah warna latar biar website lo makin hidup:<body style="background-color: lightblue;">
- Border
Tambahin garis di sekitar elemen lo:<div style="border: 2px solid black;">Ini pake border.</div>
Kenapa Harus Pakai CSS?
Kalau lo masih ngandelin HTML Styles aja, fix deh lo kudu move on ke CSS. HTML Styles emang cocok buat pemula, tapi CSS kasih lo lebih banyak fleksibilitas dan kontrol. Plus, CSS itu lebih efisien buat desain website yang kompleks.
Kesimpulan
Dengan paham tentang HTML Styles, lo udah mulai punya modal buat bikin website yang gak cuma fungsional, tapi juga enak dilihat. Tapi inget, jangan puas di sini aja! Upgrade skill lo dengan belajar CSS biar website lo makin keren abis.
Jadi, tunggu apa lagi? Coba terapkan tips di atas buat nge-upgrade website lo, bro! Jangan lupa terus eksplorasi dan berkarya. Good luck!
Komentar