Estás en Inicio > Como hacer > Ejemplos HTML y XHTML > Ejemplo de estructura…
disenador-web-autonomo

Ejemplo de estructura de una página HTML



En este tutorial vamos a explicar las partes de una estructura básica de una página hecha en HTML. Como veremos, la sección del body (donde va toda la información que se muestra al usuario), puede y debe hacerse más compleja, conteniendo capas y estructuras que conformes los menús, el contenido y el pie de página, entre otros.

Junto con esta guía, te recomiendo que leas los siguientes documentos:

Introducción

Cada página HTML debe constar de dos secciones:

  1. El HEAD o cabecera, donde está la información sobre la página web, como el título, una breve descripción y algunas palabras clave. También puede contener información de estilos (CSS) y librerías JavaScript.
  2. El BODY o cuerpo, donde está todo el contenido que el usuario va a ver en su navegador.

Las siguientes etiquetas HTML se utilizan para construir la estructura básica de una web:

  • <html> significa el inicio (y final) del documento.
  • <head> significa el inicio (y final) de la sección de cabecera del documento.
  • <title> Es el título del documento. Esto se muestra por la mayoría de los navegadores como título de la ventana, cuando agregas una web a favoritos, etc. Los motores de búsqueda  como Google suelen utilizarlo también como título en los resultados de búsqueda, por lo que es muy importante para la optimización de la página web y el SEO en general. Por todo esto, debes escoger muy bien el título de cada página de tu sitio web y procurar que todos sean únicos y descriptivos.
  • <body> significa el inicio (y final) del contenido visible del documento (lo que ve el usuario final).

Estructura básica en HTML

Un ejemplo completo de un documento HTML sería (ojo, sólo la estructura básica):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Título de ejemplo</title>
  </head>
  <body>
    <p>¡Esta es mi web!</p>
  </body>
</html>






Artículos Relacionados
Enlázanos
Si te gusta esta web y quieres enlazarnos, te sugiero estas imágenes y textos totalmente...
Normas elementales en HTML
Este tutorial está basado en las recomendaciones del W3C (y II), donde la idea...
Seguridad en el registro de usuarios y el manejo de sesiones con PHP (segunda parte)
Completamos la primera parte del tutorial sobre la seguridad en el registro de usuarios y...
Manejo de Bases de Datos con Flash (Parte III)
En el anterior artículo definimos la manera de cómo crear la base de datos y...

Artículo creado el 29/12/09
Última Actualización: 1/02/10

Autor y licencia

Licencia: Contenido propiedad de LaWebera.es. Prohibida su copia.

Autor: Verónica M.
URL: LaWebera.es - Diseño Web



2 Comentarios para “Ejemplo de estructura de una página HTML”

  1. Fernando:

    Gracias por darte tiempo y explicar a las personas que no sabemos espero.. y pueda aprenedr mas en esta Web

    28/02/10 - 17:33 #

Enlaces a esta entrada


Publicar un comentario