6.2. Estructura de una página HTML

Una página HTML es un documento de texto que está estructurado con etiquetas. Las etiquetas definen lo que significa cada bloque de texto y realizan divisiones entre unos bloques de texto y otros.

En esta primera práctica vamos a crear una simple página HTML con una estructura mínima.

Etiquetas utilizadas

<html> </html>

Etiqueta inicial y final de todos los documentos de tipo HTML.

<head> </head>

Sección de cabecera del documento. En esta sección se define el título de la página, los estilos, etc.

<title> </title>

Título de la página HTML. Debe aparecer en la sección <head>.

<body> </body>

Cuerpo del documento. En esta sección estarán todos los contenidos que aparecen en la página web. Textos, imágenes, listas, tablas, etc.

<p> </p>

Etiqueta de párrafo. Engloba un párrafo de texto con varias frases terminadas en un punto y aparte.

Código de la página

../_images/html-body-html.png

Plantilla de documento HTML.

<html>

<!-- Cabecera -->
<head>
   <title> </title>
</head>

<!-- Cuerpo -->
<body>

</body>

</html>

Resultado

../_images/html-body-web.png