HTML (Hypertext Markup Language)
adalah bahasa markah standar yang digunakan untuk membuat struktur dan konten dari sebuah halaman web. HTML menggunakan elemen-elemen yang diatur dalam tag-tag untuk memberi tahu browser bagaimana cara menampilkan konten web. Setiap elemen HTML memiliki struktur yang terdiri dari sebuah tag pembuka dan tag penutup, yang mengapit konten di antara keduanya.
Contoh elemen HTML sederhana adalah <p> yang digunakan untuk memformat paragraf, dan <h1> untuk judul utama. Berikut adalah contoh kode HTML dasar untuk membuat halaman web sederhana:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman Web</title>
</head>
<body>
<h1>Judul Utama</h1>
<p>Ini adalah sebuah paragraf.</p>
</body>
</html>
CSS (Cascading Style Sheets)
adalah bahasa stylesheet yang digunakan untuk mengatur tampilan dan tata letak elemen-elemen HTML di halaman web. CSS digunakan untuk mengontrol warna, ukuran, jenis font, jarak, dan berbagai properti lainnya dari elemen-elemen HTML. Dengan CSS, Anda dapat memisahkan tata letak dan penampilan halaman web dari strukturnya.
Contoh sederhana dari CSS adalah sebagai berikut:
h1 {
color: blue;
font-size: 24px;
}
p {
color: red;
font-size: 16px;
}CSS di atas akan mengubah warna teks pada elemen <h1> menjadi biru dan ukuran font-nya menjadi 24px. Sementara itu, warna teks pada elemen <p> akan menjadi merah dan ukuran font-nya menjadi 16px.
Untuk menghubungkan CSS dengan HTML, Anda dapat menggunakan elemen <style> dalam bagian <head> dokumen HTML, atau menyimpan kode CSS dalam file terpisah dan menggunakan elemen <link> untuk menghubungkannya ke halaman HTML.
Ini adalah pengantar singkat tentang HTML dan CSS. Keduanya merupakan fondasi dalam pembuatan halaman web dan memiliki banyak fitur dan konsep yang lebih kompleks untuk dieksplorasi.
