HTML <div> Tag
ဥပမာ
CSS ဖြင့် ပုံစံချထားသော စာရွက်စာတမ်းရှိ <div> အပိုင်း-
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>This is a heading
in a div element</h2>
<p>This is some text in a div element.</p>
</div>
</body>
</html>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
Tag သည် <div>
HTML စာရွက်စာတမ်းရှိ အပိုင်းတစ်ခု သို့မဟုတ် အပိုင်းတစ်ခုကို သတ်မှတ်သည်။
တဂ်ကို HTML ဒြပ်စင်များအတွက် ကွန်တိန်နာအဖြစ် အသုံးပြုသည် - <div>
ထို့နောက် CSS ဖြင့် ပုံစံသွင်းခြင်း သို့မဟုတ် JavaScript ဖြင့် ခြယ်လှယ်သည်။
<div>
class သို့မဟုတ် id attribute ကိုအသုံးပြုခြင်းဖြင့် tag ကို အလွယ်တကူ ပုံစံချနိုင်သည် ။
မည်သည့်အကြောင်းအရာအမျိုးအစားကို <div>
tag တွင်ထည့်နိုင်သည်။
မှတ်ချက်-<div>
မူရင်းအားဖြင့်၊ ဘရောက်ဆာများသည် ဒြပ်စင် ရှေ့နှင့်နောက်တွင် လိုင်းခွဲခြင်းကို အမြဲပြုလုပ်သည် ။
Browser ပံ့ပိုးမှု
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<div>
tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<div>
tag သည် HTML ရှိ Event Attributes များကိုလည်း ပံ့ပိုး ပေးပါသည် ။
ဆက်စပ်စာမျက်နှာများ
HTML သင်ခန်းစာ- HTML Block နှင့် Inline Elements
HTML သင်ခန်းစာ- HTML အပြင်အဆင်
HTML DOM ရည်ညွှန်း- Div Object
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <div>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
div {
display: block;
}