Como ver el código fuente de HTML

Para ver el código fuente HTML de una página web con Internet Explorer 3.x y posterior, haga clic en Origen en el menú Ver. Para ver el código fuente HTML de una página web con Internet Explorer 2.x, haga clic con el botón secundario en la página web y, a continuación, haga clic en Ver código fuente. 

 

Muchas páginas web utilizar marcos para mostrar varias páginas Web en la misma pantalla. Para ver el código fuente HTML de una página web que contenga marcos, haga clic con el botón secundario en la página web y, a continuación, haga clic en Ver código fuente.

Ver el código HTML de una página web, lo que se conoce como visualizar el código fuente de la página, puede lograrse a través de tu navegador de Internet. El código HTML determina cómo luce el sitio en general, incluyendo dónde se ubica el texto, las fotos y los demás elementos que lo componen. Observar el código fuente de sitios web bien elaborados te ayudará a comprender qué códigos necesitas para crear una página con un aspecto profesional.

Mozilla Firefox

1-Abre el navegador de Internet Mozilla Firefox.
2-Ingresa la dirección web (URL) del sitio web del cual deseas visualizar su código fuente.
3-Haz clic en la barra de menú "Ver" y luego selecciona "Código fuente de la página". Esto revelará el código HTML usado para crear la página web.

Internet Explorer

1-Abre el navegador web Internet Explorer.
2-Ingresa la dirección web (URL) del sitio web del cual deseas visualizar su código fuente.
3-Haz clic en la pestaña "Ver" y luego selecciona "Código fuente". Esto revelará todo el código HTML.

Etiquetas de un HTML

Las etiquetas son marcas que colocamos al principio y al final de cualquier elemento de texto que deseamos modificar.
Existe muchas de etiquetas HTML, sin embargo, no necesitamos conocer este lenguaje en profundidad, ya que los editores de páginas web permiten crear páginas web de una forma muy sencilla.

HTML emplea dos tipos de etiquetas:
• Etiqueta de apertura: <etiqueta>
• Etiqueta de cierre: </etiqueta>

Además, existen etiquetas que afectan a páginas, párrafos completos de texto y otras que se utilizan para elementos textuales, como letras, palabras o porciones indeterminadas de un documento. Por ejemplo, cada elemento de una lista debe aparecer precedido por <li>.

 

¿QUE ES UN HTML?

Un HTML (Hyper Text Markup Language), significa un lenguaje de marcas de hipertexto. El HTML, es un sistema que nos permite dar formato a textos mediante el uso de etiquetas.

Cuando navegamos por Internet, las páginas web se envían desde servidores situados a miles de kilómetros y nos llegan en apenas décimas de segundo y sin perderse contenidos. Esto sucede gracias a que HTML es un leguaje que se ha orientado a la transmisión de documentos mediante el protocolo HTTP (protocolo de transmisión de hipertexto), que es el que usan los ordenadores para enviar y recibir documentos a través de Internet.

El servidor de Internet que nos permite navegar entre billones de documentos en red de denomina world wide web (tela de araña mundial).

HTML es un lenguaje de formato de texto que consiste, básicamente, en añadir una serie de etiquetas antes y después de las zonas de texto con el fin de indicar qué formato y utilidad tiene esa parte del documento.

Las páginas web se pueden ver con unos programas llamados navegadores, que interpretan las etiquetas que hemos añadido en los textos, de manera que nos los muestran tal y como se han creado. Los más conocidos son:

• Microsoft Internet Explore

• Mozilla Firefox

El potencial del lenguaje HTML se basa en que permite agregar imágenes, vídeos, sonidos y animación a las páginas web que facilitan la navegación entre páginas.

INKSCAPE:

Inkscape es un editor de gráficos vectoriales profesional para Windows, Mac OS X y Linux.
Las características de SVG soportadas incluyen formas básicas, trayectorias, texto, canal alfa, transformaciones, gradientes, edición de nodos, exportación de SVG a PNG, agrupación de elementos, etc.
Inkscape su finalidad es proporcionar  a los usuarios una herramienta libre de código abierto de elaboración de gráficos en formato vectorial escalable (SVG) que cumpla completamente con los estándares XML, SVG y CSS2.

Inkscape se encuentra desarrollado principalmente para el sistema operativo GNU/Linux, pero es una herramienta multiplataforma y funciona en Windows, Mac OS X, y otros sistemas derivados de Unix.

Es una aplicación disponible en muchas lenguas, incluyendo sistemas de escritura complejos (como sistemas de escritura de derecha a izquierda como árabe, hebreo...).

Aquí voy a mostrar cómo he hecho el Logo de Citroën:

 En el primer paso que he dibujado un rectángulo de color rojo.
Después puse a mi manera las líneas que me servían de patrones para hacer las siguientes figuras.
Tenían que estar igualadas en el plan y perfectamente rellenas de color blanco sin líneas negras de contorno.

El siguiente paso que hice, fue hacer las figuras. Una vez que tenía una, la de arriba, copié sus patrones y la pegué en el espacio de abajo, midiendo el sitio para fuesen iguales en distancia tanto en vertical y horizontal.
Lo siguiente fue comprobar las uniones, borrar las líneas negras y rellenar los espacios.