Figcaption Tag w HTML

Figcaption Tag w HTML
Podpisy są bardzo kluczową częścią obrazów, cytatów i innych. Służą do dodania opisu, który pomaga uwierzytelnić elementy. Setki elementów HTML zapewniają różne komponenty na stronie internetowej. Html "”Jest jednym z nich. Jest wykorzystywany do dodawania podpisów do obrazów i innych elementów.

Ten zapis wyjaśni użycie elementu „” HTML.

Jaki jest znacznik „” w HTML?

HTML "„Element jest wykorzystywany do dodawania podpisów do cytatów, obrazów i innych. Powinno to być dziecko html ””Tag. Element „” można umieścić poniżej lub powyżej elementów.

Przykład 1: Dodanie podpisu do obrazu

W HTML dodaj „" element. W środku "”Element, dodaj„„Tag dla obrazu i znacznik„ ”podpisu obrazu.

Html



Rysunek 1. Różowe róże

CSS służy do zastosowania stylów do elementów HTML dodanych powyżej.

Element stylu „figury”

Rysunek
szerokość: 400px;
Margines: 20px Auto;

Do elementu „” dodawane są następujące właściwości:

  • "szerokość„Dostosowuje szerokość elementu.
  • "margines”Ustawia przestrzeń wokół elementu.

Element stylu „figcaption”

figcaption
kolor tła: czarny;
kolor biały;
Wyściółka: 2px;
Text-Align: Center;
Font-Family: Verdana, Genewa, Tahoma, Sans-Serif;

Tutaj:

  • "kolor tła”Dodaje kolor tła do elementu.
  • "kolor”Określa kolor czcionki.
  • "wyściółka”Dodaje przestrzeń wewnątrz granicy elementu.
  • "tekst-align”Dostosowuje wyrównanie tekstu.
  • "rodzina czcionek”Ustawia styl czcionki.

Wyjście

Przykład 2: Dodanie podpisu do cytatu

Poniższy przykład pokazuje, jak dodać podpis nad cytatem. Aby to zrobić, wypróbuj instrukcje wspomniane poniżej:

  • Dodać "" element.
  • Wewnątrz dodaj „" element.
  • Następnie dodaj „„Tag, aby wymienić cytat.

Html


Alchemik
Nie bój się porażki.

Element stylu „figcaption”

figcaption
Font-Weight: Bold;

Masowa czcionki elementu „” jest stylizowana przy użyciu CSS ”grubość czcionki" nieruchomość.

Wyjście

Chodziło o wykorzystanie „tagu w HTML.

Wniosek

W HTML „The”„Element jest wykorzystywany do dodawania podpisów do obrazów, cytatów i innych. Aby dodać podpis, najpierw dodaj „" element. Następnie dodaj "”,„

”,„”Lub więcej elementów zgodnie z twoim wyborem. Następnie dodaj element „”, aby określić podpis. Ten zapis wyjaśnił o elemencie HTML „” za pomocą przykładów.