Estructura del documento de HTML

Observad el siguiente código de HTML:

<html>
<head>
<title>Mi primera página HTML</title>
</head>
<body>
<h2>Mi primer documento de HTML</h2>
¡Hola, <i>World Wide Web! </i>
<p>
<b>Saludos desde la</b>
<a href=http://campus.uoc.es" target="_blank">Universitat Oberta de Catalunya</a>
<hr>
Página creada por:
<cite>(insertad nombre)</cite>
</body>
</html>


Ejemplo(haced un clic sobre el ojo para visualizar el resultado)

Un documento de HTML comienza y acaba con las etiquetas <html> y </html>, que indican al navegador que todo el documento está creado en este lenguaje.

Todos los documentos de HTML tienen dos estructuras principales: una cabecera (head) y un cuerpo (body), cada una delimitada en el texto fuente por sus respectivas etiquetas de inicio y de fin.

Reflexión

Se puede colocar información descriptiva del documento en la cabecera (head) en el caso de las etiquetas <title></title>, que ponen el texto "Mi primera página HTML" en la barra de título del navegador. No obstante, buena parte del código se trabajará en el cuerpo del documento, donde se colocará la información que hay que visualizar en la ventana del navegador.

Veamos la estructura estándar más básica en un documento de HTML:

Inicio del documento de HTML documento de HTML -->   <html>
Inicio de la cabecera -->   <head>
Título del documento -->   <title>Título de la página html</title>
Final de la cabecera -->   </head>
Inicio del cuerpo del documento -->   <body>
Información del documento -->   la información del documento
Fin del cuerpo -->   </body>
Fin del documento de HTML -->   </html>
 

Arriba