Diskon! Diskon! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA MENGHUBUNGKAN HTML DENGAN CSS

Pada artikel ini, kamu akan belajar cara menghubungkan HTML dengan CSS secara mudah dan efisien. Pengetahuan ini akan sangat berguna dalam pembuatan website yang menarik dan fungsional.

Membuat website yang menarik dan fungsional tidak hanya memerlukan pengetahuan tentang HTML saja, tetapi juga CSS. HTML (HyperText Markup Language) memberikan struktur kepada konten web, sementara CSS (Cascading Style Sheets) digunakan untuk menata dan mendesain tampilan konten tersebut. Jadi, menggabungkan kedua teknologi ini sangat penting dalam pengembangan web. Mari kita pelajari cara menghubungkan HTML dengan CSS.

Langkah-langkah Menghubungkan HTML dengan CSS

1. Membuat File CSS

Pertama-tama, buat file baru dengan ekstensi .css. Contohnya, kamu bisa membuat file dengan nama style.css.

2. Menulis Kode CSS

Setelah file CSS dibuat, kamu dapat menulis kode-kode CSS di dalam file tersebut.

body {
    background-color: lightblue;
}

h1 {
    color: navy;
    text-align: center;
}

3. Menghubungkan HTML dengan CSS

Setelah menulis kode CSS, saatnya menghubungkannya dengan file HTML. Kamu bisa menggunakan tag link di dalam tag head pada file HTML.

<head>
    <link rel="stylesheet" href="style.css">
</head>

Pastikan attribut href dalam tag link ini merujuk pada lokasi file CSS yang kamu buat sebelumnya.

Kesimpulan

Menghubungkan HTML dengan CSS cukup mudah, bukan? Dengan menghubungkan HTML dan CSS, kamu bisa membuat website yang tidak hanya informatif, tetapi juga menarik secara visual. Selamat mencoba dan selamat belajar!


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding