Anda di halaman 1dari 2

Pengenalan HTML dan CSS

HTML (HyperText Markup Language) dan CSS (Cascading Style Sheets) adalah dua bahasa yang sangat
penting dalam pengembangan web. HTML digunakan untuk membuat struktur dan konten halaman
web, sedangkan CSS digunakan untuk mengatur tampilan dan gaya visual halaman web. Dalam materi
ini, kita akan membahas pengenalan HTML dan CSS secara mendalam.

I. Pengenalan HTML (500 kata)

HTML adalah bahasa markah yang digunakan untuk membuat struktur dan konten halaman web.
Singkatan dari HyperText Markup Language, HTML menggunakan tag-tag untuk mengidentifikasi dan
memformat elemen-elemen dalam dokumen. Berikut adalah beberapa konsep penting dalam HTML:

Struktur Dasar HTML

Dokumen HTML dimulai dengan tag <html> dan diakhiri dengan tag </html>. Di antara tag-tag tersebut,
terdapat tag <head> yang berisi informasi tentang halaman seperti judul dan meta data, serta tag
<body> yang berisi konten yang akan ditampilkan di halaman web.

Elemen dan Tag

HTML menggunakan elemen dan tag untuk membangun struktur halaman web. Elemen dapat berupa
teks, gambar, tautan, tabel, formulir, dan banyak lagi. Setiap elemen dikelilingi oleh tag yang menandai
awal dan akhir elemen tersebut. Misalnya, tag <p> digunakan untuk membuat paragraf, sedangkan tag
<img> digunakan untuk menampilkan gambar.

Atribut

Atribut memberikan informasi tambahan tentang elemen HTML. Setiap elemen dapat memiliki atribut
yang mempengaruhi tampilan atau perilaku elemen tersebut. Misalnya, atribut src pada tag <img>
digunakan untuk menentukan sumber gambar yang akan ditampilkan.

II. Pengenalan CSS (500 kata)

CSS adalah bahasa yang digunakan untuk mengatur tampilan dan gaya visual halaman web. Singkatan
dari Cascading Style Sheets, CSS memisahkan gaya dari struktur dokumen HTML. Berikut adalah
beberapa konsep penting dalam CSS:

Selektor
Selektor digunakan untuk memilih elemen HTML yang akan diberi gaya CSS. Selektor dapat berupa nama
elemen, kelas, ID, atau kombinasi dari semuanya. Misalnya, selektor p akan memilih semua elemen
paragraf, sedangkan selektor .kelas akan memilih semua elemen dengan kelas "kelas".

Properti dan Nilai

Setelah memilih elemen dengan selektor, properti dan nilai digunakan untuk mengatur gaya elemen
tersebut. Properti adalah atribut yang ingin diubah, seperti warna teks atau lebar elemen. Nilai adalah
nilai yang diberikan kepada properti, seperti "merah" atau "12px".

Kaskade dan Warisan

CSS menggunakan prinsip kaskade untuk menentukan gaya yang akan diterapkan pada elemen. Jika ada
beberapa aturan CSS yang berlaku untuk elemen yang sama, maka aturan dengan spesifisitas yang lebih
tinggi akan digunakan. Selain itu, CSS juga mewarisi gaya dari elemen yang lebih tinggi di dalam struktur
dokumen.

Anda mungkin juga menyukai