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

Get started free

Infografía Lenguaje HTML

ximena

Created on March 26, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

Halloween Infographic

Halloween List 3D

Magic and Sorcery List

Journey Map

Versus Character

Akihabara Connectors Infographic Mobile

Mobile mockup infographic

Explore all templates

Transcript

Infografía Lenguaje HTML

HISTORIA

ESTRUCTURA

AUDIO

CABECERAS

IMÁGENES

ENLACES

ETIQUETAS

LISTAS

XIMENA MANUEL CRUZ 2Bhttps://html.com/

Historia y evolución de HTML

  • 1989: Tim Berners-Lee desarrolló la idea del HTML mientras trabajaba en el CERN. Creó el primer navegador web y editor de HTML.
  • 1991: Nace el primer borrador oficial de HTML, con 18 etiquetas básicas.
  • 1995: Surge HTML 2.0 como un estándar formal, mejorando la organización.
  • 1997-1999: HTML 3.2 y HTML 4.0 introdujeron características como hojas de estilo (CSS) y más soporte multimedia.
  • 2008: Llega HTML5, revolucionando el lenguaje con capacidades avanzadas para multimedia, gráficos, aplicaciones y soporte para dispositivos móviles.
  • <html>: Es la raíz de un documento HTML. Dentro de esta etiqueta se agrupa todo el contenido de la página.
  • <head>: Aquí van los metadatos y enlaces externos (como estilos CSS o scripts JS). No afecta directamente la parte visible de la página.
  • <body>: Contiene todo el contenido visible de la página web: texto, imágenes, videos, etc.

Etiquetas de texto

  • <strong>: Marca el texto como importante o destacado. Generalmente, lo muestra en negrita.
  • <em>: Destaca el texto con un énfasis, usualmente en cursiva.
  • <u>: Subraya el texto.
  • <br>: Introduce un salto de línea (break). No tiene etiqueta de cierre.
  • <hr>: Inserta una línea horizontal para separar contenido. Tampoco tiene etiqueta de cierre.

Listas

  • Lista desordenada (<ul>): Crea una lista con viñetas.
  • Lista ordenada (<ol>): Genera una lista con números o letras.
  • Elemento de lista (<li>): Define cada elemento dentro de <ul> o <ol>.

La etiqueta <a> (de anchor) se utiliza para crear enlaces en HTML. Puede vincular a otras páginas, secciones de la misma página, documentos, direcciones de correo electrónico, etc.

IMÁGENES

  • src: Especifica la ubicación de la imagen (puede ser relativa o absoluta).
  • Ejemplo: src="imagenes/foto.jpg"
  • alt: Proporciona un texto alternativo en caso de que la imagen no se cargue. También es útil para accesibilidad.
  • Ejemplo: alt="Una imagen de un paisaje"
  • width y height: Ajustan las dimensiones de la imagen en píxeles.