¿Cómo ver el código de una página?
Ver el código de una página web te permitirá conocer el proceso por el que pasan los contenidos de la misma, así como la estructura en la que se presentan. Si quieres saber cómo mostrar el código de una página web, ¡sigue leyendo!
Cómo ver el código de una página web en distintos navegadores
- Google Chrome:
- Haz clic derecho sobre la página web deseada
- Selecciona «Ver código fuente» desde el menú desplegable
- Una vez abierto el código, puedes guardarlo como una página HTML haciendo clic en «Archivo» y luego «Guardar como»
- Internet Explorer:
- Haz clic derecho sobre la página web deseada
- Selecciona «Ver código fuente» desde el menú desplegable
- Una vez abierto el código, puedes guardarlo como una página HTML haciendo clic en «Archivo» y luego «Guardar como»
- Mozilla Firefox:
- Haz clic derecho sobre la página web deseada
- Selecciona «Ver código fuente» desde el menú desplegable
- A continuación, puedes guardar el código como una página HTML haciendo clic en «Archivo» y luego «Guardar como»
Herramienta de visualizacion de codigo para todos los navegadores
Para ver el código de cualquier página web en cualquier navegador, existe una herramienta denominada Developer Tools:
- Abre el navegador web deseado.
- Haz clic derecho en la página web que deseas ver.
- Selecciona «Developer Tools» desde el menú desplegable.
- En la pestaña que se abre, selecciona la pestaña «Element».
- En la parte derecha, se encuentra el código de la página web.
- Para guardar el código, haz clic en «Archivo» y luego «Guardar como»
Ahora ya sabes cómo ver el código de una página web; con esto puedes estudiar la estructura que se utiliza para desarrollar cualquier sitio web. ¡A practicar!
Cómo ver el código de una página
Es fácil ver el código detrás de un sitio web. El código puede ayudarte a revelar ciertos aspectos de la forma en que un sitio está configurado, y a mejorar tus habilidades para diseñar y administrar sitios web.
1. Abre tu navegador
Los pasos a seguir son ligeramente diferentes según el navegador que estés utilizando. En esta guía, nos centraremos en Google Chrome, pero puedes aplicar estas instrucciones en otros navegadores web también.
2. Busca el menú Herramientas
En Chrome, el menú Herramientas se encuentra en la parte superior derecha de la pantalla, en forma de una rueda dentada. Haga clic en él para revelar el menú.
3. Elige «Ver código fuente»
Tras abrir el menú Herramientas, elige la opción «Ver código fuente». Esto abrirá una nueva pestaña en Chrome, donde se mostrará el código HTML, CSS y JavaScript que componen la página web.
Recomendaciones adicionales: