HTML Block မ်ား

HTML <div> နဲ႔ <span>

HTML element ေတြကုိ <div> နဲ႔ <span> ေတြနဲ႔ အုပ္စုဖြဲ႔ထားႏုိင္ပါတယ္။

---

HTML Block Element မ်ား

HTML element အမ်ားစုကုိ block level element ေတြ ဒါမွမဟုတ္ inline element ေတြအျဖစ္သတ္မွတ္ၾကပါတယ္။
Block level element ေတြကုိမွာ ပုံမွန္အားျဖင့္ browser (ဘေရာက္ဆာ) မွာျပတဲ့အခါ Line အသစ္တစ္ခုနဲ႔ အစျပဳ (အဆုံးသတ္) ပါတယ္။
ဥပမာမ်ား <h1>, <p>, <ul>, <table>

---

HTML Inline Element မ်ား

Inline element ေတြကေတာ့ Line အသစ္ မဆင္းပဲ ျပသပါတယ္။
ဥပမာမ်ား <b>, <td>, <a>, <img>

---

 HTML <div> Element

HTML <div> element မွာ အုပ္စုဖြဲ႔ျခင္းအတြက္ ဒါမွမဟုတ္ HTML Element အတြက္ Container ပါတဲ့ block level element ျဖစ္ပါတယ္။
<div> element မွာထူးေထြတဲ့ အဓိပၸယ္မရွိပါ။ block level element တစ္ခုျဖစ္ျပီး  browser (ဘေရာက္ဆာ) မွာေပၚတဲ့အခါ ၎မတုိင္ခင္ခဲ့ ျပီးေနာက္မွာ line break တစ္ခုထားေပးမွာျဖစ္ပါတယ္။
CSS နဲ႔တြဲသုံးတဲ့အခါ <div> element ကုိ Content အမ်ားအျပားပါဝင္တဲ့ large Block ေတြကုိ style attribute ေတြ setting ခ်ဖုိ႔အတြက္သုံးႏိုင္ပါတယ္။
အျခားအသုံးမ်ားတဲ့ <div> element ပုံစံမွာ document အတြက္ layout ခ်ဖုိ႔ျဖစ္ပါတယ္။ ၎ကနည္းလမ္းအေဟာင္းျဖစ္တဲ့ ဇယားေတြနဲ႔ Layout ခ်ျခင္းကုိ အစားထုိးလုိက္ပါတယ္။ ဇယားေတြအသုံးျပဳျခင္းမွာ <table> element ရဲ့ နည္းလမ္းအမွန္ မဟုတ္ ပါဘူး။ <table> element ရဲ့ ရည္ရြယ္ခ်က္က tabular data ေတြအတြက္ျဖစ္ပါတယ္။

---

HTML <span> Element

HTML မွာ <span> element မွာ inline element ျဖစ္ျပီး စာသား အတြက္ Container အျဖစ္အသုံးျပဳႏုိင္ပါတယ္။
<span> element မွာထူးေထြတဲ့ အဓိပၸယ္မရွိ။
CSS နဲ႔တြဲသုံးတဲ့အခါ <span> element ကုိ style attribute ေတြကုိ စာသားရ့ဲ အစိပ္အပုိင္းအျဖစ္ Setup လုပ္ဖို႔ သုံးႏုိင္ပါတယ္။

---

 

 

HTML Grouping Tag မ်ား

Tag	အေၾကာင္းအရာ
<div>	Div ျဖစ္ပါတယ္။
<span>	Span ျဖစ္ပါတယ္။

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ
စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

Posted in: Html