| Elemento | Descripción | Código de implementación | Cómo se visualiza en el navegador |
|---|---|---|---|
| "Elementos Raíz" | |||
| !DOCTYPE html | Indica que el documento está bajo el estándar de HTML5. | <!DOCTYPE html> | -- |
| html | Representa la raíz de un documento HTML. Es una buena práctica indicar el idioma mediante el atributo lang. | <html> | -- |
| "METADATOS" | |||
| head | En su interior se incluye la colección de metadatos sobre el documento y los enlaces a scripts y hojas de estilo. | <head></head> | "contenido head" |
| title | Representa el título del documento. Se muestra en la barra superior del navegador o en las pestañas de página. | <title></title> |
se muestra en la cabecera de la página |
| link | Utilizada para enlazar documentos externos, por ejemplo CSS. Se debe incluir dentro del head. | <link> | -- |
| meta | Define los metadatos que no pueden ser definidos usando otro elemento HTML. | <meta> | -- |
| style | Usada para escribir CSS interno. | <style></style> |
contenido con "style"
|
| "SCRIPTING" | |||
| script | Define un script interno o un enlace hacia un script externo de JavaScript. | <script></script> | -- |
| noscript | Representa un contenido alternativo a mostrar cuando el navegador no soporta scripting. | <noscript></noscript> | -- |
| "SECCIONES" | |||
| body | Representa el contenido principal de un documento HTML. Sólo puede existir un elemento body en el documento. | <body></body> | Este es el cuerpo de la página (body) |
| section | Define secciones de una web. | <section></section> |
|
| nav | Especifica una sección que contiene un menú de navegación. | <nav></nav> | |
| article | Determina secciones de contenido. | <article></article> |
|
| aside | Define la barra lateral de una página web. | <aside></aside> | |
| h1,h2,h3,h4,h5,h6 | Describe el tema de la sección. Disponemos de seis niveles: de h1 a h6, siendo h1 la cabecera de mayor importancia. Sólo puede existir una etiqueta h1 en el documento. | <h1-h6></h1-h6> |
contenido h1contenido h2contenido h3contenido h4contenido h5contenido h6 |
| header | Determina la cabecera de una web o de un elemento. | <header></header> |
|
| footer | Define el pie de página. También se puede utilizar para definir el pie de otros elementos. | <footer></footer> | |
| address | Especifica una sección que contiene información de contacto. | <address></address> | contenido (address) |
| main | Determina el contenido principal del documento. Solo puede existir un elemento main en el documento. | <main></main> |
|
| "ETIQUETAS DE CONTENIDO Y TEXTO" | |||
| p | Define una parte que debe mostrarse como un párrafo. | <p> |
contenido (p) |
| hr | Representa un cambio temático entre párrafos. | <hr> |
contenido |
| pre | Indica que su contenido esta preformateado y que este formato debe ser preservado. | <pre> |
contenido |
| blockquote | Representa un contenido citado desde otra fuente. | <blockquote> |
contenido |
| ol | Especifica una lista ordenada de artículos. | <ol> |
|
| <> | |||
| <> | |||