Halo semua! Sudah pada tahu belum apa yang dimaksud dengan Inspect Element? Ya, kalo dipersingkat sih pengertiannya menjadi :Inspect Element adalah kegiatan melihat seluruh kode CSS, HTML, dan Javascript pada suatu halaman tertentu.Bagi yang baru tahu, mungkin kalau dijelaskan dengan kata-kata agak sulit untuk dimengerti. Maka dari itu telah saya sediakan beberapa gambar, hasil dari Inspect Element. Check this out :
Bagaimana? menarik bukan? Meski demikian, fungsi sebenarnya dari fitur ini adalah untuk mempermudah para pengembang dalam mengedit suatu halaman web secara realtime. Jadi, screenshot di atas merupakan suatu penyalahgunaan fitur browser yang telah disediakan
Tetapi, selama tidak merugikan orang lain, gak ada salahnya kan? xixixi Lumayan buat isi waktu luang Berikut tutorialnya.
Tutorial Inspect Elemen
- Buka browser kesayangan anda. Di sini saya menggunakan Firefox.
- Setelah itu, silakan kunjungi situs yang ingin anda Inspect Element.
- Klik kanan elemen yang ingin di ubah, lalu pilih "Inspect Element".
- Setelah itu akan ada Editor CSS dan HTML yang muncul, silakan expand sampai mendapatkan elemen yang dituju. Caranya : Klik panah di bagian kiri tulisan yang di highlight warna biru.
- Setelah ketemu, double-klik elemen tersebut. Lalu, ubah sesuai dengan keinginan
- Jika sudah selesai mengetik, tekan enter untuk mewujudkan ke dalam bentuk halaman web.
- Kalau sudah jadi, kira-kira tampilannya akan seperti gambar di atas
Situs yang saya rekomendasikan untuk mempelajari kedua hal tersebut adalah : www.w3schools.com
Dilarang keras memanfaatkan fitur "Inspect Element" untuk membuat bukti-bukti palsu !
Sekian tutorial yang dapat saya sampaikan. Artikel ini saya tulis hanya sebagai inspirasi bagi para calon web designer. Jadi, jangan disalahgunakan ya
Tidak ada komentar:
Posting Komentar
Malu bertanya, sesat di jalan.
Jika ada yang tidak anda mengerti pada tulisan saya di atas, silakan berkomentar dengan menggunakan Bahasa Indonesia yang baik dan benar pada form komentar di bawah ini.