Como no puede ser de otro modo, vamos a utilizar el mismo ejemplo que se ha ido utilizando a lo largo de la historia de la programación y no es otro que el ver impreso en pantalla “Hola Mundo”.

Para ello vamos a empezar a plasmar aquí el código necesario.

Esta sería la página web más simple que podríamos crear.

<html>
   <head>
     <title>Hola Mundo</title>
   </head>
   <body>
     Hola Mundo
   </body>
</html>

Pasamos a explicar el código. El lenguaje HTML como otros muchos funciona por etiquetas, estas van entre <> y </>.

Todas y cada una de estas etiquetas son necesarias en cualquier archivo HTML, pero luego existen muchas más que iremos conociendo y que lo que hacen es enriquecer nuestra página y lo que queremos detallar en ella.

La primera etiqueta <html> sirve para indicar el inicio del código, html claro está. La última </html> cierra ese código.

Le sigue <head> y </head> que indican que aparecerá en la cabecera de nuestra web, y el mensaje se lo indicamos con lo que escribimos dentro de la etiqueta <title></title>.

Luego pasamos al cuerpo del documento, la web en si, todo lo que escribamos entre la etiqueta <body></body> aparecerá en nuestra página web. En este caso el mensaje “Hola Mundo”.

Terminamos con </html> como ya hemos indicado para finalizar el documento.

Este es el resultado final:
hola mundo

Como podemos observar en la parte de arriba, aparece “Hola Mundo”, esa sería la etiqueta <title> y en el cuerpo de la web de nuevo aparece “Hola Mundo” que es lo que hemos escrito dentro de la etiqueta <body>.

Como probarlo en tu ordenador:

1. crea un nuevo archivo con el bloc de notas
Inicio – Programas – Accesorios – Bloc de Notas

2. Escribe dentro el codigo html de arriba.

3. Guarda el documento con la extension .html

4. Haz doble-click en el archivo creado y se abrira en tu explorador de internet.