Figcaption tag in html

Le didascalie sono una parte molto cruciale di immagini, citazioni e altro ancora. Sono usati per aggiungere una descrizione che aiuta ad autenticare gli elementi. Centinaia di elementi HTML forniscono vari componenti alla pagina web. Html ""È uno di questi. Viene utilizzato per aggiungere didascalie alle immagini e ad altri elementi.

Questo articolo spiegherà l'uso dell'elemento "" di HTML.

Qual è il tag "" in HTML?

L'HTML “"L'elemento viene utilizzato per aggiungere didascalie alle citazioni, alle immagini e altro ancora. Dovrebbe essere un figlio dell'HTML ""Tag. L'elemento "" può essere posizionato sotto o sopra gli elementi.

Esempio 1: aggiunta di didascalia all'immagine

In HTML, aggiungi un ""Elemento. Dentro il ""Elemento, aggiungi un""Tag per l'immagine e un tag" "per la didascalia dell'immagine.

Html

Figura 1. Rose rosa

CSS viene utilizzato per applicare gli stili agli elementi HTML aggiunti sopra.

Elemento "figura" di stile

figura
larghezza: 400px;
Margine: 20px Auto;

Le seguenti proprietà vengono aggiunte all'elemento "":

• "larghezza"Regola l'ampiezza dell'elemento.
• "margine"Imposta lo spazio attorno all'elemento.

Elemento "Figcaption" di stile

figcaption
Background-color: nero;
colore bianco;
imbottitura: 2px;
Testo-align: centro;
Font-Family: Verdana, Ginevra, Tahoma, Sans-Serif;

Qui:

• "colore di sfondo"Aggiunge il colore di sfondo all'elemento.
• "colore"Specifica il colore del carattere.
• "imbottitura"Aggiunge spazio all'interno del bordo dell'elemento.
• "allineamento"Regola l'allineamento del testo.
• "famiglia di font"Imposta lo stile del carattere.

Produzione

Esempio 2: Aggiunta di didascalia alla citazione

L'esempio seguente mostra come aggiungere una didascalia sopra la citazione. Per fare ciò, prova le istruzioni menzionate di seguito:

• Aggiungere un ""Elemento.
• Al suo interno, aggiungi il ""Elemento.
• Quindi, aggiungi il ""Tag per menzionare la citazione.

Html

L'alchimista
Non aver paura del fallimento.

Elemento "Figcaption" di stile

figcaption
Font-weight: audace;

Il po 'di carattere dell'elemento "" è disegnato usando il CSS "Font-peso" proprietà.

Produzione

Si trattava di utilizzare il "tag in html.

Conclusione

In HTML, il ""L'elemento viene utilizzato per aggiungere didascalie alle immagini, alle citazioni e altro ancora. Per aggiungere la didascalia, prima, aggiungi il ""Elemento. Poi aggiungi "","

",""O più elementi secondo la tua scelta. Quindi, aggiungi l'elemento "" per specificare la didascalia. Questo articolo ha spiegato l'elemento HTML "" con l'aiuto di esempi.