Halo teman – teman, selamat datang kembali di website tips dan trik Dumet School. Pada kesempatan kali ini saya akan memberikan tips tentang Cara Menangani Error Pada HTML dan CSS, kita tahu bahwa HTML dan CSS merupakan bukan bahasa program. Maka dari itu ketika kita membuat layout website dengan HTML dan CSS seringkali di pertanyakan oleh sebagian orang khususnya teman – teman yang baru belajar HTML dan CSS.
Cara mengetahui error pada HTML dan CSS, tidak seperti bahasa program seperti php atau javascript yang biasanya ketika terjadi error memberitahukan error dan akan menampilkan informasi error di bagian tertentu.
Misalkan seperti php, ketika terjadi error maka php akan memberikan informasi error di baris tertentu dan line tertentu. Nah dengan adanya informasi ini kita mudah untuk mendevelop website kita. Berbeda dengan javascript, untuk melihat error salah satu caranya kita buka pada console.log nya.
Berbeda dengan HTML dan CSS, ketika terjadi erorr tidak akan memberitahukan error, hanya saja HTML dan CSS yang sudah kita ketikkan begitu banyak tampilan nya sedikit berantakan. Nah cara mencari tahu error pada HTML saya sudah mempunyai contoh filenya
Hasil nya seperti gambar di bawah ini
Coba sekarang kita tekan ctrl+u untuk melihat source code nya
Bisa teman – teman lihat pada gambar di atas ini tag HTML yang kita punya tidak ada yang berwarna merah. Namun jika script HTML kita berikan kesalahan misalnya tag h1 kita error kan dengan tag pembuka menggunakan h1 dan tag penutup kita gunakan h3
Maka ketika kita save dan refresh pada browsernya, dan kita tekan lagi ctrl+u untuk melihat source code nya
Ketika terjadi error maka browser akan menampilkan tag yang error dengan memberikan warna merah, kemudian untuk mengetahui error CSS dengan inspect element.
Kita mempunyai script CSS seperti gambar di atas ini, lalu kita coba berikasin kesalahan pada class judul dengan mengganti background menjadi bacground
Maka hasilnya background warna orange tidak akan tampil
Cara mendeteksi error nya tinggal kita inspect element dan lihat pada bagian sebelah kanan
Maka erorr CSS akan di disable oleh browsernya dan tidak akan di jalankan. Itulah Cara Menangani Error Pada HTML dan CSS mudah – mudahan teman – teman dengan adanya artikel ini dapat menambah pengetahuannya dalam mempelajari layout dengan HTML dan CSS. Tentu kita akan jumpa kembali pada artikel yang akan datang. Terimakasih dan sampai jumpa.
