Perbedaan Fungsi HTML dan CSS pada Halaman Web

WritingSkills.web.id - HTML dan CSS adalah bahasa utama untuk membuat halaman-halaman web dan aplikasi-aplikasi berbasis web. 

HTML merupakan singkatan dari Hypertext Markup Language. HTML membuat struktur dan mengisi sebuah halaman web dengan teks, gambar, tautan dan container. 

CSS adalah singkatan dari Cascading Style Sheets yang berfungsi untuk menentukan tampilan dari dokumen HTML, XML, dan XHTML. 

CSS digunakan untuk mengubah style dari teks, gambar, dan tautan. CSS mengubah desain dan tampilan elemen-elemen di dalam halaman HTML. Singkatnya, CSS digunakan untuk membuat tampilan responsif, animasi, perubahan gaya teks, dan pemosisian container. 

HTML tersusun dari konten yang ada di antara tags, contohnya <tag>Konten di sini</tag>.

CSS tersusun dari selector yang diikuti dengan declaration block, contohnya selector{declaration block}.

Contoh kode HTML:

<h2>

  Ini adalah judul.

</h2>

<p>

  Ini sebuah paragraf. 

</p>

Contoh kode CSS:

 p { color: red; }

 h2 {font-size: 24px; }

 

Kedua contoh kode di atas berarti: (1) Dengan HTML kita membuat elemen judul dan paragraf; (2) Dengan kode CSS kita menentukan konten elemen <p> HTML menjadi berwarna merah, dan konten elemen <h2> memiliki ukuran huruf sebesar 24 pixel. 

HTML/CSS di Peramban

Sebagai contoh, kita punya dua buah file, HTML dan CSS di bawah ini:

Berkas HTML:

<p>

  This is a paragraph

</p>

Berkas CSS:

 p { color: green; }

Bila peramban hanya memuat berkas HTML saja, tampilan yang dihasilkan adalah:

Bila peramban memuat berkas HTML dan CSS, tampilan yang dihasilkan adalah paragraf tersebut yang berwarna hijau:

Tapi, jika hanya memuat file CSS saja, peramban hanya akan menampilkan teks: p { color:green; }.

Berbagi :