Figcaption Tag dans HTML

Les légendes sont une partie très cruciale des images, des citations et plus. Ils sont utilisés pour ajouter une description qui aide à authentifier les éléments. Des centaines d'éléments HTML fournissent divers composants à la page Web. Html "" est l'un d'eux. Il est utilisé pour ajouter des légendes aux images et autres éléments.

Cet article expliquera l'utilisation de l'élément «» de HTML.

Quelle est la balise «» dans HTML?

Le HTML "»L'élément est utilisé pour ajouter des légendes aux citations, aux images et plus. Ce devrait être un enfant du HTML "" étiqueter. L'élément «» peut être placé en dessous ou au-dessus des éléments.

Exemple 1: ajout de la légende à l'image

En html, ajoutez un "" élément. À l'intérieur de "”Element, ajoutez un"”Tag pour l'image et une balise« »pour la légende de l'image.

Html

Figure 1. Roses roses

CSS est utilisé pour appliquer des styles aux éléments HTML ajoutés ci-dessus.

Élément de style «figure»

chiffre
Largeur: 400px;
marge: 20px automatique;

Les propriétés suivantes sont ajoutées à l'élément «»:

• "largeur"Ajuste l'étendue de l'élément.
• "marge”Définit l'espace autour de l'élément.

Élément de style «figcaption»

Figcaption
Color en arrière-plan: noir;
Couleur blanche;
rembourrage: 2px;
Texte-aligne: Centre;
Font-Family: Verdana, Genève, Tahoma, Sans-Serif;

Ici:

• "Couleur de l'arrière plan»Ajoute une couleur d'arrière-plan à l'élément.
• "couleur»Spécifie la couleur de la police.
• "rembourrage"Ajoute de l'espace à l'intérieur de la bordure de l'élément.
• "alignement de texte"Ajuste l'alignement du texte.
• "famille de polices»Définit le style de police.

Sortir

Exemple 2: ajout de la légende à la citation

L'exemple ci-dessous montre comment ajouter une légende au-dessus de la citation. Pour ce faire, essayez les instructions mentionnées ci-dessous:

• Ajouter un "" élément.
• À l'intérieur, ajoutez le «" élément.
• Ensuite, ajoutez le "”Tag pour mentionner la citation.

Html

L'alchimiste
N'ayez pas peur de l'échec.

Élément de style «figcaption»

Figcaption
Police-poids: Bold;

Le poids de la police de l'élément «» est conçu en utilisant le CSS »poids de police" propriété.

Sortir

Il s'agissait d'utiliser le «Tag dans HTML.

Conclusion

Dans HTML, le «»L'élément est utilisé pour ajouter des légendes aux images, aux citations et plus. Pour ajouter la légende, d'abord, ajoutez le "" élément. Puis ajouter "","

",""Ou plus d'éléments selon votre choix. Ensuite, ajoutez l'élément «» pour spécifier la légende. Cet article a expliqué l'élément HTML «» à l'aide d'exemples.