FigCaption Tag em html

As legendas são uma parte muito crucial das imagens, citações e mais. Eles são usados ​​para adicionar uma descrição que ajuda a autenticar os elementos. Centenas de elementos HTML fornecem vários componentes para a página da web. Html “" é um deles. É utilizado para adicionar legendas a imagens e outros elementos.

Este artigo explicará o uso do elemento "" de HTML.

Qual é a tag "" em html?

O html “”O elemento é utilizado para adicionar legendas às citações, imagens e mais. Deve ser um filho do html “" marcação. O elemento "" pode ser colocado abaixo ou acima dos elementos.

Exemplo 1: Adicionando legenda à imagem

Em html, adicione um “" elemento. Dentro de "”Elemento, adicione um“”Tag para a imagem e uma tag“ ”para a legenda da imagem.

Html

figura 1. Rosas cor de rosa

CSS é usado para aplicar estilos aos elementos HTML adicionados acima.

Elemento de “figura” de estilo

figura
Largura: 400px;
margem: 20px automático;

As seguintes propriedades são adicionadas ao elemento "":

• ““largura”Ajusta a amplitude do elemento.
• ““margem”Define o espaço ao redor do elemento.

Elemento de “figcaption” de estilo

figCaption
Background-Color: Black;
cor branca;
preenchimento: 2px;
Alinhamento de texto: centro;
Fonte-família: Verdana, Genebra, Tahoma, Sans-Serif;

Aqui:

• ““cor de fundo”Adiciona cor de fundo ao elemento.
• ““cor”Especifica a cor da fonte.
• ““preenchimento”Adiciona espaço dentro da borda do elemento.
• ““alinhamento de texto”Ajusta o alinhamento do texto.
• ““família de fontes”Define o estilo da fonte.

Saída

Exemplo 2: Adicionando legenda à citação

O exemplo abaixo mostra como adicionar uma legenda acima da citação. Para fazer isso, experimente as instruções mencionadas abaixo:

• Adicione um “" elemento.
• Dentro dele, adicione o “" elemento.
• Então, adicione o “”Tag para mencionar a cotação.

Html

O Alquimista
Não tenha medo do fracasso.

Elemento de “figcaption” de estilo

figCaption
intensidade da fonte: Negrito;

O peso da fonte do elemento “” é estilizado usando o CSS “espessura da fonte" propriedade.

Saída

Isso se tratava de utilizar a "tag em html.

Conclusão

Em HTML, o “”O elemento é utilizado para adicionar legendas às imagens, citações e mais. Para adicionar a legenda, primeiro, adicione o “" elemento. Então adicione “","

","”Ou mais elementos de acordo com sua escolha. Em seguida, adicione o elemento "" para especificar a legenda. Este artigo explicou sobre o elemento HTML “” com a ajuda de exemplos.