Imágenes en HTML

Consejo rápido

Además de servir como respaldo para cuando una imagen no se carga, el alt atributo en la <img> etiqueta es esencial para los usuarios de lectores de pantalla. Proporciona texto alternativo que es leído en voz alta por lectores de pantalla, permitiendo que usuarios con discapacidades visuales comprendan el contenido y contexto de la imagen.

Para una experiencia web más inclusiva, asegúrate de que tu alt texto sea descriptivo y transmita el significado de la imagen.

Recursos

• Imagen (<img>) - MDN

Próximo paso

Al hacer referencia a archivos o carpetas y la ruta requiere salir de la carpeta actual, puedes usar ../ para navegar un nivel hacia arriba. Esto es especialmente útil al organizar los archivos de tu proyecto. Por ejemplo:

<!-- Vinculación a una imagen un nivel hacia arriba -->
<img src=../images/another-image.jpg alt=Another Image>

Los ../ notación te permite recorrer un nivel hacia arriba en la estructura de archivos. Incorpora esto en tus proyectos para mantener rutas de archivo limpias y organizadas.