Cum Se Vizualizează Codul Sursă Al Paginii

Cuprins:

Cum Se Vizualizează Codul Sursă Al Paginii
Cum Se Vizualizează Codul Sursă Al Paginii

Video: Cum Se Vizualizează Codul Sursă Al Paginii

Video: Cum Se Vizualizează Codul Sursă Al Paginii
Video: How to Edit WordPress Code (HTML, CSS, PHP, Javascript) 2024, Aprilie
Anonim

Navigarea într-un browser este organizată în felul următor: programul trimite o cerere către serverul specificat în link și, ca răspuns, primește un set de „piese de schimb” și instrucțiuni de asamblare. Piesele de schimb sunt imagini, elemente flash, sunet și alte fișiere și instrucțiuni despre cum să le așezați corect pe pagină, să le colorați fundalul, să utilizați anumite tipuri de caractere și dimensiuni de font etc. sunt conținute în codul sursă al paginii. Utilizatorul browserului poate vedea acest cod în sine și nu doar pagina asamblată conform instrucțiunilor sale.

Cum se vizualizează codul sursă al paginii
Cum se vizualizează codul sursă al paginii

Instrucțiuni

Pasul 1

Browserele moderne au funcționalitate încorporată pentru vizualizarea codului sursă al unei pagini. De exemplu, în Opera, pentru a activa această opțiune, faceți clic pe spațiul paginii deschise a site-ului care nu conține imagini, linkuri și alte elemente și în meniul contextual derulant selectați elementul „Cod sursă”. Browserul va deschide sursa într-o filă separată, colorând liniile legate de etichete HTML, scripturi și text simplu în trei culori.

Pasul 2

Puncte similare, dar formulate puțin diferit, se află în meniul contextual și în alte browsere. De exemplu, în Google Chrome acest element este denumit „Vizualizați codul paginii”, în Mozilla Firefox selectați linia „Codul sursă al paginii” și Internet Explorer - „Vizualizați codul HTML”. Schema de culori a codului va diferi, de asemenea, ușor în diferite aplicații.

Pasul 3

Browserul Google Chrome are o opțiune de vizualizare a sursei mult mai avansată. Pentru a-l utiliza, selectați în același meniu contextual elementul „Vizualizați codul elementului”. După aceea, fila cu pagina web deschisă va fi împărțită în două cadre - în cea superioară aspectul său va rămâne, iar în cel inferior vor fi informații detaliate colectate nu numai din etichetele codului sursă, ci și din cele incluse Fișiere în stil CSS. Puteți selecta liniile sursă în cadrul inferior, iar browserul va evidenția în partea superioară acele zone ale paginii care sunt formate din aceste linii. La fel, selectarea unui element în cadrul superior va determina afișarea codului corespunzător în cel inferior.

Pasul 4

Dacă pagina este salvată pe hard disk-ul computerului, fișierul poate fi deschis cu orice editor de text - codul sursă este scris ca text simplu. Pur și simplu trageți acest fișier în fereastra care rulează Notepad, Word sau orice altă aplicație de acest fel. Folosind un editor obișnuit, nu numai că puteți vizualiza codul sursă, ci și îl puteți edita.

Recomandat: