Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Desafío: Imágenes | Medios y Tablas
HTML Definitivo
course content

Contenido del Curso

HTML Definitivo

HTML Definitivo

1. Desarrollo Web
2. Tags y Atributos
3. Estructura del Documento
4. Medios y Tablas
5. Formularios

bookDesafío: Imágenes

🏁 Objetivo

Practica el uso de la ruta absoluta para imágenes en HTML. Al finalizar este desafío, lograrás:

  • Obtener experiencia práctica en el uso de la ruta absoluta en un documento HTML;
  • Aprender cómo proporcionar un texto alt significativo para las imágenes para garantizar la accesibilidad y la experiencia del usuario.

📋 Tarea

  1. Asegúrate de que el atributo src de la primera imagen utilice la ruta absoluta. Puedes encontrar la imagen en: https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/adik.png;
  2. Utiliza la ruta absoluta para el atributo src de la segunda imagen. Accede a la imagen aquí: https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/joking.png;
  3. Especifica el valor apropiado del atributo alt para ambas imágenes. Recuerda que el valor alt es crucial para proporcionar contexto en caso de que las imágenes no se carguen correctamente o para los usuarios que dependen de lectores de pantalla.
html

index

css

index

js

index

copy
  1. Utiliza la etiqueta img para especificar una imagen;
  2. Utiliza el atributo src para especificar la ubicación de la imagen;
  3. Utiliza el atributo alt para proporcionar un texto descriptivo para la imagen;
  4. Puedes utilizar el atributo width para definir el ancho de la imagen;
  5. Puedes utilizar el atributo height para definir la altura de la imagen.
html

index

css

index

js

index

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 3
some-alt