HTML atau Hypertext Markup Language merupakan bahasa markup yang sangat penting dalam pembuatan dan pengembangan situs web. Salah satu elemen penting yang membuat sebuah situs web menarik dan berfungsi dengan baik adalah bagaimana elemen-elemen visual disusun dan ditampilkan. Dalam hal ini, sebuah struktur yang disebut dengan ‘style sheet’ berperan sangat penting, khususnya jenis yang disebut ‘external style sheet’.
Pengertian External Style Sheet
Sebuah external style sheet adalah file CSS (Cascading Style Sheets) yang dibuat secara terpisah dari halaman HTML utama dan dihubungkan dengan cara merujuk atau “link” ke file tersebut dalam tag HTML. External style sheet digunakan untuk mendefinisikan tampilan dan layout banyak halaman HTML sekaligus, dan memperbarui tampilan semua halaman hanya dengan mengubah satu file.
HTML yang Benar untuk Merujuk ke External Style Sheet
Untuk merujuk ke external style sheet dari file HTML, kita perlu menggunakan elemen <link> dalam head dokumen HTML. Berikut adalah contoh bagaimana HTML yang benar untuk merujuk ke external style sheet:
<!DOCTYPE html><html><head> <link rel="stylesheet" type="text/css" href="your-stylesheet.css"></head><body></body></html>Dalam kode di atas, rel="stylesheet" memberi tahu browser bahwa sumber yang ditautkan adalah sebuah style sheet, type="text/css" menentukan jenis file, dan href="your-stylesheet.css" adalah path atau alamat ke file css yang ada.
Manfaat Menggunakan External Style Sheet
Penggunaan external style sheet mempunyai beberapa manfaat, di antaranya:
- Konsistensi: Dengan menggunakan external style sheet, kita bisa membuat tampilan dan layout yang konsisten di semua halaman web kita.
- Efisiensi: Kita hanya perlu mengubah satu file untuk memperbarui tampilan semua halaman web, sehingga lebih efisien.
- Kebersihan Kode: Dengan memisahkan konten (HTML) dan presentasi (CSS), kode kita menjadi lebih tertata dan mudah dibaca.
Dengan memahami apa HTML yang benar untuk merujuk ke external style sheet dan bagaimana cara kerjanya, kita dapat lebih efisien dan efektif dalam membangun dan mengelola situs web kita.
