¡Hola Mundo!

 

“Hola Mundo” es un clásico, aparece en todos los manuales de programación y es lo que vamos a hacer ahora, presentar la frase Hola Mundo en pantalla.

Ponemos el lenguaje en español

Y de título le ponemos “Mi Primera Web”

Ahora abrimos el index.html con el navegador, para ello nos situamos sobre él, hacemos clic con el botón derecho, pinchamos en Abrir con y seleccionamos el navegador, yo selecciono Firefox Developer Edition

Estructura html

Abrimos el fichero index.html con el Visual Studio Code.

En la imagen siguiente vemos que estamos editando el fichero index.html, que no tiene contenido y el cursor se posiciona en la línea 1

Recordamos que index.html es la página principal o de inicio de cualquier sitio web,
empezamos a escribir, la ventaja de vs code es la ayuda que nos ofrece, ponemos
! (símbolo de admiración en la tecla 1) y nos sale.

Pinchamos sobre el símbolo “!” que nos sale sombreado y nos aparece la estructura básica de una página html.

Preparación entorno de trabajo

 

Creamos una carpeta en nuestro ordenador que le vamos a llamar ESTUDIO WEB esta carpeta contendrá los archivos de nuestra web, dentro de ella crearemos la carpeta imágenes donde iremos guardando todas las imágenes de la web, incluidas cabeceras. En un principio solo trabajaremos con un fichero que llamaremos index.html que es la página principal o de inicio de cualquier sitio web.

¿Qué es HTML?

 

HYPER TEXT MARKUP LANGUAGE

Es el lenguaje estándar para crear páginas WEB, describe la estructura y le indica al explorador qué y cómo hay que mostrarlo, es un lenguaje que consiste en etiquetas, las etiquetas indican párrafos, títulos, vínculos etc.

Visual Studio Code

Para nuestro proyecto vamos a utilizar el programa Visual Studio Code, es un editor de código fuente gratuito y de código abierto desarrollado por Microsoft y dispone de gran ayuda en línea.