Menghubungkan html dan CSS

Saya baru sampai di materi CSS dasar (video kedua), koding saya belum bisa berjalan yang mewarnai teks kenapa ya ?. Saya sudah membuat file style.css :

h2{ color: blue; }

Dan di file index.html juga sudah saya buat kodingnya :

<!DOCTYPE html> <html> <head> <title>Sekolah Koding</title> <meta charset="UTF-8" <link rel="stylesheet" href="style.css"> </head>

avatar itkirno
@itkirno

1 Kontribusi 0 Poin

Diperbarui 10 bulan yang lalu

Tanggapan

Yang bagian html dasar saya sudah sampai selesai dan semua berhasil.

1 Jawaban:

Alasan mengapa kode Anda tidak berfungsi adalah karena Anda belum menghubungkan file style.css ke file index.html. Untuk melakukannya, Anda perlu menambahkan kode berikut ke bagian head dari file index.html:

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

Setelah Anda menambahkan kode ini, file style.css akan dimuat oleh browser dan teks dalam elemen h2 akan berwarna biru.

Berikut adalah kode lengkap untuk file index.html:

<!DOCTYPE html>
<html>
<head>
<title>Coding School</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h2>Coding School</h2>
</body>
</html>

Dan berikut adalah kode lengkap untuk file style.css:

h2 {
color: blue;
}

Setelah Anda menyimpan kedua file ini, buka file index.html di peramban web dan seharusnya Anda akan melihat bahwa teks dalam elemen h2 sekarang berwarna biru.

avatar adamajalah27
@adamajalah27

119 Kontribusi 40 Poin

Dipost 10 bulan yang lalu

Login untuk ikut Jawaban