Cara Menangani Error Pada HTML dan CSS

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

Cara Menangani Error Pada HTML dan CSS

Hasil nya seperti gambar di bawah ini

Cara Menangani Error Pada HTML dan CSS

Coba sekarang kita tekan ctrl+u untuk melihat source code nya

Cara Menangani Error Pada HTML dan CSS

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

Cara Menangani Error Pada HTML dan CSS

Maka ketika kita save dan refresh pada browsernya, dan kita tekan lagi ctrl+u untuk melihat source code nya

Cara Menangani Error Pada HTML dan CSS

Ketika terjadi error maka browser akan menampilkan tag yang error dengan memberikan warna merah, kemudian untuk mengetahui error CSS dengan inspect element.

Cara Menangani Error Pada HTML dan CSS

Kita mempunyai script CSS seperti gambar di atas ini, lalu kita coba berikasin kesalahan pada class judul dengan mengganti background menjadi bacground

Cara Menangani Error Pada HTML dan CSS

Maka hasilnya background warna orange tidak akan tampil

Cara Menangani Error Pada HTML dan CSS

Cara mendeteksi error nya tinggal kita inspect element dan lihat pada bagian sebelah kanan

Cara Menangani Error Pada HTML dan CSS

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.

Hernowo Author

Leave a Reply

Your email address will not be published. Required fields are marked *