Kedua metode ini bersifat universal dan dapat digunakan di semua browser.

Pada awalnya bagi sebagian orang tampaknya hal ini tidak terjadi sama sekali alat yang tepat, tetapi melihat seluruh kode HTML suatu situs sangat bagus untuk menemukan elemen yang diperlukan dalam kode, ini bisa berupa tautan, tag, tag meta, atribut, dan elemen lainnya.

Gunakan kombinasi tombol pintas + untuk membuka jendela pencarian; di browser Chrome, ini muncul di kanan atas:

Gambar 3. Pencarian berdasarkan kode situs

Setelah Anda memasukkan permintaan ke dalam formulir pencarian, layar akan berpindah ke elemen pertama yang ditemukan, menggunakan panah Anda dapat berpindah di antara elemen tersebut dan memilih yang Anda perlukan:

Gambar 4. Pencarian berdasarkan kode situs HTML

Sekarang bagian terpenting, di mana saya akan menunjukkan bagaimana Anda dapat mengedit kode HTML dan CSS sebuah situs web di browser. lalu transfer perubahannya ke browser.

Seperti ini alat yang berguna selalu tersedia di browser Anda, bereksperimenlah dengan perintah lain yang akan membuat pengeditan situs Anda lebih mudah.

Setiap pengguna Internet memiliki situs favoritnya sendiri yang ia belanjakan waktu yang lama. Dan hanya orang malas yang tidak berpikir untuk melihat bagaimana itu dibuat dan terdiri dari apa. Tidak mungkin menjawab semua pertanyaan ini, karena ada banyak cara untuk membuat situs web, tetapi melihat perintah dan kode yang menyusunnya adalah mungkin dan tersedia untuk umum bagi semua orang.

Pertanyaan lainnya adalah apakah seseorang yang tidak terlibat dalam pemrograman akan memahami simbol apa pun yang membentuk kode tersebut. Namun dari contoh yang akan diberikan di bawah ini, apa saja pengguna Google Chrome akan dapat melihat elemen individual situs.

Agar Anda dapat melihat kode halaman di Chrome, Anda harus mengunjungi situs yang Anda minati dan melakukan langkah-langkah berikut:

Kedua item ini berbeda dalam fungsi dan informasinya bagi pengguna, pemrogram, atau peretas.

Menganalisis masing-masing fungsi ini, Anda dapat menulis artikel terpisah. Bagi pemrogram, perbedaan ini signifikan dan mereka memahami dalam kasus mana perlu menggunakan "Lihat kode" dan dalam kasus mana "Lihat kode halaman" di browser Google Chrome.

Namun untuk menjelaskan kepada rata-rata pengguna, fungsi-fungsi ini dapat dibagi menjadi beberapa tujuan berikut:

Jika kita harus menjawab pertanyaan seperti itu, maka satu-satunya pilihan yang muncul adalah sebuah contoh. Karena dalam satu artikel sangat sulit untuk menjadi orang yang memahami topik ini (web developer), tetapi untuk menunjukkan dengan contoh agar pertanyaannya terselesaikan jauh lebih mudah.

Fungsi kode elemen sangat luas, jadi kami mengambil salah satu kata di website browser Google Chrome. Kami ingin mempertimbangkan apa kata kunci(dalam kode akan ditulis sebagai “kata kunci”) yang digunakan untuk situs kami. Untuk melakukan ini, kami melakukan algoritma berikut:

Secara umum, untuk terus menjawab pertanyaan tentang bagaimana melihat kode suatu elemen dan mengapa diperlukan, Anda harus membuat daftar fungsinya. Yaitu, berkat kemampuan untuk melihat kode elemen situs mana pun di browser Google Chrome, kita dapat:

• Lihat struktur situs mulai dari head (“header situs”) dan diakhiri dengan end (perintah terakhir dari program apa pun);
• Lihat seluruh fungsi situs, yaitu: tautan ke situs lain, modul tambahan dari situs eksternal dan keberadaan penghitung bawaan untuk mengumpulkan berbagai informasi;
• Cari tahu apakah menyalin dari situs tersebut dilarang atau tidak;
• Kode akan mencatat semua link ke halaman lain situs, serta desainnya dan tindakan selanjutnya setelah mengkliknya.

Ini jauh dari daftar terakhir. Namun perlu diingat bahwa tanpa pengetahuan khusus Anda dapat “membaca” kode tersebut halaman Google Chrome hampir mustahil dan data diperoleh kepada pengguna rata-rata praktis tidak diperlukan.

Harus segera dikatakan bahwa setiap situs akan memilikinya akses terbuka ke kode elemen. Artinya, bahkan situs paling populer dan mahal pun akan terbuka untuk melihat kodenya. Oleh karena itu, jika item di browser Google Chrome tidak aktif atau menghasilkan kesalahan, kemungkinan alasannya adalah sebagai berikut:

• Profil pengguna rusak;
• Kehadiran malware di komputer;
• Pemblokiran dengan ekstensi tertentu untuk meningkatkan kinerja (bahkan hal ini bisa terjadi).

Untuk membuat profil baru, Anda harus menghapus yang lama dari komputer Anda. Untuk melakukan ini kami melakukan hal berikut:

Jika profil baru tidak memberi kita akses ke kode elemen halaman dan kita masih melihat kesalahannya, kita harus melakukan hal berikut:

Jika semuanya dilakukan dengan benar, maka setelah reboot komputer Google Chrome akan membuka kode elemen dan browser akan bekerja normal.

Klik kanan pada elemen halaman yang diinginkan.

Google Chrome: “Lihat kode elemen”

Opera : “Periksa elemen”

FireFox : “Analisis elemen”

Di browser lain, cari item menu dengan arti serupa.

Halo semuanya!

Saya secara khusus memaparkan keseluruhan poinnya di awal artikel, bagi mereka yang mencari jawaban cepat.

Informasinya mungkin diketahui banyak orang, tetapi karena saya menulis untuk blogger pemula, pemrogram web, dan pencari lainnya, artikel referensi ini wajib dimiliki.

Di masa depan, Anda pasti akan mempelajari kode sumber halaman dan elemen individual.

Mari kita lihat contoh spesifik bagaimana Anda dapat menggunakan tampilan kode sumber suatu halaman.

Misalnya kita ingin melihat kata kunci apa yang digunakan halaman tertentu. Kami pergi ke halaman web yang kami minati dan tekan Ctrl+U. Di jendela terpisah atau tab terpisah Kode sumber untuk halaman ini akan terbuka. Tekan Ctrl+F untuk mencari fragmen kode. DI DALAM dalam hal ini ketikkan kata “di kotak pencarian” kata kunci". Anda akan secara otomatis diarahkan ke sepotong kode dengan meta tag ini dan kata yang dicari akan disorot.

Dengan analogi, Anda dapat mencari dan mempelajari potongan kode lainnya.

Melihat seluruh kode sumber suatu halaman dalam banyak kasus sangat tidak nyaman, sehingga dimungkinkan untuk melihat kode di semua browser elemen individu atau fragmen.

Mari kita gunakan contoh spesifik dalam melihat kode elemen. Misalnya, mari kita lihat apakah tautannya ada atribut nofollow. Klik kanan pada tautan yang kami minati dan di drop-down menu konteks Klik kiri pada item “Lihat kode elemen” atau serupa (tergantung pada browser Anda). Turun ke dalam jendela khusus untuk menganalisis kode, kami mendapatkan sesuatu yang serupa.

Kami melihat bahwa kode tautan berisi rel=”nofollow” . Artinya PR tidak akan “bocor” melalui link ini. Kami akan membicarakan hal ini lebih detail di artikel berikut. Sekarang yang penting adalah Anda sekarang tahu cara melihat kode sumber halaman dan kode sumber elemen individual.

Artikel terbaru ini ditulis untuk menyoroti informasi terkini tentang menghapus link yang tidak perlu dari template Blogspot, serta dari tema Blogger baru. Seperti yang Anda ketahui, ada perubahan pada kode Blogger di tahun 2018, sehingga banyak tindakan dengan kode tersebut yang perlu dilakukan dengan cara baru. Ditambah lagi bermunculan topik-topik baru yang bentuknya berbeda. Sehubungan dengan perubahan tersebut, kami akan membahas topik penghapusan link.
Anda dapat memeriksa blog Anda untuk mengetahui keberadaan tautan eksternal di layanan https://pr-cy.ru/link_extractor/ dan https://seolik.ru/links. Jangan lupa bahwa Anda perlu memeriksa tidak hanya halaman utama blog, tetapi juga halaman postingan dan Halamannya. Jumlah besar Tautan eksternal yang terbuka untuk pengindeksan dicegah.

Hapus tautan ke Blogger - https://www.blogger.com/. Tautan ini terdapat dalam widget Atribusi. Di tab “Desain Blog”, ditampilkan sebagai gadget Atribusi dan . Untuk menghapusnya, buka tab “Tema” -> edit HTML. Dengan mencari widget (daftar widget), kami menemukan Attribution1 dan menghapus semua kode beserta bagian footer di dalamnya. Ini adalah tampilan kode yang dihapus yang diciutkan:


Dan inilah kode lengkapnya:














Simpan perubahan dan periksa blog untuk Atribusi.

Menghapus tautan eksternal ke gambar. Saat Anda mengunggah gambar ke postingan blog, tautan secara otomatis disematkan ke dalam gambar. Untuk menghapus tautan tersebut, Anda harus mengedit semua entri blog. Dalam mode “Lihat” dan kemudian pada ikon “Tautan”. Jika gambar tidak berisi link eksternal, maka saat Anda mengklik foto di editor postingan, ikon “Link” tidak aktif (ikon tidak disorot).

Kami memeriksa keberadaan tautan eksternal di halaman mana pun dari postingan Blogspot yang berisi komentar. Temukan dan hapus kode di template blog:

Pada Pengaturan Blog, ikuti jalur Pengaturan Blog -> Lainnya -> Umpan Situs -> Izinkan Umpan Blog, terapkan pengaturan berikut:

Ternyata jawabannya cukup sederhana. Dan jika Anda memiliki beberapa keterampilan, Anda dapat mengumpulkan banyak chip tersebut waktu singkat buat situs web unik Anda sendiri.

Hari ini kita akan berbicara tentang cara membuka kode halaman, elemen tertentu, dan mempelajari cara menggunakan keterampilan ini untuk keuntungan Anda.

Situs saya ditujukan untuk pemula dan pertama-tama saya ingin membahas secara singkat tentang situs dan kode secara umum.

Untuk menggambar, lalu memotongnya menjadi bagian-bagian kecil, tulis kode yang memungkinkan browser merakit kembali semua elemen menjadi satu kesatuan. Apakah semuanya tampak sangat rumit? Tidak sama sekali, dan tidak ada gunanya bersedih karenanya.

Beginilah cara situs web berkualitas tinggi dibuat. Jika Anda mau, terlibatlah dalam masalah ini dan pelajarilah; jika Anda tidak mau, tidak ada yang bisa memaksa Anda.

Saya hanya akan mengatakan satu hal... tidak ada yang lebih menyenangkan daripada melihat bagaimana kata-kata yang tidak dapat dipahami yang Anda tulis diubah menjadi satu kesatuan dan menjadi hidup: tautan berfungsi, tombol bergerak, gambar bergerak, teks merayap. Saya rasa saya tahu bagaimana perasaan Victor Frankenstein.

Ketika Anda mulai memahami bahasa rahasia dan melihat bahwa segala sesuatu sebenarnya jauh lebih sederhana daripada yang terlihat pada awalnya, Anda pasti percaya kekuatan sendiri dan kemampuan otak. Ini keren sekali.

Bagaimana situs web dibuat? Idealnya, pertama. Dia hanya melukis gambar. Misalnya saja seperti terlihat pada gambar di bawah ini. Untuk saat ini hanya sebuah gambar, sebuah foto. Tidak ada tautan yang berfungsi, ketika Anda mengklik Anda tidak pergi ke mana pun, tidak ada pencarian yang dilakukan.

Menurut gambar ini. Lihatlah tangkapan layar di bawah ini. Anda mungkin berpikir ini adalah kumpulan simbol yang konyol dan sangat rumit. Sebenarnya semuanya tidak begitu rumit, ada algoritma tertentu.

Hanya ada sekitar 150 tag dan masing-masing tag bertanggung jawab atas tindakan tertentu: tautan, tanda hubung, huruf tebal, warna, judul, dan sebagainya. Memahaminya tidaklah terlalu sulit jika Anda memiliki keinginan dan tidak mempermasalahkan waktu.

Berkat pengetahuan tentang atribut-atribut ini, Anda dapat memecahkan hampir semua masalah. Namun setiap pengembang menemukan caranya sendiri untuk mencapai tujuan tersebut.

Pembuat konten berpengalaman langsung melihat bagaimana mencapai hasil, sementara yang lain harus berpikir, mencari jawabannya di artikel atau di kode sumber pesaing. Mereka hanya mengambil bagian yang diperlukan dari situs pihak ketiga dan mengeditnya sendiri. Hal ini secara signifikan mempersingkat proses kerja.

Nanti saya akan menunjukkan contoh spesifiknya.

Jadi, izinkan saya menunjukkan kepada Anda bagaimana bertindak jika Anda perlu mengetahui html orang lain. Kemudian kita akan melihat semua pertanyaan lainnya secara lebih rinci.

Cara yang akan saya uraikan terlebih dahulu memang sedikit rumit untuk pemula, namun sebagai pengantar bacalah. Buka halaman dan klik tombol kanan mouse. Pilih “Simpan sebagai…”

Simpan seluruh halaman web. Seperti yang Anda lihat di tangkapan layar, saya sudah mengunduh semuanya terlebih dahulu. Di sini kita memiliki dua folder.

Semua yang Anda butuhkan ada di sini. Setiap elemen. Jika Anda memahami hal ini, Anda dapat dengan cepat mendapatkan semua yang Anda butuhkan. Namun tugas seperti itu semakin mustahil dilakukan. Tidak ada pengunduhan. Apa yang harus dilakukan jika dilarang menyalin halaman?

Seperti yang mungkin Anda ketahui, saya paling sering menggunakan Google Chrome dan mempelajari kode orang lain di browser ini semudah mengupas buah pir. Seperti pada prinsipnya dengan yang lain. Skema ini tidak hanya serupa, tetapi juga identik. Buka halaman yang kodenya ingin kita ketahui dan klik kanan di mana saja. Di jendela yang muncul, klik “Lihat kode halaman”.

Selembar kode akan terbuka di jendela baru, yang cukup sulit dipahami oleh pemula. Tapi jangan khawatir sebelumnya.

Jika Anda hanya ingin mengetahui kode satu elemen, cukup arahkan kursor ke elemen tersebut dan klik kanan. Pilih fungsi Chrome lainnya: “Lihat kode elemen”.

Misalnya, saya mungkin tertarik dengan cara pembuatan logo, menggunakan gambar, atau bahasa pemrograman? Lagi pula, Anda bisa menggambar persegi dengan bantuan css. Banyak ahli menyarankan bagaimana caranya informasi lebih lanjut tulis dalam kode. Bagaimana cara kerjanya di situs populer?

Jadi itu muncul informasi yang diperlukan. html di atas, css di bawah. Ini adalah dua bahasa. Yang pertama bertanggung jawab atas komponen teks, dan yang kedua bertanggung jawab atas desain. Jika tidak ada CSS, Anda harus menentukan warna dan ukuran font setiap kali. Untuk setiap halaman, ini sangat panjang. Tetapi jika tidak ada html, maka kita tidak akan memiliki teks. Saya jelaskan secara kasar, tapi secara umum memang begitu.

Omong-omong, jika Anda tertarik dengan cara kerjanya di sini, Anda bisa melihat link gambar di bawah ini. Inilah jawaban Anda.

Jika Anda suka bekerja dengan damar wangi, semuanya akan sama persis. Buka halaman dan klik tombol kanan mouse. “Kode sumber halaman” jika Anda ingin melihat keseluruhan kode.

Saat Anda mengarahkan kursor ke suatu elemen, Anda dapat membuka kodenya.

Di sini data ditampilkan di bagian bawah layar, tetapi selain itu semuanya sama persis.

Di browser Yandex semuanya persis sama seperti di dua opsi sebelumnya, buka halaman, kunci kanan mouse, lihat kode halamannya.

Kami mengarahkan kursor ke suatu elemen jika kami ingin mengetahui kode persisnya.

Semuanya ditampilkan di sini persis sama seperti di Chrome.

Dan terakhir, Opera.

Ngomong-ngomong, Anda mungkin memperhatikan bahwa Anda tidak perlu menggunakan mouse. Ada pintasan keyboard cepat untuk membuka kode, dan itu sama untuk semua browser: CTRL+U.

Untuk elemen: Ctrl+Shift+C.

Seperti inilah hasilnya.

Sekarang lihat bagaimana semuanya bekerja. Anda menemukan sebuah situs dan sangat menyukai beberapa elemen. Misalnya yang ini. Anda sudah tahu cara membuka kode elemen.

Sekarang salin.

Saya menggunakannya, tempelkan kode ini ke yang baru berkas html, ke dalam tag body (body dalam bahasa Inggris).

Sekarang mari kita lihat bagaimana tampilannya di browser.

Siap. Agar teks sejajar dengan tepinya dan memperoleh warna kehijauan, Anda harus menghubungkannya dokumen css dan salin kode lain dari situs tempat kami mencuri kode ini.

Saya tidak akan melakukan ini sekarang. Ini membutuhkan lebih banyak waktu: baik waktu saya maupun waktu Anda. Saya rasa saya akan menjelaskan semua detailnya dalam publikasi saya yang akan datang. Berlangganan buletin dan jadilah orang pertama yang mengetahui kapan sebuah artikel muncul.

Jika Anda tidak tahan, tetapi ingin mempelajari lebih lanjut tentang html dan css sekarang, saya biasanya merekomendasikan Anda kursus pelatihan gratis.

Berikut adalah 33 pelajaran yang memungkinkan Anda menguasai html - « Kursus gratis dengan HTML".

Dan di sini informasi lengkap tentang css - “Kursus gratis tentang CSS (45 pelajaran video!)”.

Sekarang Anda tahu lebih banyak. Saya berharap Anda sukses dalam usaha Anda. Sampai jumpa lagi!