Ejemplos HTML y XHTML

Ejemplo de estructura de una página HTML

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (5 votos, promedio: 3,40 de 5)
Cargando...

En este tutorial vamos a explicar las partes de una estructura básica de una página hecha en 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>

Por Verónica Milán

LaWebera.es - Diseño Web

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

Actualizado el

Relacionados

2 respuestas

Deja una respuesta

Escribe sin faltas de ortografía y usa puntos y comas para que se entienda lo que quieres decir. Sino, hay que editar cada comentario y se tarda mucho más. Si escribes con cuidado antes obtendrás una respuesta.

El correo electrónico no se publica. Todos los campos obligatorios.

Consulta la información básica sobre protección de datos aquí
  • Responsable: Verónica Milán Gómez
  • Finalidad: gestionar los comentarios que realizas en esta web.
  • Legitimación: Consentimiento del interesado.
  • Destinatarios: Hosting: Cyberneticos Hosting, S.L. Con domicilio en UE. Mi hosting es 100% español y 100% seguro
  • Derechos: Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en admin@lawebera.es así como el derecho a presentar una reclamación ante una autoridad de control.
  • Información adicional: En la política de privacidad de LaWebera.es encontrarás información adicional sobre la recopilación y el uso de su información personal por parte de Verónica Milán Gómez, incluida información sobre acceso, conservación, rectificación, eliminación, seguridad y otros temas.
  • Los comentarios de esta web no tienen caracter legal ni oficial. Hacemos lo mejor por el usuario y por dar información fidedigna, pero no somos infalibles. Si decides seguir los consejos vertidos en esta web, es bajo tu única responsabilidad.