Profe Johnny
Ejercicios · Grupo 3 de 6

Enlaces, imágenes y multimedia

Navegación y contenido visual. Intenta resolver cada ejercicio en el editor antes de revelar la solución.

1 Ejercicio 1 Básico

Crea un enlace hacia https://example.com con el texto 'Sitio de ejemplo'.

ejercicio-1
Ver solución sugerida
solución 1
2 Ejercicio 2 Básico

Haz que un enlace se abra en una pestaña nueva.

ejercicio-2
Ver solución sugerida
solución 2
3 Ejercicio 3 Básico

Crea un enlace tipo mailto hacia tu correo.

ejercicio-3
Ver solución sugerida
solución 3
4 Ejercicio 4 Básico

Inserta una imagen con src y alt descriptivo.

ejercicio-4
Ver solución sugerida
solución 4
5 Ejercicio 5 Básico

Ajusta el ancho de una imagen a 150px con el atributo width.

ejercicio-5
Ver solución sugerida
solución 5
6 Ejercicio 6 Intermedio

Crea un enlace ancla (#) que lleve a una sección más abajo con id='contacto'.

ejercicio-6
Ver solución sugerida
solución 6
7 Ejercicio 7 Intermedio

Agrega un reproductor de audio con controles.

ejercicio-7
Ver solución sugerida
solución 7
8 Ejercicio 8 Intermedio

Agrega un video con controles y un texto alternativo mediante <track> opcional.

ejercicio-8
Ver solución sugerida
solución 8
9 Ejercicio 9 Avanzado

Envuelve una imagen dentro de un enlace para que sea clicable.

ejercicio-9
Ver solución sugerida
solución 9
10 Ejercicio 10 Avanzado

Crea una galería simple de 3 imágenes con <figure> y <figcaption>.

ejercicio-10
Ver solución sugerida
solución 10