HTML List မ်ား

ျမင္ရမ်ားတဲ့ HTML list ေတြက နံပါတ္စဥ္ပါတာနဲ႔ နံပါတ္စဥ္မပါတဲ့ List ေတြျဖစ္ပါတယ္။

HTML List မ်ား

နံပါတ္စဥ္ပါေသာ List —  first list အမ်ိဳးအမည္  second list အမ်ိဳးအမည္  third list အမ်ိဳးအမည္

နံပါတ္စဥ္မပါေသာ List — List အမ်ိဳးအမည္ List အမ်ိဳးအမည္ List အမ်ိဳးအမည္

---

HTML နံပါတ္စဥ္မပါေသာ List မ်ား

နံပါတ္စဥ္မပါတဲ့ list က<ul> tag နဲ႔စပါတယ္။ list တစ္ခုခ်င္းကေတာ့ <li> tag ကုိသုံးရပါမယ္။
List ေတြက အနက္ေရာင္ အဝုိင္းငယ္ ကေလးနဲ႔အစီအရီရွိေနမွာျဖစ္ပါတယ္။

<ul>
<li>ေကာ္ဖီ</li>
<li>ႏုိ႔</li>
</ul>

အေပၚက HTML code ေတြဟာ browser (ဘေရာက္ဆာ) မွာအခုလုိေပၚပါလိမ့္မယ္

• ေကာ္ဖီ
• ႏုိ႔

---

HTML နံပါတ္စဥ္ပါေသာ List မ်ား

နံပါတ္စဥ္မပါတဲ့ List က <ol> tag နဲ႔စပါတယ္။ list တစ္ခုခ်င္းကေတာ့ <li> tag ကုိသုံးရပါမယ္။
List ေတြက နံပါတ္အစဥ္ေတြျဖစ္ပါမယ္။

<ol>
<li>ေကာ္ဖီ</li>
<li>ႏုိ႔</li>
</ol> 

အေပၚက HTML code ေတြဟာ browser (ဘေရာက္ဆာ) မွာအခုလုိေပၚပါလိမ့္မယ္

1. ေကာ္ဖီ
2. ႏုိ႔

---

HTML Definition List မ်ား

Definition list ဆုိတာ အမ်ိဳးအမည္ ေတြရဲ့ အမွတ္စဥ္ျဖစ္ပါတယ္။ တစ္ေၾကာင္းျခင္းမွာ သက္ဆုိင္ရာအေၾကာင္းအရာ ေတြပါမယ္။

<dl> tag က definition list အျဖစ္သတ္မွတ္ပါတယ္။.

<dl> tag ကုိ အမ်ိဳးအမည္ အမွတ္စဥ္ျဖစ္တဲ့ <dd> Tag နဲ႔အတူ <dt> (list မွ အမ်ိဳးအမည္ အျဖစ္ သတ္မွတ္) နဲ႔တြဲသုံးပါတယ္။

<dl>
<dt>ေကာ္ဖီ</dt>
<dd>- အနက္ေရာင္ ေသာက္စရာအပူ</dd>
<dt>ႏုိ႔</dt>
<dd>- အျဖဴေရာင္ ေသာက္စရာအေအး </dd>
</dl> 

အေပၚက HTML code ေတြဟာ browser (ဘေရာက္ဆာ) မွာအခုလုိေပၚပါလိမ့္မယ္

ေကာ္ဖီ
- အနက္ေရာင္ ေသာက္စရာအပူ
ႏုိ႔
- အျဖဴေရာင္ ေသာက္စရာအေအး

---

 မွတ္ခ်က္ — list အမ်ိဳးအမည္ ထဲမွာ စာသား၊ Line Break၊ ပုံေတြ၊ လင့္ခ္ေတြ နဲ႔ List ေတြလည္းထည့္ႏုိင္ပါတယ္။

---

HTML List Tag မ်ား

Tag	အေၾကာင္းအရာ
<ol>	နံပါတ္စဥ္ပါတဲ့ list အျဖစ္ သတ္မွတ္ပါတယ္။
<ul>	နံပါတ္စဥ္မပါတဲ့ list အျဖစ္ သတ္မွတ္ပါတယ္။
<li>	list အမ်ိဳးအမည္ အျဖစ္ သတ္မွတ္ပါတယ္။
<dl>	a definition list အျဖစ္ သတ္မွတ္ပါတယ္။
<dt>	definition list မွ အမ်ိဳးအမည္ တစ္ခု အျဖစ္ သတ္မွတ္ပါတယ္။
<dd>	definition list မွ အမ်ိဳးအမည္ တစ္ခု၏ အေၾကာင္းအရာ အျဖစ္ သတ္မွတ္ပါတယ္။

 http://www.soemoeaung.com

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

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

လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ

စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

Posted in: Html