in

Etiqueta de imagen HTML

Ejemplo

Cómo utilizar la etiqueta :




Flores

Inténtalo tú mismo »


Definición y uso

los <picture> La etiqueta ofrece a los desarrolladores web más flexibilidad a la hora de especificar recursos de imágenes.

El uso más común del <picture> El elemento será para la dirección de arte en diseños receptivos. En lugar de tener una imagen que se escala hacia arriba o hacia abajo según el ancho de la ventana gráfica, se pueden diseñar varias imágenes para llenar mejor la ventana del navegador.

los <picture> El elemento contiene dos etiquetas: una o más etiquetasy una etiqueta .

El navegador buscará el primer elementodonde la consulta de medios coincida con el ancho actual de la ventana gráfica, y luego mostrará la imagen adecuada (especificada en el atributo srcset). El elemento es obligatorio como último hijo del <picture> elemento, como una opción de respaldo si ninguna de las etiquetas de origen coincide.

Propina: los <picture> El elemento funciona de manera «similar» a


Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.

Elemento
38,0 13,0 38,0 9.1 25,0

Atributos globales

los <picture> La etiqueta también admite los atributos globales en HTML.


Atributos de eventos

los <picture> La etiqueta también admite los atributos de eventos en HTML.


páginas relacionadas

Tutorial HTML: Elemento HTML

Tutorial CSS: Diseño Responsive CSS – Imágenes

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

social og oracle logo default 1200x628

Sistema de gestión de contenidos y gestión de activos digitales

Palabras clave de Java – Javatpoint