Etiqueta de figura en html

HTML5 introdujo un HTML "Etiquetas.

Elemento de figura de estilo

cifra
borde: 5px Solid #B69898;
Pantalla: Flex;
margen: auto;
Flex-flujo: columna;
MAX-ANCHO: 290PX;
relleno: 2px;

Las siguientes propiedades de CSS se aplican al elemento de la figura:

• "borde"La propiedad es una propiedad abreviada que establece el borde del elemento. Especifica valores para el ancho del borde, el estilo del borde y el color del borde.
• "mostrar"Con Value Flex hace un diseño receptivo para los elementos.
• "margenLa propiedad se utiliza para colocar el elemento horizontalmente en el centro.
• "flujo flexible"La propiedad con la columna de valor especifica la dirección del contenedor flexible y el comportamiento de envoltura.
• "anchura máxima"Especifica el valor del ancho máximo de un elemento.
• "relleno"Produce espacio alrededor del contenido del elemento.

Elemento IMG de estilo

img
Max-Alta: 140px;
MAX-ANCHO: 290PX;

Aquí está la descripción de las propiedades agregadas:

• "Altura máxima"La propiedad con el valor 140px establece la altura máxima del elemento a 140px.
• "anchura máxima"La propiedad con el valor 140px establece el ancho máximo del elemento a 140px.

Actualmente, nuestra página web se ve así:

Ahora, diseñe el elemento en la sección a continuación.

Elemento de cable de fig de estilo

Caption de fig
Color de fondo: RGB (25, 11, 104);
Color: Ghostwhite;
Text-Align: Center;
fuente: cursiva más pequeña sans-serif;
relleno: 6px;

Aplique las siguientes propiedades de CSS al elemento FIGCAPTION:

• "color de fondoLa propiedad se utiliza para aplicar el color al fondo del elemento.
• "color"Especifica el color de la fuente.
• "texto alineado"La propiedad establece la alineación del elemento de acuerdo con su valor.
• "fuente"La propiedad con el valor establecido como cursiva más pequeña sans-serif indica el estilo de fuente como cursiva, tamaño pequeño y de fuentes como sans-serif.
• "relleno"La propiedad agrega espacio alrededor del contenido del elemento.

Al proporcionar las propiedades CSS anteriores a los elementos, obtendremos el resultado como se muestra a continuación:

Hemos compilado la información esencial relacionada con la etiqueta de figura HTML en HTML.

Conclusión

Hay diferentes propiedades que podemos aplicar a los elementos HTML para que sean guapos y organizados. Del mismo modo, las etiquetas OR se utilizan para insertar imágenes en el HTML. Más específicamente, el elemento maneja el grupo de contenidos, como la lista de códigos, diagramas o fotos. También puede contener el agregar algún subtítulo al contenido. Este artículo demostró el uso de la etiqueta de figura HTML con un ejemplo práctico.