Menggabungkan Berkas CSS

Persiapkan Berkas CSS Anda

Pertama, pastikan Anda memiliki beberapa berkas CSS yang ingin Anda gabungkan. Misalnya, Anda memiliki dua berkas CSS dengan nama style1.css dan style2.css.

Buat Berkas HTML

Buat berkas HTML baru atau gunakan yang sudah ada. Misalnya, beri nama berkas HTML ini index.html.

Tambahkan Tag <link> di dalam <head>

Buka berkas HTML Anda dengan editor teks atau IDE favorit Anda. Kemudian, tambahkan tag <link> di dalam elemen <head>:

<!DOCTYPE html>
<html>
<head>
   <link rel="stylesheet" type="text/css" href="style1.css">
   <link rel="stylesheet" type="text/css" href="style2.css">
   <!-- Tambahkan berkas CSS lainnya jika diperlukan -->
</head>
<body>
   <!-- Konten HTML Anda di sini -->
</body>
</html>

Di sini, kita menggunakan atribut href untuk menunjukkan lokasi berkas CSS yang ingin digunakan.

Simpan dan Uji Coba

Simpan perubahan pada berkas HTML Anda dan buka di browser web. Sekarang, berkas CSS style1.css dan style2.css akan digunakan secara bersamaan untuk mengatur tampilan halaman web Anda.

Ini adalah cara dasar untuk menggabungkan berkas CSS dalam HTML. Anda dapat menambahkan lebih banyak berkas CSS jika diperlukan dengan menambahkan lebih banyak tag <link> dalam elemen <head>. Semoga ini membantu!

PREVIOUS
NEXT