Tabeli cha HTML <figure>
- Nyuma zaidi <figcaption>
- Pya zaidi <font>
Mwongozo wa masomo:
<figure> Maelezo na matumizi
Ina uwezo wa kumaliza matokeo yenye uhusiano kama picha, chatu, picha, orodha ya kipimo au kipindi cha kipimo kimepotea. <figure> Matokeo ya elementi ni muhimu kwa matokeo yenye uhusiano, lakini eneo lake linaonesha kwenye muhimu wa matokeo yenye uhusiano, kama itakatishwa, haikwenda kufanyika muhimu wa matokeo yenye uhusiano.
Mafanikio:Tumia: elementi ya <figcaption> Kwa <figure> Kuingiza kichwa cha elementi.
Tazama pia:
Mwongozo wa HTML DOM:Kampuni ya Figure
Mfano
Mfano 1
Tumia elementi ya <figure> kumwambaa picha kwenye mawili, na elementi ya <figcaption> kumieleza kichwa cha picha:
<figure> <img src="trulli.jpg" alt="Trulli" style="width:100%"> <figcaption>图 1 - Trulli ya Italia.</figcaption> </figure>
Mfano 2
Tumia CSS kusaidia kumtekeza stili ya <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="trulli.jpg" alt="Trulli" style="width:100%">
<figcaption>图 1 - Trulli ya Italia.</figcaption>
</figure>
</body>
</html>
Matumizi ya kina
<figure> Tiki pia inakubali Matumizi ya matumizi ya kina katika HTML.
Matumizi ya matukio
<figure> Tiki pia inakubali Matumizi ya matukio katika HTML.
Mipangilio ya CSS kwa kawaida
Kawaida kwa kila kifaa kinahitaji kumtuia kila uwezo wa kusoma <figure> Eneo:
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}
Matumizi ya kifaa
Mwili wa tabia ina namba ya kwanza ya kusaidia kifaa cha kwanza cha kifaa.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 8.0 | 9.0 | 4.0 | 5.1 | 11.0 |
Kuhusu: <figure> tiki ni tiki kipya katika HTML 5.
- Nyuma zaidi <figcaption>
- Pya zaidi <font>
