tag de figura em html

Html5 introduziu um html " Tag.

Elemento da figura de estilo

figura
fronteira: 5px Solid #B69898;
exibição: flex;
margem: automático;
FLOW FLEX: coluna;
MAX-LUDA: 290PX;
preenchimento: 2px;

As seguintes propriedades CSS são aplicadas ao elemento da figura:

• ““fronteira”Propriedade é uma propriedade abreviada que define a fronteira do elemento. Ele especifica valores para a largura da fronteira, estilo da fronteira e cor da borda.
• ““mostrar”Com o Value Flex faz um layout responsivo para os itens.
• ““margem”A propriedade é utilizada para colocar o elemento horizontalmente no centro.
• ““FLOW FLEX”Propriedade com a coluna de valor especifica a direção do contêiner flexível e o comportamento de embalagem.
• ““largura máxima”Especifica o valor da largura máxima de um elemento.
• ““preenchimento”Produz espaço em torno do conteúdo do elemento.

Elemento IMG de estilo

img
Max-Hight: 140px;
MAX-LUDA: 290PX;

Aqui está a descrição das propriedades adicionadas:

• ““altura máxima”Propriedade com o valor de 140px define a altura máxima do elemento para 140px.
• ““largura máxima”Propriedade com o valor de 140px define a largura máxima do elemento para 140px.

Atualmente, nossa página da web se parece com a seguinte:

Agora, estilize o elemento na seção abaixo.

Estilo FigCaption Element

figCaption
Background-Color: RGB (25, 11, 104);
Cor: Ghostwhite;
Alinhamento de texto: centro;
Font: Itálico menor sem serrif;
preenchimento: 6px;

Aplique as seguintes propriedades CSS ao elemento FIGCAPTION:

• ““cor de fundo”A propriedade é utilizada para aplicar a cor ao fundo do elemento.
• ““cor”Especifica a cor da fonte.
• ““alinhamento de texto”Propriedade define o alinhamento do elemento de acordo com seu valor.
• ““Fonte”Propriedade com o valor definido como álico menor sem serrif indica o estilo de fonte como itálico, tamanho pequeno e familiar como Sans-Serif.
• ““preenchimento”A propriedade adiciona espaço em torno do conteúdo do elemento.

Ao fornecer as propriedades do CSS acima para os elementos, obteremos o resultado como mostrado abaixo:

Nós compilamos as informações essenciais relacionadas à tag html figura em html.

Conclusão

Existem diferentes propriedades que podemos aplicar aos elementos html para torná-los bonitos e organizados. Da mesma forma, as tags ou são utilizadas para inserir imagens no HTML. Mais especificamente, o elemento lida com o grupo de conteúdo, como listagem de código, diagramas ou fotos. Também pode conter o para adicionar alguma legenda ao conteúdo. Este artigo demonstrou o uso da tag html com um exemplo prático.