DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
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.
Pertama-tama, buat file baru dengan ekstensi .css
. Contohnya, kamu bisa membuat file dengan nama style.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;
}
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.
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!
Link terkait: