Website didefinisikan sebagai kumpulan halaman web. Sebuah situs web dapat dirancang menggunakan HTML, CSS, Bootstrap, dll. Bahasa HTML memutuskan apa yang akan muncul di halaman web dan bahasa CSS menggambarkan bagaimana tampilannya. Dengan kata lain, elemen tempat HTML pada halaman web, dan CSS menatanya. Bootstrap adalah CSS yang telah dikompilasi sebelumnya. Misalkan kita melihat sebuah website misalnya. geeksforgeeks. org, dan kami ingin kode sumbernya maka ada dua cara untuk mendapatkannya Show
Namun, sebagai pengguna di situs web, kami tidak benar-benar melihat apa yang terjadi di balik layar di server. Kita hanya mendapatkan hasil akhir dari server yaitu berupa HTML, CSS, dan Javascript. Itulah kode yang membuat halaman web yang kita lihat Tutorial ini akan menunjukkan cara melihat kode di balik desain front-end dan halaman yang diformat dengan baik. Ini akan menunjukkan kepada Anda HTML, CSS, dan Javascript yang digunakan browser Anda untuk menampilkan halaman dengan baik kepada pengguna Dan itu cukup mudah. Mari kita mulai Lihat sumber halamanPergi ke tepi luar situs (mis. g. paling kiri), lalu klik kanan dan klik "Lihat Sumber Halaman" (atau opsi yang bernama serupa) Itu akan memunculkan semua kode HTML, bersama dengan tautan ke file CSS, Javascript, gambar, dll Anda sekarang dapat membacanya dan melihat dengan apa halaman itu dibuat Anda juga dapat menggunakan Ctrl + F (perintah + F di Mac) untuk mencari kata kunci tertentu melaluinya Menjadi SpesifikJika Anda ingin menelusuri bagian tertentu dari halaman, sebagian besar browser sekarang dilengkapi dengan inspektur bawaan. Atau Anda dapat menggunakan Firebug di Firefox Cukup klik kanan pada objek yang ingin Anda periksa, lalu klik Inspect Element (atau opsi yang bernama serupa) Kode masing-masing akan disorot di jendela kiri. Kemudian Anda dapat mengklik tag di luar atau di dalamnya untuk menelusurinya. Saat Anda melakukannya, itu akan menyoroti bagian halaman yang dikontrolnya Di sisi kanan, Anda akan melihat gaya CSS yang diterapkan pada tag HTML yang disorot Ini adalah cara yang sangat berguna dan cepat untuk memeriksa kode WappalyzerJika Anda hanya ingin cara cepat untuk melihat teknologi mana yang digunakan situs web tanpa melakukan penyelidikan manual, lihat tutorial Wappalyzer kami Pengajar
|