HTML (Hypertext Markup Language) adalah bahasa standar yang digunakan untuk membuat dan mendesain struktur sebuah halaman web. Sedangkan CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan dan layout halaman web. Dalam pengembangan sebuah situs web, seringkali HTML dan CSS dipisahkan menjadi file yang berbeda. Hal ini untuk memudahkan dalam membuat dan memelihara kode, serta meningkatkan kecepatan pemuatan halaman.
Untuk menghubungkan sebuah file HTML dengan file CSS yang telah dipisahkan, kita perlu merujuk ke external style sheet. Berikut adalah cara yang benar untuk merujuk ke external style sheet di dalam HTML:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Contoh Menghubungkan Eksternal Style Sheet</title> <link rel="stylesheet" href="style.css"></head><body> <h1>Selamat Datang di Situs Kami!</h1> <p>Ini adalah contoh menggunakan eksternal style sheet.</p></body></html>Perhatikan pada elemen <head> dan tag <link>. Bagian ini merupakan tempat di mana kita merujuk ke file CSS eksternal:
<link rel="stylesheet" href="style.css">Atribut rel="stylesheet" menandakan bahwa tautan ini merujuk ke file berjenis stylesheet. Atribut href="style.css" menunjukkan lokasi dari file CSS yang ingin dihubungkan dengan file HTML. Pastikan Anda menggantikan "style.css" dengan alamat file CSS Anda, sesuai dengan struktur direktori.
Dengan cara ini, sekarang file HTML dan CSS Anda telah terhubung secara benar, sehingga tampilan halaman web dapat disesuaikan dengan cara yang diatur dalam file CSS Anda.
