Primera página web

En el apartado anterior viste la estructura elemental de un documento html básico. Ahora verás el código que debes escribir para construirlo usando HTML5

<!doctype html>
<html>
<head lang="es-ES">
<title> mi primera página</title>
</head>
<body>
Este es el contenido de la página web básica.
</body>
</html>
Código HTML5 de la página de ejemplo.

Escribe este código en tu editor de textos y guárdalo con el nombre primerapagina.html. Ábrela con el explorador que uses y verás que la página muestra la frase "Este es el contenido de la página web básica".

La primera linea no necesita más explicaciones: solo define el tipo de documento. Es mucho más simple que la usada por los documentos escritos en HTML4.

<html></html> Marca el inicio y fin del documento. Como ves lleva un atributo lang con el valor "es-ES". Este atributo es opcional. Indica el idioma en que se escribe la página web. Puede usarse en otros bloques de la página web.

<head> </head> marca el inicio y fin de la cabecera del documento. Dentro va información sobre la página web, en este caso el título de la página, pero no se mostrará en el navegador.

<title></title> Etiquetas que encierran el título de la página que se mostrará en la barra del navegador. Este valor debe cuidarse pues es útil para que los robots de los buscadores localicen la página y la sitúen en un buen lugar.

<body></body> Marca la parte del documentodonde se pone el contenido de la página web en sí, es decir, lo que se mostrará en el navegador.

Para empezar es suficiente. Fíjate en las etiquetas usadas en esta página básica, verás que:

  • Las etiquetas tienen dos partes una de apertura y otra de cierre (salvo excepciones) rodeando al elemento al que afectan.
  • Una etiqueta puede llevar atributos: valores que modifican su función
  • La apertura se escribe entre dos ángulos <head>
  • El cierre se escribe entre ángulos pero con la barra invertida antes del nombre </head>
  • Las etiquetas no se pueden solapar, pero pueden estar contenidas unas en otras: <title> está contenido en <head>

<head>
<title>
</head>
mi primera página</title>
<body>

Código erróneo: Las etiquetas no se pueden solapar