Lección 13 de 22

Encapsulando Contenido

A veces necesitamos agrupar elementos o resaltar partes específicas del texto. Para esto usamos dos elementos muy versátiles:

  • • <div> para agrupar elementos en bloques
  • • <span> para resaltar partes del texto

¿Cuándo usar cada uno?

  • • Usa <div> cuando necesites crear secciones o agrupar varios elementos
  • • Usa <span> para resaltar palabras o frases dentro de un texto
  • • Ambos elementos son perfectos para aplicar estilos usando el atributo clase

Ejemplo

EsHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Vista Previa

¡Ahora te toca a ti!

Crea una receta usando <div> para organizar las diferentes partes (ingredientes, pasos) y <span> para resaltar cantidades o instrucciones importantes.

Tu código EsHTML
1
2
3
4
5
HTML
1
2
3
4
5
Vista Previa
Anterior: Secciones y ArtículosSiguiente: Elementos Semánticos