Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.
Nos permite mostrar diferentes imágenes para diferentes dispositivos o tamaños de pantalla.
HTML5 introdujo el elemento <picture>
Este elemento contiene elementos <source> y cada uno de estos hace referencia a una imagen diferente. Y el navegador escoge una de ellas según la pantalla o el dispositivo.
En los atributos del source se describe cuando se tiene que usar cada imagen.
Es importante poner un <img> como último hijo, por si el navegador no soporta el <picture> o no encuentra el source adecuado, entonces carga el <img>
En ejemplo de abajo si redimensionas la ventana del navegador verás como va cambiando de una imagen a otra.
Normalmente se usa en dos casos:
Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.