---
tutorial: "https://www.youtube.com/watch?v=vNCfuLTfW78"
---

# `11` Nested Tags

## ¿Qué son los Nested Tags? 🤔

Pensemos por un momento en los tags HTML como cajas que contienen tu contenido; pueden ser textos, imágenes y medios relacionados... A veces, tendrás que colocar cajas dentro de otras cajas. En este caso, esas cajas "internas" están  "nested" (anidadas) dentro de otras.

En otras palabras, `Nested Tags` se refiere a agregar un tag dentro del mismo tag como hijo inmediato.

## 📝 Instrucciones:

1. Juguemos con algunos nested tags, sigue las instrucciones a continuación:

| Instrucción | Como debe visualizarse  | 
| ----------  | ----------------------  |
| 1. Agrega una etiqueta `<h1>` con una etiqueta `<i>` italic anidada. | ![demo](../../.learn/assets/11-nested-tags-1.png?raw=true) |
| 2. Agrega una etiqueta `<strong>` adentro de un `<p>` | ![demo](../../.learn/assets/11-nested-tags-2.png?raw=true) |
| 3. Agrega una etiqueta de párrafo `<p>` (de al menos 20 palabras) y una etiqueta `<h2>` dentro de una etiqueta ancla `<a>`. | ![demo](../../.learn/assets/11-nested-tags-3.png?raw=true) |

No te preocupes si aún no lo entiendes muy bien, ¡todo es cuestión de práctica! 🤓