Tabeli cha HTML <figcaption>

Uhusiano na Matumizi

<figcaption> Lea ya kwanza ya <figure> Elementi inadefini kama kichwa.

<figcaption> Elementi inaweza kuwaenea <figure> Pozio cha kwanza au kichwa cha kina cha kipimo cha elementi.

Tazama pia:

Makala ya HTML DOM:Figcaption kipimo

Mfano

Mfano 1

Tumia kipimo cha <figure> kwa kumekisha picha katika mawaka, kwa kumekisha kipimo cha <figcaption> kwa kumekisha jina la picha:

<figure>
  <img src="tulip.jpg" alt="郁金香" style="width:300px">
  <figcaption>图 1 - 郁金香,百合科,多年生草本植物。</figcaption>
</figure>

Jifunze kwa uwanja wako

Mfano 2

Tumia CSS kumekisha uingiza na <figure> na <figcaption>:

<html>
<head>
<style>
figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: auto;
}
figcaption {
  background-color: black;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}
</style>
</head>
<body>
<figure>
  <img src="tulip.jpg" alt="郁金香" style="width:300px">
  <figcaption>图 1 - 郁金香,百合科,多年生草本植物。</figcaption>
</figure>
</body>
</html>

Jifunze kwa uwanja wako

Matumizi ya kina ya kawaida

<figcaption> Tovuti inasimamia Matumizi ya kina ya kawaida katika HTML.

Matumizi ya kina

<figcaption> Tovuti inasimamia Matumizi ya kina katika HTML.

Matumizi ya CSS kwa kawaida

Vingine wa kawaida kwa kufanyia tabia inayotumika na kawaida <figcaption> Elementi:

figcaption {
  display: block;
}

Matumizi ya kifungu

Mimeno ya kifungu inatoa na kufaa kwa kitambaa cha kwanza kwa kufikiria kufunguliwa kwa kina.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 9.0 4.0 5.1 11.0