Apa Itu HTML dan CSS?
HTML dan CSS adalah dua teknologi inti yang digunakan untuk membangun situs web.
HTML (HyperText Markup Language)
HTML adalah bahasa markup yang digunakan untuk menentukan struktur dan konten suatu halaman web. Bayangkan HTML sebagai kerangka dasar dari sebuah rumah, yang menentukan letak ruangan, dinding, dan atap.
Contoh elemen HTML:
<p>: Paragraf teks<h1>: Judul utama<img>: Gambar<a>: Tautan
Cara Kerja HTML:
HTML menggunakan tag-tag untuk menandai elemen-elemen berbeda pada halaman web. Tag-tag ini diapit oleh tanda kurung siku (< dan >).
Contoh kode HTML:
Halaman Web Saya
Selamat Datang!
Ini adalah contoh paragraf teks.
CSS (Cascading Style Sheets)
CSS digunakan untuk menentukan tampilan suatu halaman web. Jika HTML adalah kerangka dasar, CSS adalah cat, furnitur, dan dekorasi yang membuat rumah terlihat menarik.
Contoh properti CSS:
color: Warna teksfont-size: Ukuran fontbackground-color: Warna latar belakangmargin: Jarak margin
Cara Kerja CSS:
CSS bekerja dengan menambahkan gaya ke elemen HTML. Anda dapat mendefinisikan gaya pada file CSS terpisah atau langsung di dalam kode HTML.
Contoh kode CSS:
h1 {
color: blue;
font-size: 3em;
}
p {
margin-top: 10px;
}
Hubungan HTML dan CSS
HTML dan CSS saling melengkapi dan bekerja bersama untuk menciptakan halaman web yang indah dan fungsional. HTML menyediakan struktur dan konten, sementara CSS menentukan tampilan dan gaya.
Kesimpulan:
Singkatnya, HTML adalah bahasa markup yang menentukan struktur dan konten halaman web, sementara CSS adalah bahasa yang menentukan tampilan dan gaya. Bersama-sama, mereka membentuk pondasi dasar pengembangan web.