Pengantar HTML dan CSS
HyperText Markup Language, dikenal luas sebagai HTML merupakan bahasa markup terkemuka untuk halaman web.
HTML adalah blok bangunan dasar dari halaman web.
Browser web membaca dokumen HTML dan menyusunnya menjadi halaman web visual atau terdengar.
Cascading Style Sheets (CSS) adalah bahasa yang menjelaskan tampilan dan pemformatan dokumen yang ditulis menggunakan bahasa mark up.
CSS banyak digunakan untuk menata halaman web yang ditulis dalam HTML.
Apa itu HTML?
HTML, seperti yang disebutkan sebelumnya adalah bahasa markup, bukan bahasa pemrograman.
Bahasa markup adalah sekumpulan tag markup dan HTML menggunakan tag markup, yang biasanya disebut tag HTML, untuk mendeskripsikan halaman web.
Dokumen HTML menggambarkan halaman web dan berisi tag HTML dan teks biasa.
Tag HTML dapat diidentifikasi dengan mudah dalam dokumen HTML karena dikelilingi oleh tanda kurung sudut (misalnya <HTML>).
Tag HTML biasanya disisipkan ke dalam dokumen secara berpasangan, dimana tag pertama adalah tag awal (misal <b>) dan tag kedua adalah tag akhir (misal </b>).
Tugas browser web (misalnya Internet Explorer, Firefox, dll.) adalah membaca dokumen HTML dan menampilkannya sebagai halaman web.
Browser menggunakan tag HTML untuk menginterpretasikan konten halaman dan tag HTML itu sendiri tidak ditampilkan oleh browser.
Halaman HTML dapat menyematkan gambar, objek, dan skrip yang ditulis dalam bahasa seperti JavaScript.
Selanjutnya, HTML dapat digunakan untuk membuat formulir interaktif.
Apa itu CSS?
Seperti disebutkan sebelumnya, CSS mendefinisikan bagaimana elemen HTML perlu ditampilkan di halaman.
Awalnya, HTML tidak dimaksudkan untuk memiliki tag untuk memformat dokumen, tetapi untuk menentukan konten.
Namun, pengenalan tag seperti <font> di HTML 3.2 membuat hidup para pengembang web menjadi sangat sulit.
Saat mengembangkan situs web besar, menambahkan informasi font dan warna ke setiap halaman menjadi proses yang sangat membosankan.
Sebagai solusi dari masalah ini, World Wide Web Consortium (W3C) membuat CSS.
HTML 4.0 memungkinkan semua pemformatan dihapus dari dokumen HTML dan disimpan dalam file CSS terpisah.
CSS memungkinkan pemisahan konten dokumen dari presentasi dokumen seperti tata letak, warna, dan font.
Ini akan memungkinkan beberapa halaman web berbagi format yang sama dan mengurangi kerumitan dan pengulangan dalam konten struktural.
CSS juga dapat memungkinkan halaman markup yang sama disajikan dalam gaya yang berbeda dengan memungkinkan pembaca memilih lembar gaya yang berbeda untuk menggantikan yang ditentukan oleh penulis halaman web.
Hari ini CSS banyak digunakan dan didukung oleh semua browser.
Perbedaan Antara HTML dan CSS
Perbedaan yang jelas dari mereka, HTML dan CSS adalah HTML adalah bahasa markup yang digunakan untuk menentukan konten halaman web, sedangkan CSS adalah bahasa lembar gaya yang digunakan untuk menentukan pemformatan halaman web.
Meskipun HTML juga dapat menentukan pemformatan halaman web, menggunakan CSS untuk tujuan ini akan lebih efektif, karena akan memungkinkan pemisahan konten dari tampilan dan konsistensi di seluruh Situs.