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

Desafí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?

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