Bagi kamu yang berkecimpung dalam dunia web tentu tidak asing mendengar istilah HTML dan CSS. Jika ingin bergelut dalam dunia programming khususnya pada web, kamu diharuskan mengenal apa itu HTML dan CSS karena istilah tersebut merupakan bagian yang paling dasar dari pembuatan sebuah website.
Masih banyak orang yang sedikit belum paham perbedaan HTML dan CSS, dari itu disini saya akan mencoba mengulas sedikit banyak pada artikel kali ini. Meskipun mungkin sedikit, saya akan mencoba mengulasnya dengan sedemikian rupa agar mudah dipahami oleh orang awam.
Pengertian HTML
HTML adalah singkatan dari Hypertext Markup Language, yang merupakan bahasa markup standar yang digunakan untuk membuat halaman web. HTML digunakan untuk membuat dan mengatur konten di sebuah halaman web, seperti teks, gambar, dan video.
HTML juga digunakan untuk membuat tautan yang memungkinkan pengguna untuk menavigasi di antara halaman web yang berbeda. HTML adalah bagian penting dari setiap halaman web, karena memberikan struktur dan informasi yang dibutuhkan untuk menampilkan konten di halaman web.
Pengertian CSS
CSS adalah singkatan dari Cascading Style Sheets, yang merupakan bahasa script stye sheets yang digunakan untuk mengatur tampilan dan desain halaman web. CSS mengatur bagaimana konten di sebuah halaman web ditampilkan, seperti warna, font, dan tata letak.
CSS memungkinkan kamu untuk mengontrol tampilan halaman web secara terpisah dari konten di dalamnya, sehingga kamu dapat dengan mudah mengubah tampilan seluruh halaman web dengan mengubah file CSS.
CSS juga memungkinkan untuk membuat halaman web yang responsif, yang dapat menyesuaikan tampilannya untuk berbagai ukuran layar.
Cara kerja HTML
Cara kerja HTML adalah dengan menggunakan tag-tag yang ditulis dalam dokumen HTML untuk mengatur konten di halaman web. Setiap tag dari HTML itu merupakan sebuah instruksi untuk browser tentang bagaimana menampilkan konten di halaman web.
Misalnya, tag <p> digunakan untuk menandai bahwa kode tersebut adalah sebuah paragraf teks, sedangkan tag <img> digunakan untuk menampilkan sebuah gambar. Browser kemudian menggunakan informasi dari tag-tag ini untuk menampilkan konten di halaman web sesuai dengan instruksi yang diberikan.
Tag diatas adalah sebagian contoh kecil saja, masih banyak tag-tag yang digunakan pada HTML.
Berikut ini adalah contoh sebuah script HTML yang dapat digunakan untuk membuat sebuah halaman web:
Script HTML di atas menggunakan tag-tag HTML untuk mengatur konten di halaman web, seperti judul halaman web dengan tag <title>, teks paragraf dengan tag <p>, dan gambar dengan tag <img>. Script HTML juga menggunakan tag <link> untuk menghubungkan halaman web ke file CSS yang mengatur tampilannya.
Browser kemudian akan menggunakan informasi dari script HTML ini untuk menampilkan halaman web sesuai dengan instruksi yang diberikan.
Cara kerja CSS
Cara kerja CSS adalah dengan menggunakan aturan-aturan yang ditulis dalam sebuah script CSS untuk mengatur tampilan halaman web.
Setiap aturan CSS menentukan bagaimana elemen-elemen di halaman web akan ditampilkan, seperti warna, font, dan tata letak.
Aturan-aturan ini kemudian diterapkan pada elemen-elemen di halaman web melalui penggunaan selektor CSS, yang menentukan elemen mana yang akan diterapkan aturan-aturan tersebut. Browser kemudian menggunakan informasi dari aturan-aturan CSS ini untuk menampilkan halaman web sesuai dengan instruksi yang diberikan.
Berikut ini adalah contoh sederhana dari sebuah file CSS:
Aturan-aturan di dalam script CSS tersebut menentukan bagaimana elemen-elemen di halaman web akan ditampilkan, seperti warna latar belakang untuk elemen <body>, warna font untuk elemen <h1>, dan font family dan ukuran font untuk elemen <p>.
Browser kemudian akan menerapkan aturan-aturan ini pada elemen-elemen di halaman web untuk menampilkan halaman web sesuai dengan instruksi yang diberikan.
Perbedaan Secara Spesifik Antara HTML dan CSS
Perbedaan mendasar dari HTML dan CSS adalah HTML digunakan untuk membuat atau mengatur konten dari sebuah halaman web, sedangkan CSS digunakan untuk mengatur tampilan dan desain dari halaman web tersebut.
Sederhananya HTML menyediakan struktur dan informasi yang dibutuhkan untuk menampilkan konten di halaman web, sedangkan CSS menentukan bagaimana konten itu akan ditampilkan.
HTML dan CSS biasanya digunakan bersama-sama untuk membuat halaman web yang menarik dan berguna.
Kesimpulan
Dengan mengetahui perbedaan HTML dan CSS, kamu akan lebih paham jika ingin membangun sebuah wesite. Kedua perintah tersebut tidak terpisahkan satu sama lain, kamu pasti akan menggunakannya secara bersamaan dan berdampingan.
Dalam dunia programming sebuah sintaks dari kedua perintah tersebut tidak boleh asal ditulis, ada aturan yang harus kamu gunakan agar kode perintah berjalan dengan baik.
Satu lagi yang tidak ketahui, bahwa banyak orang yang masih menganggap bahwa HTML dan CSS adalah bahasa pemrograman. Itu keliru, yang benar adalah HTML adalah bahasa markup dan CSS adalah script bahasa style sheet (desain) yang termasuk dari bagian bahasa markup juga, jadi HTML dan CSS bukan merupakan bahasa pemrograman 🙂
Founder & Owner lesnoles.com | Teknik Informatika.
Penyuka dunia teknologi terutama dibidang Web Development.
Saat ini sedang mengerjakan project Copywriting dan Web Desain.
