HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


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;
}