Hallo teman-teman, berjumpa lagi dengan saya di tutorial Dumet School. Pada artikel kali ini saya akan memberikan tips dan trik tentang Cara Mendeteksi CSS Jika Tidak Terhubung Dengan HTML khusus nya teman-teman yang saat ini sedang belajar html dan css. Cara ini dapat di implementasikan di website kalian, yang mana html dan css jika tidak terhubung tidak ada notifikasi atau pemberitahuan erorr. Pada latihan kali ini kita akan membuat sebuah halaman website dan akan kita berikan css kemudian kita tes pada browser kondisi jika berhasil dan kondisi jika belum berhasil.
Baik, seperti biasa siapkan text-editornya lalu buat script html nya atau bisa juga copy script di bawah ini
<!DOCTYPE html> <html> <head> </head> <body> <h1>Ini adalah tag H1</h1> <h2>Ini adalah tag H2</h2> <h3>Ini adalah tag H3</h3> </body> </html>
Kemudian save dengan extensi (.html) dan jalankan pada bowsernya, maka hasil sementara adalah seperti gambar di bawah ini
Kemudian pada browser, klik kanan pada mouse kemudian pilih “Inspect Element” maka browser akan menampilkan script yang sudah kita ketikkan pada text editor
Bisa kalian lihat pada gambar di atas ini yang saya beri kotak warna merah terlihat script sudah berhasil di ketikkan, kemudian klik tag html h1
Nah bisa di lihat ya teman-teman, begitu saya klik tag h1 atau kotak warna merah pada gambar di atas ini teman-teman lihat kotak orange yang sebelah kanan terlihat masih kosong ini artinya kita belum memberikan style css nya. Berikutnya kita implementasikan Cara Mendeteksi CSS Jika Tidak Terhubung Dengan HTML, teman-teman berikan style css nya atau saya contohkan saya berikan style css nya pada tag h1,h2 dan h3 nya
Jika saya save dan refresh maka text akan berubah warna nya
Jika saya klik kanan pada mouse dan pilih Inspect Element, maka tag h1,h2 dan h3 sudah berhasil diberikan cssnya
Begitulah cara untuk mencari tahu, apakah css terhubung dengan html atau tidak. Jika mengalami studi case seperti ini, itu artinya css tidak terpanggil harus cek kembali pemanggilan css nya atau link css nya. Hingga sampai tampil sesuai yang kita inginkan, sangat mudah bukan. Oke sekian dulu pada artikel kali ini tentang Cara Mendeteksi CSS Jika Tidak Terhubung Dengan HTML kita jumpa lagi di tutorial berikutnya. Terima Kasih dan Sampai Jumpa.
Semoga bermanfaat 🙂