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://content-media-cdn.codefinity.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://content-media-cdn.codefinity.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.

Utilize the absolute path for the src attribute of the second image. Access the image here:

Specify the appropriate alt attribute value for both images. Remember, the alt value is crucial for providing context in case images fail to load or for users relying on screen readers.

html

index

css

index

js

index

copy
  1. Use the img tag to specify an image.
  2. Use the src attribute to specify the image's location.
  3. Use the alt attribute to furnish a descriptive text for the image.
  4. You can use the width attribute to define the image's width.
  5. You can use the height attribute to define the image's height.
html

index

css

index

js

index

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 2
We're sorry to hear that something went wrong. What happened?
some-alt