Want to create interactive content? It’s easy in Genially!

Get started free

Estructura básica de un documento HTML

gaam548

Created on March 25, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

Interactive Event Microsite

January School Calendar

Genial Calendar 2026

Annual calendar 2026

School Calendar 2026

2026 calendar

January Higher Education Academic Calendar

Explore all templates

Transcript

Estructura básica de un documento HTML

Un documento HTML está compuesto por una serie de elementos que definen su estructura. A continuación se mostrará cada uno.

Instrucción: Da clic en cada elemento para conocer más información.

Declaración DOCTYPE

<head>

<body>

Fuentes

Redes Sociales

Escribe un subtítulo aquí

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in magna et justo tincidunt maximus sed varius purus. Sed aliquam quis lorem sed dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

premio 20xx

Ps

Ai

Fotografía

Escribe un subtítulo aquí

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in magna et justo tincidunt maximus sed varius purus. Sed aliquam quis lorem sed dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ps

Ai

Fuentes

Texto

IA abierta. (2025). ChatGPT. [Estructura básica de un documento HTML]. https://chat.openai.com/chat

<head>

La sección <head> contiene los metadatos del documento, como:

  • El título de la página (<title>).
  • Enlaces a hojas de estilo (<link>).
  • Scripts (<script>).

También puede incluir etiquetas meta para mejorar el SEO y la accesibilidad del sitio.

Declaración DOCTYPE

Todo archivo HTML comienza con la declaración <!DOCTYPE html>, que indica que se está utilizando la versión HTML5.

¿Tienes una idea?

¡Que fluya la comunicación!

Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras! ¿Necesitas más motivos para crear contenidos dinámicos? Bien: el 90% de la información que asimilamos nos llega a través de la vista y, además, retenemos un 42% más de información cuando el contenido se mueve.

  • Genera experiencias con tu contenido.
  • Tiene efecto WOW. Muy WOW.
  • Logra que tu público recuerde el mensaje.
  • Activa y sorprende a tu audiencia.

<body>

La sección <body> es donde se define el contenido visible de la página, utilizando etiquetas como:

  • <h1> a <h6> para encabezados.
  • <p> para párrafos.
  • <img> para imágenes.
  • <a> para enlaces.

Con el uso de CSS y JavaScript, este contenido puede mejorar su presentación e interactividad, creando sitios atractivos y funcionales.