Com Es Visualitza El Codi Font De La Pàgina

Taula de continguts:

Com Es Visualitza El Codi Font De La Pàgina
Com Es Visualitza El Codi Font De La Pàgina

Vídeo: Com Es Visualitza El Codi Font De La Pàgina

Vídeo: Com Es Visualitza El Codi Font De La Pàgina
Vídeo: CÓMO USAR GOOGLE FONTS CON CSS 2024, Maig
Anonim

La navegació en un navegador s’organitza de la següent manera: el programa envia una sol·licitud al servidor especificat a l’enllaç i, en resposta, rep un conjunt de “recanvis” i instruccions de muntatge. Les peces de recanvi són imatges, elements de flaix, fitxers de so i altres, i instruccions sobre com col·locar-los correctament a la pàgina, acolorir-ne el fons, utilitzar certes tipografies i mides de lletra, etc. es troben al codi font de la pàgina. L'usuari del navegador pot veure aquest codi en si mateix i no només la pàgina reunida segons les seves instruccions.

Com es visualitza el codi font de la pàgina
Com es visualitza el codi font de la pàgina

Instruccions

Pas 1

Els navegadors moderns tenen funcions integrades per visualitzar el codi font d’una pàgina. Per exemple, a Opera, per activar aquesta opció, feu clic a l’espai de la pàgina oberta del lloc lliure d’imatges, enllaços i altres elements i al menú contextual desplegable seleccioneu l’element "Codi font". El navegador obrirà la font en una pestanya independent, pintant les línies relacionades amb etiquetes HTML, scripts i text pla en tres colors.

Pas 2

Punts similars, però redactats una mica diferent, es troben al menú contextual i a altres navegadors. Per exemple, a Google Chrome aquest element es diu "Mostra el codi de pàgina", a Mozilla Firefox seleccioneu la línia "Codi font de la pàgina" i Internet Explorer - "Visualitza el codi HTML". L'esquema de colors del codi també variarà lleugerament en les diferents aplicacions.

Pas 3

El navegador Google Chrome té una opció de visualització de font molt més avançada. Per utilitzar-lo, al mateix menú contextual, seleccioneu l'element "Visualitza el codi de l'element". Després, la pestanya amb la pàgina web oberta es dividirà en dos marcs: a la part superior es mantindrà la seva aparença i a la inferior hi haurà informació detallada recopilada no només de les etiquetes del codi font, sinó també de les incloses. Fitxers a l'estil CSS. Podeu seleccionar les línies d'origen al marc inferior i el navegador ressaltarà a la part superior les àrees de la pàgina que estan formades per aquestes línies. De la mateixa manera, si seleccioneu un element al marc superior farà que es mostri el codi corresponent a la part inferior.

Pas 4

Si la pàgina es desa al disc dur de l'ordinador, el fitxer es pot obrir amb qualsevol editor de text: el codi font s'hi escriu com a text pla. Només cal que arrossegueu aquest fitxer a la finestra del Bloc de notes, Word o qualsevol altra aplicació d’aquest tipus en execució. Amb un editor normal, no només podeu veure el codi font, sinó també editar-lo.

Recomanat: