ဟန်တီလို <figure> အမှတ်

  • အရှေ့လျှောက် စား <figcaption>
  • နောက်လိုက် စား <font>

အသုံးပြုခြင်း နှင့် ပြောဆိုခြင်း

<figure> အချက်အလက် ပါဝင်တဲ့ အချက်အလက် အော်ချက် ကို ပြင်ဆင်တာ

သို့သော် <figure> အရာ အော်ချက် ကို အဓိက အချက်အလက် နှင့် ဆက်စပ်တဲ့ နောက် မှာ တွေ့ရသည် သော်လည်း အဓိက အချက်အလက် အဆိုအရာ မှ တစ်ခု ပြန်လည် ဖြစ်စေ လိမ့်မည် မဟုတ် ကြောင်း

အကြံပေး:အကြံပေး အသုံးပြု <figcaption> အရာ အတွက် <figure> အရာ ပုံခေါင်း အရာများ ပြင်ဆင်တာ

ကျမ်းကို ကျွန်ုပ်လို့

HTML DOM အစီရင်ခံချက်:Figure အရာ

အမှတ်

အမှတ် 1 အကြောင်း

ပုံများ ကို ရှိုးခြင်း ပုံများ အရာများ ကို <figure> အရာများ အသုံးပြု ပြီး ပုံခေါင်း အရာများ ကို <figcaption> အရာများ အသုံးပြု ပြီး:

<figure>
  <img src="trulli.jpg" alt="Trulli" style="width:100%">
  <figcaption>ပုံ 1 - ဂျပန်ပြည်နယ်၏ Trulli နေရာခွဲ。</figcaption>
</figure>

ကျွန်ုပ်ကို ကြိုးစားပါ

အမှတ် 2 အကြောင်း

ပုံများ နှင့် ပုံခေါင်း အော်ချက် အော်ချိန်း များ ကို CSS အသုံးပြု ပြောဆိုတာ:

<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 နေရာခွဲ。</figcaption>
</figure>
</body>
</html>

ကျွန်ုပ်ကို ကြိုးစားပါ

လက်ခံ

<figure> ကုံး က HTML အကြီးအတန်း လက်ခံ.

အခင်းအတာ လက်ခံ

<figure> ကုံး က HTML အခင်းအတာ လက်ခံ.

လျှပ်တိတ် အချက်အလက်

အချို့ ဘတ်ယား ကို အရေးယူ သော အချက်အလက် အရ အချက်အလက် များ ကို အသုံးပြုသည် <figure> အရာများမှာ

figure {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

ကျွန်ုပ်ကို ကြိုးစားပါ

ဘတ်ယား ကူညီ

အချက်အလက် အရ အခြေခံ ကုံး ကို အသုံးပြုသော ဘတ်ယား အစားအလျှောက် ကို ဖော်ပြပါသည်။

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

ဖော်ပြချက်：<figure> ကုံး သည် HTML 5 တွင် မဖြစ်သေးသေးသော ကုံး ဖြစ်သည်။

  • အရှေ့လျှောက် စား <figcaption>
  • နောက်လိုက် စား <font>