Skodev
Belajar coding dalam bahasa Indonesia
DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
Ketika membuat sebuah website, CSS adalah bahasa yang penting untuk digunakan. CSS, atau Cascading Style Sheets, membantu kamu dalam mendesain dan mempercantik tampilan website yang kamu buat. Berikut adalah langkah-langkah dan cara-cara yang bisa kamu ikuti untuk menambahkan CSS pada HTML.
Cara pertama yang bisa kamu lakukan adalah dengan menambahkan CSS secara inline. Dalam metode ini, kamu perlu menambahkan atribut style langsung ke tag HTML.
<p style="color:red;">Ini adalah paragraf berwarna merah.</p>Pada contoh di atas, CSS telah ditambahkan secara langsung ke dalam tag <p>. color:red; adalah CSS yang mengubah warna teks menjadi merah.
Cara kedua adalah dengan menambahkan CSS internal. CSS internal ditambahkan pada bagian head HTML.
<head>
<style>
p {
color: red;
}
</style>
</head>Pada contoh di atas, semua teks dalam tag <p> akan berubah menjadi merah.
Cara terakhir adalah menambahkan CSS secara eksternal. Dengan cara ini, kamu perlu membuat file terpisah dengan ekstensi .css.
Pertama, buatlah file CSS. Misalnya, kamu membuat file dengan nama style.css. Dalam file ini, kamu bisa menambahkan CSS seperti biasa.
p {
color: red;
}Setelah selesai membuat file CSS, kamu bisa menghubungkannya ke dalam file HTML menggunakan tag <link>.
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>Pada contoh di atas, CSS dalam file style.css akan diterapkan ke dalam HTML.
Itulah beberapa cara untuk menambahkan CSS ke dalam HTML. Dengan berbagai pilihan metode yang ada, kamu dapat memilih yang paling sesuai dengan kebutuhan dan preferensi kamu dalam mendesain website. Selamat mencoba!
Link terkait: