magandang araw, mahal na mga mambabasa aking blog. Minsan may makikita ka sa website magandang chip at ang tanong ay nagsisimulang pahirapan kung paano nakamit ng lumikha ang gayong kawili-wiling epekto.
Ito ay lumiliko na ang sagot ay medyo simple. At kung mayroon kang ilang mga kasanayan, maaari kang mangolekta ng maraming mga tampok na ito at lumikha ng iyong sariling natatanging website sa maikling panahon.
Ngayon ay pag-uusapan natin kung paano buksan ang code ng isang page, isang partikular na elemento, at matutunan kung paano gamitin ang kasanayang ito para sa iyong kapakinabangan.
Pangunahing kaalaman sa code
Ang aking site ay inilaan para sa mga nagsisimula at una, nais kong pag-usapan nang maikli ang tungkol sa mga site at code sa pangkalahatan.
Upang gumuhit ng isang larawan, pagkatapos ay i-cut ito sa maliliit na bahagi, magsulat ng code na magpapahintulot sa browser na muling buuin ang lahat ng mga elemento sa isang solong kabuuan. Parang napakakomplikado ba ng lahat? Hindi naman, at walang saysay na magdalamhati tungkol dito.
Ito ay kung paano nilikha ang mga de-kalidad na website. Kung gusto mo, makisali ka sa bagay na ito at pag-aralan mo ito kung ayaw mo, walang mapipilit sa iyo.
Isa lang ang sasabihin ko... wala nang mas kaaya-aya kaysa makita kung paano ang hindi maintindihan na mga salita na iyong isinulat ay nabago sa isang solong kabuuan at nabubuhay: gumagana ang mga link, gumagalaw ang mga pindutan, gumagalaw ang mga larawan, gumagapang ang teksto. Sa tingin ko alam ko kung ano ang naramdaman ni Victor Frankenstein.
Kapag sinimulan mong maunawaan ang lihim na wika at makita na ang lahat ay talagang mas simple kaysa sa tila sa una, hindi mo maiwasang maniwala sa sariling lakas at kakayahan ng utak. Ito ay napaka-cool.
Paano ginagawa ang mga website? Sa isip, una. Nagpapicture lang siya. Halimbawa, tulad ng ipinapakita sa larawan sa ibaba. Sa ngayon ito ay isang imahe lamang, isang litrato. Walang gumaganang mga link, kapag nag-click ka hindi ka pupunta kahit saan, walang ginagawang paghahanap.
Ayon sa pagguhit na ito. Tingnan ang screenshot sa ibaba. Maaari mong isipin na ito ay isang katawa-tawa at napakakomplikadong hanay ng mga simbolo. Sa katunayan, ang lahat ay hindi masyadong kumplikado, mayroong isang tiyak na algorithm.
May mga 150 tag lang at bawat isa sa kanila ay may pananagutan para sa isang partikular na aksyon: link, hyphenation, bold, kulay, pamagat, at iba pa. Ang pag-unawa sa mga ito ay hindi napakahirap kung mayroon kang pagnanais at hindi iniisip ang oras.
Salamat sa kaalaman sa mga katangiang ito, maaari mong malutas ang halos anumang problema. Ngunit ang bawat developer ay nakakahanap ng kanyang sariling mga paraan upang makamit ang layunin.
Nakikita kaagad ng mga may karanasang tagalikha kung paano makamit ang mga resulta, habang ang iba ay kailangang mag-isip, hanapin ang sagot sa mga artikulo o sa source code ng mga kakumpitensya. Kinukuha lang nila ang kinakailangang bahagi mula sa isang third-party na site at i-edit ito para sa kanilang sarili. Ito ay makabuluhang nagpapaikli sa proseso ng trabaho.
Maya-maya, magpapakita ako sa iyo ng isang tiyak na halimbawa.
Tingnan ang code
Kaya, hayaan mo muna akong ipakita sa iyo kung paano kumilos kung kailangan mong malaman ang html ng iba. Pagkatapos ay titingnan natin ang lahat ng iba pang mga tanong nang mas detalyado.
Ang pinakamahusay na paraan
Ang pamamaraan na una kong ilalarawan ay medyo kumplikado para sa mga nagsisimula, ngunit bilang panimula, basahin ito. Buksan ang pahina at mag-click sa kanang pindutan ng mouse. Piliin ang “I-save bilang...”
I-save ang buong web page. Tulad ng nakikita mo sa screenshot, na-download ko na ang lahat nang maaga. Narito mayroon kaming dalawang folder.
Nandito na lahat ng kailangan mo. Bawat elemento. Kung naiintindihan mo ito, mabilis mong makukuha ang lahat ng kailangan mo. Ngunit ang gayong gawain ay lalong nagiging imposible. Walang pag-download. Ano ang gagawin kung ipinagbabawal na kopyahin ang isang pahina?
Ito ang Google Chrome
Tulad ng maaaring napansin mo na, madalas kong ginagamit Google Chrome at ang pag-aaral ng code ng ibang tao sa browser na ito ay kasingdali ng paghihimay ng mga peras. Tulad ng sa prinsipyo sa anumang iba pa. Ang scheme ay hindi lamang magkatulad, ngunit magkapareho. Buksan ang page na ang code ay gusto naming malaman at i-right click kahit saan. Sa window na lilitaw, i-click ang "Tingnan ang code ng pahina".
Ang isang sheet ng code ay magbubukas sa isang bagong window, na medyo mahirap para sa isang baguhan na maunawaan. Ngunit huwag maalarma nang maaga.
Kung kailangan mong malaman ang code ng isang elemento lamang, mag-hover lang dito gamit ang mouse at i-right-click. Pumili ng isa pang function ng Chrome: "Tingnan ang code ng elemento."
Halimbawa, maaaring interesado ako sa kung paano ginawa ang logo, gamit ang isang larawan o isang programming language? Pagkatapos ng lahat, maaari kang gumuhit ng isang parisukat na may tulong sa css. Maraming eksperto ang nagpapayo kung paano karagdagang impormasyon isulat sa code. Paano gumagana ang mga ito sa mga sikat na site?
Kaya ito lumitaw kinakailangang impormasyon. html sa itaas, css sa ibaba. Ito ay dalawang wika. Ang una ay responsable para sa bahagi ng teksto, at ang pangalawa para sa disenyo. Kung walang CSS, kailangan mong tukuyin ang kulay at laki ng font sa bawat oras. Para sa bawat pahina, ito ay napakahaba. Ngunit kung walang html, kung gayon wala kaming mga teksto. Ipinaliwanag ko ito nang halos, ngunit sa pangkalahatan, ganoon ito.
Sa pamamagitan ng paraan, kung interesado ka sa kung paano ito gumagana dito, maaari mong tingnan ang link sa larawan sa ibaba. Narito ang iyong sagot.
Mozilla Firefox
Kung gusto mong magtrabaho sa mastic, kung gayon ang lahat ay magiging eksaktong pareho. Buksan ang pahina at mag-click sa kanang pindutan ng mouse. " Source code pages" kung gusto mong makita ang buong code.
Kapag nag-hover ka sa isang elemento, maaari mong buksan ang code nito.
Narito ang data ay ipinapakita sa ibaba ng screen, ngunit kung hindi man ang lahat ay eksaktong pareho.
Yandex browser
Sa browser ng Yandex, ang lahat ay eksaktong kapareho ng sa nakaraang dalawang pagpipilian, buksan ang pahina, i-right-click, tingnan ang code ng pahina.
I-hover namin ang cursor sa isang elemento kung gusto naming malaman ang eksaktong code nito.
Ang lahat ay ipinapakita dito nang eksakto katulad ng sa Chrome.
Opera
At sa wakas, Opera.
Siyanga pala, maaaring napansin mo na hindi mo kailangang gumamit ng mouse. Upang buksan ang code mayroong mabilis na kumbinasyon key at pareho ito para sa lahat ng browser: CTRL+U.
Para sa mga elemento: Ctrl+Shift+C.
Ito ang hitsura ng resulta.
Ito ay magiging kawili-wili para sa mga nagsisimula
Ngayon tingnan kung paano gumagana ang lahat. Nakahanap ka ng isang site at talagang gusto mo ang ilang elemento. Halimbawa, ang isang ito. Alam mo na kung paano buksan ang code ng elemento.
Ngayon kopyahin ito.
Ginagamit ko, i-paste ang code na ito sa bagong html file, sa body tag (body sa English).
Ngayon tingnan natin kung ano ang magiging hitsura ng lahat sa browser.
handa na. Upang ang teksto ay maihanay sa mga gilid at makakuha ng isang maberde na kulay, kailangan mong kumonekta dito css na dokumento at kopyahin ang isa pang code mula sa site kung saan namin ninakaw ang isang ito.
Hindi ko gagawin ito ngayon. Nangangailangan ito ng mas maraming oras: pareho sa akin at sa iyo. Sa tingin ko, ilalarawan ko ang lahat ng detalye sa aking mga publikasyon sa hinaharap. Mag-subscribe sa newsletter at maging unang makakaalam kapag may lumabas na artikulo.
Kung hindi mo ito matitiis, ngunit gusto mong matuto nang higit pa tungkol sa html at css ngayon, maaari kong tradisyonal na irekomenda sa iyo ang mga libreng kurso sa pagsasanay.
Narito ang 33 mga aralin na magpapahintulot sa iyo na makabisado ang html - « Libreng kurso sa pamamagitan ng HTML" .
At dito buong impormasyon tungkol sa css - “Libreng kurso sa CSS (45 video lessons!)” .
Ngayon alam mo na ang kaunti pa. Nais kong tagumpay ka sa iyong mga pagsusumikap. Magkita tayo muli!
Kasanayan baguhin ang source code ng pahina – kapaki-pakinabang na kasanayan para sa advanced na gumagamit ng Internet. Sa pamamagitan ng pagpapalit ng HTML code, maaari mong baguhin buksan ang web page ayon sa gusto mo. Sa artikulong ito sasabihin namin sa iyo paano baguhin ang page code sa Google Chrome. Gayunpaman, sa iba pang mga browser ang lahat ay ginagawa nang katulad, kaya hindi dapat magkaroon ng anumang mga paghihirap.
Ano ang HTML code ng page?
Ang bawat pahinang bubuksan mo sa iyong browser ay may sariling code sa wika HTML markup. Ang code na ito ay kumakatawan sa mga tag at teksto. Ang mga tag ay mga natatanging label na nagsasabi sa browser kung paano ipapakita ito o ang bahaging iyon ng site. Ang teksto ay ang nilalaman ng pahina, kung ano ang nakikita ng gumagamit. Ang pahina ay maaari ding konektado Mga istilo ng CSS, na itinakda hitsura mga elemento ng pahina. Upang baguhin ang source code ng site hindi mo kailangang malaman nang lubusan ang HTML at CSS, at makikita mo na ang iyong sarili sa lalong madaling panahon.
Bakit baguhin ang isang web page?
Maaari mong palitan ang data sa site, baguhin ang text ng mensahe, o kumuha ng pekeng screenshot. Pakitandaan na ang lahat ng mga pagbabago ay makikita mo lamang at mawawala kapag na-reload mo ang pahina. Gayundin ang binagong data ay hindi magiging totoo. Halimbawa, kung wala akong 10 dolyar, at papalitan ko ito ng 100, wala na akong pera. Ito ay pagpapakita lamang ng pahina ng browser. Halimbawa:
Pagkatapos:
Halimbawa, kukunin ko ang parehong site at babaguhin ang nakaraang anunsyo ng artikulong "" Pagbubukas home page sa Google Chrome. Nag-right-click ako sa elementong gusto kong baguhin, halimbawa, ang pamagat ng anunsyo at piliin ang "Tingnan ang code".
Sa window na bubukas, pumunta sa tab na Mga Elemento at tingnan ang HTML code ng pahina. Dito kailangan nating hanapin ang teksto na interesado tayo. (sinalungguhitan ng pula)
Ngayon ay tatanggalin ko ang lumang teksto at magsusulat ng bago.
Yun nga lang, pinalitan na ang title ng announcement. Ngayon ay babaguhin ko ang mismong anunsyo, mga tag at kategorya.
Maaari kang magpasok ng isa pang larawan sa pamamagitan ng pagpapalit ng src attribute sa img tag.
Ang bawat gumagamit ng Internet ay may sariling mga paboritong site kung saan siya gumagastos mahabang panahon. At ang mga tamad lamang ang hindi nag-isip na tingnan kung paano ito nilikha at kung ano ang binubuo nito. Imposibleng sagutin ang lahat ng mga tanong na ito, dahil maraming mga paraan upang lumikha ng isang website, ngunit upang tingnan ang mga utos at code na bumubuo dito ay posible at magagamit ng publiko sa lahat.
Ang isa pang tanong ay kung ang isang taong hindi kasali sa programming ay mauunawaan ang alinman sa mga simbolo na bumubuo sa code. Ngunit mula sa mga halimbawa na ibibigay sa ibaba, anuman Gumagamit ng Google Makakakita ang Chrome indibidwal na elemento mga site.
Paano tingnan ang source code ng isang html page sa isang Google browser
Upang matingnan mo ang page code sa Chrome, kailangan mong pumunta sa site kung saan ka interesado at gawin ang mga sumusunod na hakbang:
Ang dalawang item na ito ay naiiba sa kanilang pag-andar at impormasyon para sa user, programmer o hacker. 
Ano ang pagkakaiba sa pagitan ng page code at sa command na "View Code" lang?
Pag-aralan ang bawat isa sa mga function na ito, maaari kang magsulat ng isang hiwalay na artikulo. Para sa mga programmer, makabuluhan ang pagkakaibang ito at nauunawaan nila kung aling mga kaso kinakailangan na gamitin ang "View Code" at kung aling "View Page Code" sa browser ng Google Chrome.
Ngunit nagpapaliwanag para sa karaniwang gumagamit, ang mga pag-andar na ito ay maaaring nahahati sa mga sumusunod na layunin:
- Ang "Tingnan ang code ng pahina" ay kinakailangan lamang upang makita ang pangunahing kumbinasyon ng pahina. Karaniwan, ito ang istraktura ng site (nang walang karagdagang mga modelo sa anyo CSS file at iba pang mga karagdagan na nanatili sa folder ng gumawa ng site). Itong istraktura hindi angkop para sa paglikha sariling page sa pamamagitan ng "copy-paste", ngunit ito ay magbibigay-daan sa iyo upang makita kung ano ang eksaktong ginawa ng programmer at kung anong pagkakasunud-sunod upang ang site sa Google Chrome browser ay magkaroon ng ganoong panlabas na disenyo.
- Ang "View Code" ay nagpapakita ng isang detalyadong istraktura, na nagha-highlight sa lahat ng mga lugar na apektado sa pahina. Kung mag-hover ka sa isang partikular na code ng listahan, iha-highlight nito ang elemento sa site kung saan ito nabibilang.
- Ang pagtingin sa page code ay bubukas sa isang hiwalay na browser nang walang kakayahang i-edit ito. Iyon ay, ito ay angkop lamang para sa pagkopya at pagbabasa ng code ng site. Ngunit ito ay hindi gaanong kapaki-pakinabang na pag-andar.
- Ang "View code" ay nababago at maaari mong i-edit ang anumang elemento sa paraang maginhawa para sa iyo. Siyempre, ang lahat ng mga pagbabagong ito ay "mabubuhay" hanggang sa ma-refresh ang pahina, ngunit kung minsan ay nakakatuwang dumaan sa mga setting na iyon at unawain lamang kung bakit ito o ang halagang iyon ay kinakailangan, at kung ano ang mangyayari kung babaguhin mo ito. Hindi mo dapat ipagpalagay na sa pamamagitan ng gayong mga pagkilos ay mapipinsala mo ang iyong sarili o ang site sa anumang paraan - ang mga pagbabagong ito ay nakakaapekto lamang sa code ng iyong Google Chrome at hindi nag-o-online.
Isinasaalang-alang namin ang tanong kung paano tingnan ang code ng elemento
Kung sasagutin natin ang ganoong tanong, ang tanging opsyon na nagmumungkahi ng sarili nito ay isang halimbawa. Dahil sa isang artikulo ay napakahirap maging isang taong nakakaunawa sa paksang ito (isang web developer), ngunit ang magpakita ng isang halimbawa upang malutas ang tanong ay mas madali.
Napakalawak ng functionality ng element code, kaya kinuha namin ang isa sa mga salita sa website ng browser ng Google Chrome. Nais naming isaalang-alang kung ano mga keyword(sa code ay isusulat ito bilang "mga keyword") ay ginamit para sa aming site. Upang gawin ito, isinasagawa namin ang sumusunod na algorithm:
Iba pang mga paraan upang gamitin ang feature na ito sa Google Chrome browser
Sa pangkalahatan, ang patuloy na pagsagot sa tanong kung paano tingnan ang code ng isang elemento at kung bakit ito kinakailangan, dapat mong ilista ang mga function nito. Lalo na, salamat sa kakayahang tingnan ang code ng isang elemento ng anumang site sa browser ng Google Chrome, maaari naming:
- Tingnan ang istraktura ng site na nagsisimula sa head ("header ng site") at nagtatapos sa dulo (ang huling utos ng anumang programa);
- Tingnan ang lahat ng mga pag-andar ng site, lalo na: mga link sa iba pang mga site, karagdagang mga module mula sa mga panlabas na site at ang pagkakaroon ng mga built-in na counter para sa pagkolekta ng iba't ibang impormasyon;
- Alamin kung ang pagkopya mula sa site ay ipinagbabawal o hindi;
- Itatala ng code ang lahat ng mga link sa iba pang mga pahina ng site, pati na rin ang kanilang disenyo at mga kasunod na aksyon pagkatapos ng pag-click sa mga ito.
Ito ay hindi nangangahulugang isang may hangganang listahan. Ngunit dapat itong alalahanin na nang walang espesyal na kaalaman maaari mong "basahin" ang code Mga pahina sa Google Halos imposible ang Chrome at nakuha ang data sa karaniwang gumagamit halos hindi kailangan.
Ang item na "Tingnan ang code ng elemento" ay hindi gumagana
Dapat sabihin kaagad na ang bawat site ay magkakaroon bukas na access sa mga code ng elemento. Iyon ay, kahit na ang pinakasikat at mamahaling mga site ay bukas sa pagtingin sa kanilang code. Samakatuwid, kung ang item sa browser ng Google Chrome ay hindi aktibo o bumubuo ng isang error, mayroon itong mga sumusunod na posibleng dahilan:
- Nasira ang profile ng user;
- Ang pagkakaroon ng malware sa computer;
- Pag-block ng isang partikular na extension upang mapataas ang performance (kahit na ito ay maaaring mangyari).
Pag-aayos ng nasirang profile ng user
Upang lumikha bagong profile, kailangan mong alisin ang luma sa iyong computer. Upang gawin ito, ginagawa namin ang sumusunod:
- Isara ang Google Chrome at ilunsad ang built-in Windows browser Explorer.
- Pumasok address bar ang sumusunod na command: %LOCALAPPDATA%\Google\Chrome\User Data\.
- Kapag nagbukas ang direktoryo, hanapin ang folder na "Default" at idagdag ang "Backup" sa pangalan nito upang makuha mo ang sumusunod: "Backup Default".
- Ngayon, pagkatapos i-restart ang Chrome browser, gagawa ng bagong profile.
Inaalis namin ang malware o ang mga labi nito
Kung hindi tayo binibigyan ng bagong profile ng access sa code ng elemento ng page at nakikita pa rin natin ang error, dapat nating gawin ang sumusunod:
- Pagbubukas command line Windows ("Run") at ipasok ang command na "cmd" doon.
- Ipasok ang sumusunod na command sa linya: RD /S /Q “%WinDir%\System32\GroupPolicyUsers”.
- Pagkatapos kumpirmahin ang aksyon, ilagay ito: RD /S /Q “%WinDir%\System32\GroupPolicy”.
- Ngayon ay "gpupdate /force" (nang walang mga panipi).
Kung ang lahat ay ginawa nang tama, pagkatapos ay pagkatapos ng pag-reboot Google computer Bubuksan ng Chrome ang code ng mga elemento at gagana nang normal ang browser.
Sa mahabang panahon, ang opsyon na "ipakita ang pinagmulan ng pahina" ay walang silbi at hindi kawili-wili para sa akin. paalam pag-aaral ng HTML sa Codecademy at ang layout ng sarili kong mga website ay hindi naging aking bagong libangan. Dito lumitaw ang tanong: kung saan mahahanap ang mga totoong kaso at humiram mga kawili-wiling solusyon para sa iyong “alkansya”? Ang sagot ay hindi inaasahang simple, tulad ng lahat ng mapanlikhang bagay: tingnan ang source code ng page sa Google Chrome! Ibinabahagi ko sa iyo ang aking mga katamtamang nahanap.
Ano ang source code ng page
Kung ikaw, tulad ko, ay nagsasagawa lamang ng iyong mga unang hakbang sa HTML programming, magandang ideya na alamin kung ano ang source code ng isang page.
Source code, kilala rin bilang HTML page code - text sa Hyper language Markup ng Teksto Wika (HTML). Kabilang dito ang aktwal na nilalaman ng pahina (teksto, mga talahanayan) at mga tag. Ang huli ay kumikilos bilang mga tagubilin para sa browser: kung paano magpapakita ng nilalaman, anong uri ng pag-format ang gagamitin, kung saan maglalagay ng hyperlink o media file. Buweno, para sa amin, mga baguhang programmer, ang source code ay ang pinakamahusay na lugar ng pagsasanay: nakahanap kami ng isang kawili-wiling site at tiktikan ito, i-save ito, at gumamit ng matagumpay na mga fragment. Paano?
Paano tingnan ang source code sa pahina ng browser ng Google Chrome
Hanapin ang page na gusto mo. Halimbawa, interesado ako sa disenyo ng menu ng site. May tatlong paraan upang buksan ang source code sa Google Chrome browser:
- Mag-click sa icon menu sa kanan itaas na sulok browser at piliin ang " Mga karagdagang tool" Sa iba pa, mayroong isang opsyon na "Tingnan ang source code". Sa totoo lang, bihira ko itong gamitin ang pamamaraang ito: maraming hindi kinakailangang paggalaw. Maaari itong gawing mas simple.
- Pindutin ang kumbinasyon ng key Ctrl+U– isang bagong window na may source code ay bubukas;
- Para sa mga tagahanga ng menu ng konteksto: i-click i-right click mouse sa ibabaw ng pahina at piliin ang opsyong "Tingnan ang code ng pahina".
Nakayanan namin ang gawain ng pagtingin sa HTML code ng pahina sa browser. Lumipat tayo sa pinaka-kagiliw-giliw na yugto.
Paano i-edit at i-save ang source code
Upang matutunan kung paano lumikha ng mga website, hindi sapat na basahin ang HTML code ng ibang tao. Kailangan mong laruin ito, mag-eksperimento, gumawa ng mga pagbabago at suriin ang resulta. Maaari ka ring magsimula sa pamamagitan ng pag-compile ng ilang matagumpay na sample. Paano i-edit at i-save ang source code?
Opsyon 1. "Manu-mano"
Pagkatapos naming buksan ang source code ng pahina, tawagan ang menu ng konteksto at piliin ang opsyong "I-save bilang" at i-save ang file sa hard drive. Ine-edit namin ang file sa Notepad o Notepad, i-save ang mga pagbabago at buksan ito sa pamamagitan ng browser. Ang mga resulta ng aming mga pagbabago (matagumpay at hindi masyadong matagumpay) ay makikita sa window ng browser.
Pagpipilian 2. Para sa mga pro
Kapag "naglalaro" ka ng source code araw-araw, ang proseso ng "save - open - change - save - check" ay nagiging nakakapagod. Para sa aking sarili, nakakita ako ng solusyon sa anyo ng pag-install ng plugin para sa Google Chrome - Firebug Lite. Pinapayagan ka nitong i-edit at i-save ang source code nang hindi umaalis sa window ng browser.
" Ang parehong punto ay nasa menu ng konteksto, na kung i-right click mo ang text mga pahina. Maaari mo ring gamitin ang keyboard shortcut na CTRL + U. Mozilla Firefox ay hindi gumagamit ng mga panlabas na programa - orihinal code mga pahina na may syntax highlighting ay bubuksan sa isang hiwalay na browser window.
Sa browser Internet Explorer I-click ang seksyong "File" sa menu at piliin ang "I-edit sa Notepad." Sa halip na ang pangalang Notepad, maaaring magsulat ng ibang pangalan, itinalaga mo ito sa mga setting ng browser upang tingnan ang orihinal code A. Sa pag-click mga pahina gamit ang kanang pindutan ng mouse, lilitaw ang isang menu ng konteksto, na mayroon ding item na nagbibigay-daan sa iyong buksan ang pinagmulan code mga pahina sa panlabas na programa- "Tingnan ang HTML" code A".
SA Opera browser buksan ang menu, pumunta sa seksyong "Pahina" at magkakaroon ka ng pagkakataong piliin ang item na "Source" sa subsection na "Mga Tool sa Pag-unlad" code"o ang item na "Orihinal code frame." Ang pagpipiliang ito ay itinalagang mainit Mga CTRL key+ U at CTRL + SHIFT + U ayon sa pagkakabanggit. Sa isang menu ng konteksto na nakatali sa isang pag-click mga pahina right-click, mayroon ding item na “Initial code" Pinagmulan ng Opera mga pahina sa isang panlabas na programa na itinalaga sa OS o sa mga setting ng browser para sa pag-edit ng mga HTML file.
Google Browser Walang duda ang Chrome ang pinakamahusay na organisasyon tinitingnan ang orihinal code A. Sa pamamagitan ng pag-right click sa iyong mouse, maaari mong piliin ang View code A mga pahina"at pagkatapos ay ang source code na may syntax highlighting ay mabubuksan sa isang hiwalay na tab. O maaari mong piliin ang linyang "View" sa parehong menu code elemento" at sa parehong tab ay magbubukas ng dalawang karagdagang mga frame kung saan maaari mong suriin ang HTML at CSS code elemento mga pahina. Sasagot ang browser sa cursor na gumagalaw sa mga linya code at, pag-highlight ng mga elemento sa page na tumutugma sa seksyong ito ng HTML code A.
