Ingin melihat bagaimana halaman web dibangun? Coba lihat kode sumbernya.
Melihat sumber HTML dari suatu halaman web adalah salah satu cara termudah (namun paling efektif) untuk mempelajari HTML, terutama bagi para profesional web yang baru yang baru saja memulai di industri ini. Jika Anda melihat sesuatu di situs web dan ingin tahu bagaimana hal itu dilakukan, lihat kode sumber untuk situs itu.
Jika Anda hanya menyukai tata letak situs web, melihat sumber untuk melihat bagaimana tata letak itu dicapai akan membantu Anda belajar dan meningkatkan pekerjaan Anda sendiri. Selama bertahun-tahun, banyak perancang web dan pengembang telah belajar cukup banyak HTML hanya dengan melihat sumber halaman web yang mereka lihat. Ini adalah cara yang bagus bagi para pemula untuk belajar HTML dan bagi para profesional web berpengalaman untuk melihat bagaimana teknik-teknik baru telah diterapkan pada sebuah situs.
Ingat bahwa file sumber bisa sangat rumit. Seiring dengan markup HTML untuk suatu halaman, mungkin akan ada banyak file CSS dan skrip yang digunakan untuk membuat tampilan dan fungsionalitas situs tersebut, jadi jangan frustrasi jika Anda tidak dapat mengetahui apa yang terjadi dengan segera. Melihat sumber HTML hanyalah langkah pertama. Setelah itu, Anda dapat menggunakan alat seperti ekstensi Pengembang Web Chris Pederick untuk melihat CSS dan skrip serta memeriksa elemen tertentu dari HTML.
Jika Anda menggunakan browser Safari, di sini adalah bagaimana Anda dapat melihat kode sumber halaman untuk melihat bagaimana ia dibuat.
Cara Melihat Sumber HTML di Safari
- Buka Safari.
- Arahkan ke halaman web yang ingin Anda periksa.
- Klik pada menu Develop di bar menu atas. Catatan: Jika menu Pengembangan tidak terlihat, buka Preferensi di bagian Lanjutan dan pilih Tampilkan menu Kembangkan di bilah menu.
- Klik Tampilkan Sumber Halaman . Ini akan membuka jendela teks dengan sumber HTML dari halaman yang Anda cari.
Tips
- Pada sebagian besar halaman web Anda juga dapat melihat sumber dengan mengklik kanan pada halaman (bukan pada gambar) dan memilih Tampilkan Sumber Halaman. Ini hanya akan ditampilkan jika menu Pengembangan diaktifkan di Preferensi.
- Safari juga memiliki pintasan keyboard untuk melihat sumber HTML - tahan tombol perintah dan opsi dan tekan U (Cmd-Opt-U.)
Apakah Melihat Kode Sumber Hukum?
Meskipun menyalin kode situs secara grosir dan meneruskannya sebagai milik Anda di situs tentu tidak dapat diterima, menggunakan kode itu sebagai batu loncatan untuk belajar sebenarnya adalah seberapa banyak kemajuan yang dibuat dalam industri ini. Bahkan, Anda akan sulit sekali menemukan web profesional yang bekerja hari ini yang belum belajar sesuatu dengan melihat sumber situs!
Pada akhirnya, web profesional belajar dari satu sama lain dan sering memperbaiki pekerjaan yang mereka lihat dan terinspirasi oleh, jadi jangan ragu untuk melihat kode sumber situs dan menggunakannya sebagai alat pembelajaran.