Figcaption -Tag in HTML

Bildunterschriften sind ein sehr wichtiger Bestandteil von Bildern, Zitaten und mehr. Sie werden verwendet, um eine Beschreibung hinzuzufügen, die hilft, die Elemente zu authentifizieren. Hunderte von HTML -Elementen bieten verschiedene Komponenten auf der Webseite. Html "" Ist einer von ihnen. Es wird verwendet, um Bildern und anderen Elementen Bildunterschriften hinzuzufügen.

Diese Beschreibung erklärt die Verwendung des „“ Elements von HTML.

Was ist das "" -Tag in HTML?

Die HTML "Element wird verwendet, um den Zitaten, Bildern und mehr Bildunterschriften hinzuzufügen. Es sollte ein Kind der HTML sein “" Schild. Das Element "" kann entweder unter oder über den Elementen platziert werden.

Beispiel 1: Hinzufügen von Bildunterschriften zum Bild

In HTML fügen Sie eine "hinzu"" Element. Im Inneren "Element, füge eine hinzu "Tag für das Bild und ein "” -Tag für die Bildunterschrift.

Html

Abbildung 1. Rosa Rosen

CSS wird verwendet, um Stile auf die oben hinzugefügten HTML -Elemente anzuwenden.

Stil „Figuren“ Element

Figur
Breite: 400px;
Rand: 20px Auto;

Die folgenden Eigenschaften werden zum "" "Element" hinzugefügt:

• “Breite”Passt die Breite des Elements an.
• “Rand”Legt den Raum um das Element um.

Stil „Figcaption“ Element

Figcaption
Hintergrundfarbe: Schwarz;
Farbe weiß;
Polsterung: 2px;
Text-Align: Mitte;
Schriftfamilie: Verdana, Genf, Tahoma, Sans-Serif;

Hier:

• “Hintergrundfarbe”Fügt dem Element Hintergrundfarbe hinzu.
• “FarbeGibt die Schriftfarbe an.
• “Polsterung”Fügt Platz im Rand des Elements hinzu.
• “Textausrichtung”Passt die Ausrichtung des Textes an.
• “Schriftfamilie”Legt den Schriftstil fest.

Ausgang

Beispiel 2: Hinzufügen von Bildunterschriften zum Zitat

Das folgende Beispiel zeigt, wie Sie eine Bildunterschrift über dem Zitat hinzufügen. Probieren Sie dazu die unten genannten Anweisungen aus:

• Füge hinzu ein "" Element.
• Darin fügen Sie die "hinzu"" Element.
• Dann fügen Sie das hinzu “”Tag, um das Zitat zu erwähnen.

Html

Der Alchemist
Hab keine Angst vor dem Versagen.

Stil „Figcaption“ Element

Figcaption
Schriftdicke: fett;

Das Schriftgewicht des „“ Elements wird mit dem CSS gestaltet “Schriftgewicht" Eigentum.

Ausgang

Es ging darum, das „Tag in HTML zu verwenden.

Abschluss

In HTML die “Element wird verwendet, um den Bildern, Zitaten und mehr Untertitel hinzuzufügen. Um die Bildunterschrift hinzuzufügen, fügen Sie zunächst die "hinzu"" Element. Dann füge hinzu "","

","Oder mehr Elemente entsprechend Ihrer Wahl. Fügen Sie dann das Element "" hinzu, um die Bildunterschrift anzugeben. Diese Beschreibung hat über das HTML-Element mit Hilfe von Beispielen erklärt.