Apa Itu Html Dan Css

4 min read Jun 28, 2024

Apa itu HTML dan CSS?

HTML (HyperText Markup Language) dan CSS (Cascading Style Sheets) adalah dua teknologi inti yang membentuk pondasi web modern. Mereka bekerja sama untuk menciptakan situs web yang dinamis dan interaktif yang kita lihat setiap hari.

HTML: Struktur dari Situs Web

HTML adalah bahasa markup yang digunakan untuk menentukan struktur dan konten dari sebuah halaman web. Bayangkan HTML sebagai kerangka dasar yang membentuk halaman web.

Berikut beberapa elemen dasar HTML:

Tag: HTML menggunakan tag untuk mendefinisikan berbagai elemen dalam halaman, seperti judul, paragraf, gambar, dan tautan. Tag ditulis dalam kurung siku (< >), misalnya <p> untuk paragraf atau <h1> untuk judul utama.
Atribut: Atribut memberikan informasi tambahan tentang elemen. Misalnya, tag <img> memiliki atribut src untuk menentukan sumber gambar dan alt untuk teks alternatif yang ditampilkan jika gambar tidak dapat dimuat.

Contoh kode HTML:




  Judul Halaman


  Selamat Datang!
  Ini adalah paragraf pertama.

Kode di atas akan menampilkan halaman web dengan judul "Judul Halaman", judul utama "Selamat Datang!", dan sebuah paragraf.

CSS: Gaya dan Penampilan Situs Web

CSS adalah bahasa yang digunakan untuk menentukan tampilan visual dari sebuah halaman web. Jika HTML adalah kerangka, maka CSS adalah baju yang dipakaikan pada kerangka tersebut.

CSS mengendalikan:

Warna: Warna teks, latar belakang, dan elemen lainnya.
Font: Jenis, ukuran, dan gaya font.
Tata Letak: Posisi elemen, margin, padding, dan lain-lain.
Animasi: Gerakan dan efek visual lainnya.

Contoh kode CSS:

h1 {
  color: blue;
  font-size: 3em;
  text-align: center;
}

p {
  font-family: Arial, sans-serif;
  line-height: 1.5;
}

Kode di atas akan mengubah warna judul utama menjadi biru, ukurannya menjadi 3 kali ukuran font default, dan memusatkannya di tengah halaman. Paragraf akan menggunakan font Arial dan jarak baris 1.5.

Hubungan HTML dan CSS

HTML dan CSS berkolaborasi untuk membuat halaman web yang lengkap. HTML mendefinisikan konten dan struktur, sedangkan CSS menentukan bagaimana konten tersebut ditampilkan.

Contoh sederhana:

HTML: <p>Ini adalah paragraf.</p>
CSS: p { color: red; }

Kode di atas akan menampilkan paragraf berwarna merah di halaman web.

Pentingnya HTML dan CSS

Mempelajari HTML dan CSS sangat penting bagi siapa saja yang ingin membangun situs web, aplikasi web, atau bahkan konten digital lainnya. Dengan memahami kedua teknologi ini, Anda dapat:

Menciptakan situs web yang menarik dan profesional.
Mendesain tata letak halaman sesuai keinginan.
Membuat situs web yang responsif di berbagai perangkat.
Meningkatkan keterjangkauan dan aksesibilitas situs web.

Dengan kemajuan teknologi web yang terus berkembang, HTML dan CSS tetap menjadi dasar yang kuat untuk membangun pengalaman online yang inovatif.

Apa Itu Html Dan Css