Figcaption -tag i HTML

Bildetekst er en veldig avgjørende del av bilder, sitater og mer. De brukes til å legge til en beskrivelse som hjelper til med å autentisere elementene. Hundrevis av HTML -elementer gir forskjellige komponenter til websiden. Html “”Er en av dem. Det brukes til å legge bildetekster til bilder og andre elementer.

Denne oppskrivningen vil forklare bruken av "" elementet i HTML.

Hva er "" -koden i HTML?

HTML “”Element brukes til å legge bildetekster til sitater, bilder og mer. Det skal være et barn av HTML “" stikkord. “” -Elementet kan plasseres enten under eller over elementene.

Eksempel 1: Legge til bildetekst til bildet

I HTML, legg til en "”Element. Inne i "”Element, legg til et“”Tag for bildet og en“ ”-kode for bildeteksten.

Html

Figur 1. Rosa roser

CSS brukes til å bruke stiler på HTML -elementene lagt til ovenfor.

Stil "figur" -element

Figur
Bredde: 400px;
Margin: 20px Auto;

Følgende egenskaper legges til "" elementet:

• “bredde”Justerer elementets bredde.
• “margin”Setter plassen rundt elementet.

Stil "figcaption" element

Figcaption
bakgrunnsfarge: svart;
Farge: Hvit;
polstring: 2px;
tekst-align: sentrum;
Font-Family: Verdana, Genève, Tahoma, Sans-Serif;

Her:

• “bakgrunnsfarge”Legger bakgrunnsfargen til elementet.
• “farge”Angir skriftfargen.
• “polstring”Legger plass inne i elementets grense.
• “Tekstalign”Justerer tekstens justering.
• “Font-familie”Angir skriftstilen.

Produksjon

Eksempel 2: Legge til bildetekst til sitatet

Eksemplet nedenfor viser hvordan du legger til en bildetekst over sitatet. For å gjøre det, prøv instruksjonene som er nevnt nedenfor:

• Legg til en "”Element.
• Inne i den, legg til “”Element.
• Deretter legger du til “”Tag for å nevne sitatet.

Html

Alkymisten
Ikke vær redd for å mislykkes.

Stil "figcaption" element

Figcaption
Fontvekt: fet;

Fontvekten til "" -elementet er stylet ved hjelp av CSS "Fontvekt”Eiendom.

Produksjon

Det handlet om å bruke “Taggen i HTML.

Konklusjon

I HTML, “”Element brukes til å legge bildetekster til bildene, sitatene og mer. For å legge til bildeteksten, først, legg til "”Element. Legg så til "”,“

”,“”Eller flere elementer etter ditt valg. Legg deretter til "" elementet for å spesifisere bildeteksten. Denne oppskrivningen har forklart om HTML “" elementet ved hjelp av eksempler.