La estructura básica de una página web está conformada de la siguiente manera:
Código de ejemplo
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Mi sitio WEB </title>
5 </head>
6 <body>
7 <header>
8 <h1>Titulo del articulo o tema </h1>
9 </header>
10 <main>
11 <p> Este es el contenido del párrafo que se mostrara en la página </p>
12 </main>
13 <footer>
14 <p> Derechos reservados </p>
15 </footer>
16 </body>
17 </html>
Descripción de las etiquetas según la línea de código:
| FILA | ETIQUETA | DESCRIPCIÓN |
| 1 | <!DOCTYPE html> | Informa al navegador qué versión de HTML (o XML) se usó para escribir el documento. DOCTYPE es una declaración no una etiqueta. |
| 2 | <html> | Indica la parte del cuerpo del contenido de un documento HTML. Es una etiqueta esencial para cualquier documento ya que indica donde empieza el contenido visible del documento. Su respectivo cierre de la etiqueta en la línea 17. |
| 3 | <head> | Provee información general (metadatos) acerca del documento, incluyendo su título y enlaces a scripts y hojas de estilos. Etiqueta de cierre línea 5. |
| 4 | <title>Mi sitio WEB </title> | El tag title (título) es un tag de código HTML que le permite darle un título a una página web. Este título se puede encontrar en la barra de título del navegador, así como en las páginas de resultados de los buscadores. |
| 6 | <body> | Representa el contenido de un documento HTML. Solo puede haber un elemento <body> en un documento. Etiqueta de cierre línea 16. |
| 7 | <header> | Representa un grupo de ayudas introductorias o de navegación. Puede contener algunos elementos de encabezado, así como también un logo, un formulario de búsqueda, un nombre de autor y otros componentes. Etiqueta de cierre línea 9. |
| 10 | <main> | Es un contenedor que se utiliza para marcar el contenido principal de una página web. La idea detrás de la etiqueta <main> es tener una sección en la página web que contenga el contenido principal y exclusivo de la misma, que no se repita en otras páginas de la web. Etiqueta de cierre línea 12. |
| 13 | <footer> | Se utiliza para representar la sección de pie de página de un documento web. Es común utilizarla para incluir información sobre el autor del sitio web, la fecha de publicación, enlaces a páginas relacionadas o cualquier otra información relevante que se desee mostrar en el pie de página. Etiqueta de cierre línea 15. |
Las etiquetas <p> </p> indican que se tratan de contenido de párrafos.