Cómo ver el código fuente de una página web

categoría Los medios de comunicación de Internet y sociales / Diseño y desarrollo web / Desarrollo de sitios web

Navegadores Web permiten ver el código HTML y CSS fuente de una página web. Echar un vistazo en el código fuente de una página web es una gran manera de ver la forma en que está construido - y para ver cómo se puede hacer algo similar.

Para ver el código HTML detrás de una página Web, siga estos sencillos pasos:

  1. Vaya en línea y abrir un navegador web, como Mozilla Firefox o Internet Explorer.

  2. Vaya a cualquier página web escribiendo la URL de cualquier página web cuyo código fuente HTML que te gustaría ver.

  3. Mira el código fuente HTML de la página:

    • En Firefox, seleccione Ver-fuente de la página en la barra de menú.

    • En Internet Explorer, seleccione Ver-Fuente.

      • Verás una nueva ventana con el código HTML de la página actual que está viendo. Si usted echa un vistazo a través del código, verá el contenido del texto de la página y todo el etiquetas para cada enlace. Puede seleccionar y copiar toda la página o cualquier parte de ella.

    La ventana de origen muestra sólo el código HTML, no todos los documentos CSS externos enlazados (véase la siguiente figura). Si la página utiliza CSS, la sección en la parte superior del código HTML contendrá la ruta URL al archivo CSS. Puede copiar y pegar el camino que en el campo de la localización de su navegador, como escribir en una dirección web, y ver el código CSS que la página usa.

    Cómo ver el código fuente de una página web

    En el ejemplo, el enlace de CSS está escrito como una pariente camino - en relación con el camino ya en el navegador web. Para completar el camino que hay que añadir /unassets/css/smart_min.css a la dirección URL que aparece en la barra de direcciones en la parte superior de la pantalla.

    Cuando termine de añadir la ruta relativa a la URL, que presione o haga clic en Aceptar para acceder al CSS- si se está ejecutando Windows, el CSS aparece en un archivo de Bloc de notas que se abre automáticamente en la pantalla, como en la siguiente figura.

    Copiando y pegando la ruta URL CSS en una ventana del navegador, puede ver una página's CSS source
    Copiando y pegando la ruta URL CSS en una ventana del navegador, puede ver el archivo de origen CSS de una página.


    Artículos Relacionados

    Sobre el autor
    Crear un hipervínculo, cargar una página web, y mucho más con javascript Crear un hipervínculo, cargar una página web, y mucho más con javascript

    javascript ayuda a incluir todo tipo de diversión y elementos interactivos en una página Web, y la tabla siguiente se muestra la forma de hacer el tipo de tareas que desea ser capaz de hacer con javascript. Si desea cargar una página…

    Cómo agregar jQuery a una página Cómo agregar jQuery a una página

    Una vez que haya descargado o jQuery sabe dónde encontrar la versión hospedada-CDN, es necesario hacer referencia a él en su página. jQuery es como cualquier archivo externo javascript.Añadir jQuery local para una páginaDescargar jQuery y…

    javascript y HTML javascript y HTML

    Usted puede pensar en javascript como una extensión de html- un add-on, si se quiere.Así es como funciona. Etiquetas HTML crean objetos- javascript permite manipular esos objetos. Por ejemplo, se utiliza el HTML y etiquetas para crear…

    ¿Cómo funciona php ¿Cómo funciona php

    El software PHP trabaja con el Servidor web, que es el software que ofrece páginas de Internet para el mundo. Cuando escribe una dirección URL en la barra de direcciones de su navegador de Internet, usted está enviando un mensaje al servidor web…

    ¿Cómo construir una página sobre en una plantilla php ¿Cómo construir una página sobre en una plantilla php

    La construcción de una página Acerca de su sistema de plantillas PHP es una simple cuestión de crear un nuevo archivo, crear instancias de la Página clases, y añadir contenido. Sigue estos pasos:Crear un nuevo archivo vacío en su editor.En el…

    Cómo mostrar el contenido de una página web con php Cómo mostrar el contenido de una página web con php

    Mostrar el contenido de su página web con PHP eco o impresión statements- ambos hacen lo mismo. Un eco o impresión declaración produce una salida, que se envía al navegador del usuario. De hecho, el navegador se encarga de la salida como…

    Cómo utilizar PHP con la programación HTML5 Cómo utilizar PHP con la programación HTML5

    PHP es un lenguaje diferente a HTML5, pero los dos están muy estrechamente relacionados. Puede que sea mejor pensar en PHP como una extensión que te permite hacer cosas que no puedes hacer fácilmente en HTML.Cada vez que se ejecuta getTime.php,…

    Cómo crear una tabla HTML Cómo crear una tabla HTML

    Al crear páginas web, lo que necesita saber cómo añadir varios tipos de datos y elementos, incluyendo tablas. Para crear una página web con una tabla, siga estos pasos:Abre tu editor de texto.En el editor de texto, cree un nuevo documento de…

    Elementos básicos de html Elementos básicos de html

    HyperText Markup Language (HTML) es el idioma de la web, donde elementos dictar el formato y el estilo de tu sitio. Elementos HTML componen la codificación descargado que ves cuando vas a una página web en su navegador web (como Internet Explorer,…

    Cómo usar el editor de HTML CoffeeCup Cómo usar el editor de HTML CoffeeCup

    Como WYSIWYG herramienta líder páginas Web, CoffeeCup HTML Editor tiene todas las características básicas importantes que usted necesita para construir páginas web básicas. El uso de estas características, puede crear y editar páginas web…

    ¿Cómo trabajar con diseños en css3 ¿Cómo trabajar con diseños en css3

    Para elegir un diseño particular, en CSS3 de Dynamic Drive, haga clic en su enlace. Usted ve una página que contiene una mejor presentación de la disposición en la parte superior. El texto contenido en el diseño es de relleno para que mejor…

    Acerca de las etiquetas HTML5 Acerca de las etiquetas HTML5

    No todos los navegadores web en HTML5 soporte de Internet hoy en día. Concéntrese en lo que es posible en el navegador Safari en el iPhone, iPad y iPod. Si va a crear páginas web para la amplia audiencia de la World Wide Web, usted debe probar su…

    » » » » Cómo ver el código fuente de una página web