Guía Interactiva de HTML

DanielZEspitia

Introducción

Este documento es una demostración práctica de las etiquetas HTML más importantes. Pasa el cursor sobre diferentes elementos para ver más información gracias al atributo title.

¿Qué es el HTML Semántico?

Es el uso de etiquetas HTML que transmiten significado sobre el contenido, en lugar de solo sobre su apariencia.

Formato de Texto

¡Importante! No confundir etiquetas de formato con etiquetas semánticas. Este texto está en negrita pero no es semánticamente importante.

Debes leer esto cuidadosamente. El concepto de "responsive design" es fundamental hoy en día.

Los resultados mostraron un aumento del 50%. Este uso de subrayado no es recomendado.

Usa la etiqueta <div> para crear un contenedor. Para copiar, presiona Ctrl + C.

La fórmula química del agua es H2O. Y la de la potencia es E=mc2.

"El único modo de hacer un gran trabajo es amar lo que haces."

– Steve Jobs

function saludar(nombre) {
  return `Hola, ${nombre}`;
}

Listas

Lista Desordenada

Lista Ordenada

  1. Despertar
  2. Programar
  3. Dormir

Lista de Descripción

HTML
Lenguaje de Marcado de Hipertexto. La estructura de la web.
CSS
Hojas de Estilo en Cascada. El diseño de la web.

Formularios Interactivos

Información Personal

Preferencias

¿Qué temas te interesan?

¿Nivel de experiencia?

Comentarios y Selección

Tablas

Horario de Clases
Hora Lunes Miércoles
09:00 - 11:00 HTML Básico CSS Avanzado
11:00 - 13:00 Taller de JavaScript
Horario sujeto a cambios.

Multimedia y Contenido Embebido

Una imagen de marcador de posición
Fig. 1 - Ejemplo de una imagen con leyenda.

Video Nativo

Audio Nativo

Contenido Embebido con Iframe

Otras Etiquetas Útiles

Haz clic aquí para ver más detalles

¡Sorpresa! Aquí hay más información que estaba oculta. Es ideal para FAQs.

Progreso de la lección: 75%

Uso de almacenamiento: 80%