HTML 5 ေလ့က်င္႔ခန္း ၃ (list)
Leave a reply
html5 ေလ့က်င္႔ခန္း ၂
ေလ့က်င္႔ခန္း ၂ မွာကေတာ့ style css မလိုဘဲ စာမ်က္ႏွာတစ္ခုက စာသားေတြကို ေဖာ္ျပမယ္႔ စတိုင္ေတြကို html ကုဒ္ေတြသံုးၿပီး ေရးလို႕ရတဲ႔ ကုဒ္ေတြအေၾကာင္းပါ။ ဒီေနရာကစၿပီး tag ဆိုတာကို ကုဒ္လို႕သံုးပါမယ္။
- ကုဒ္အမ်ားစုဟာ သူတို႕ေဖာ္ျပေပးတဲ႔ ပံုသ႑ာန္ကို အေျခခံတာမဟုတ္ဘဲ လုပ္ေဆာင္ခ်က္ကို အေျခခံတာျဖစ္ပါတယ္။ ကုဒ္ေတြက စာသားေတြ ဘယ္လိုပံုစံ႐ွိမယ္ဆိုတာကို သတ္မွတ္ေပးမယ္႔အစား ေခါင္းစဥ္လား ကိုးကားခ်က္စာပိုဒ္လားဆိုတာမ်ိဳး စာသားေတြမွာ႐ွိတဲ႔ လုပ္ေဆာင္ခ်က္ေတြကို သတ္မွတ္ေပးပါတယ္
- စာသားမ်ားကို ေဖာ္ျပမည္႔ ပံုသ႑ာန္ကို စတိုင္မ်ား၊ ဘေရာက္ဇာတြင္ သံုးသူ စိတ္ႀကိဳက္သတ္မွတ္ေပးထားသည္မ်ား ႏွင္႔ မူလ ဘေရာက္ဇာသတ္မွတ္ခ်က္မ်ားမွ ထိန္းခ်ဳပ္ထားသည္။
- ေခါင္းစဥ္မ်ားကို <h1> မွ <h6> (အႀကီးဆံုးမွ အငယ္ဆံုး သံုး၍ သတ္မွတ္ေပးနိုင္သည္။
- ေခါင္းစဥ္တစ္ခုေနာက္တြင္ အျခားေခါင္စဥ္ခြဲတစ္ခုေရးလိုေသာအခါ Screen Reader ႏွင္႔ Outlines မ်ားမွ ယူနစ္တစ္ခုတည္းအျဖစ္ ျပေစရန္ <hgroup> ကို သံုးလိုက သံုးႏုိင္သည္။
- စာသားမ်ားကို စာလံုးအထူျဖင္႔ျပေစရန္ <b> ကုဒ္ကို သံုး၍ စာလံုးေစာင္းျဖင္႔ျပေစရန္ <i> ကုဒ္ကို သံုးနိုင္သည္။
- ထပ္ညႊန္းကိန္းပံုစံ စာသားအတြက္ <sup> ကိုသံုး၍ ေအာက္ေျခမွတ္စု ပံုစံစာသားအတြက္ <sub> ကိုသံုးနိုင္သည္။
- မိုနိုစေပ့ သံုးထားေသာ စာသားမ်ားအတြက္ အကၡရာအားလံုးအတြက္ တူညီေသာ အက်ယ္႐ွိသည္႔ ေဖာင္႔စာလံုးကိုသံုးသည္။ မိုနိုစေပ့ စာသား၏ ဆန္႔က်င္ဖက္မွာ အခ်ိဳးက် စာသားျဖစ္သည္။
- ပံုမွန္အားျဖင္႔ ဝဘ္ေပၚ႐ွိ စာသားအမ်ားစုမွာ အခ်ိဳးက်ပံုစံ ေဖာင္႔ကိုသံုးသည္။ မိုနိုစေပ့ ေဖာင္႔ကိုသံုးရန္ သတ္မွတ္လိုလ်ွင္ <kbd>၊ <code>၊ <samp> ကုဒ္တို႕ကုိ သံုးနိုင္သည္။ html5 တြင္ မိုနိုစေပ့ စာသားမ်ားအတြက္ <tt> ကို အသံုးျပဳျခင္းအား ပံ႔ပိုးမႈမ႐ွိေတာ့ပါ။
- ပံုမွန္အားျဖင္႔ ဝဘ္ ဘေရာက္ဇာမ်ားသည္ အပိုေနရာလြတ္မ်ားကို အလိုလိုဖယ္႐ွားပစ္ၿပီး စာပိုဒ္ခြဲျခင္းမ်ား <h1> ကုဒ္ကိုသံုး၍ စာပိုဒ္ခြဲထားသည္မ်ားမွ လြဲ၍ ကို လွစ္လ်ႈ႐ႈလိုက္သည္။ စာသားတစ္ခုတြင္ပါဝင္ေသာ ေနရာလြတ္ စေပ့မ်ားႏွင္႔ စာပိုဒ္မ်ားကို ပံုေဖာ္ျပေသေပးေစရန္အတြက္ <pre> ၾကားတြင္ စာသားမ်ားကို ထားျခင္းျဖင္႔ သတ္မွတ္ေပးနိုင္သည္။
- ကိုးကားခ်က္စာပိုဒ္မ်ားကို ထည္႔သြင္းရန္ <blockquoat> ကုဒ္ကိုသံုးပါ။ ဤကုဒ္တြင္ cite=”URL” အထူးျပဳ သတ္မွတ္ခ်က္ထည္႔သြင္းေပးနိုင္သည္။ သို႕ေသာ္ ဘေရာက္ဇာအမ်ားစုမွ ၎ကို အသံုးမျပဳပါ။
- Internet Explorer တြင္ မူေသ စာလံုးအ႐ြယ္အစားကို View မီႏူးမွတဆင္႔ သတ္မွတ္ေပးနိုင္သည္။ သို႕ေသာ္ ဒီနည္းက သင္႔ Internet Explorer ကိုသာ ျပဳျပင္လိုက္ျခင္းျဖစ္ၿပီး စာမ်က္ႏွာကို ျပဳျပင္ျခင္းမဟုတ္ပါ။
- မူေသ ေဖာင္႔စာလံုးကို Internet Options မွတဆင္႔ ေျပာင္းလဲသတ္မွတ္ေပးနိုင္သည္။
html5 ေလ့က်င္႔ခန္း – ၁
- html5 အျဖစ္သတ္မွတ္ေပးရန္ ထိပ္ဆံုးတြင္ <!DOCTYPE html> ကို ေရးျဖစ္ေအာင္ေရးပါ DOCTYPE သည္ စာလံုးအႀကီးျဖင္႔ ေရးသင္႔သည္။
- DOCTYPE မွလြဲ၍ HTML ကုဒ္အားလံုးကို <html> ႏွစ္ခုအတြင္းတြင္ ေရးသည္
- <html> ႏွင္႔ </html> ၾကားတြင္ <head> ႏွင္႔ <body> အပိုင္းမ်ားကို ေရးသည္
- <head> တြင္ <title> ႏွင္႔ အျခား <meta> မ်ားပါဝင္ၿပီး <body> တြင္ စာမ်က္ႏွာတစ္ခုကို ပံုေဖာ္ျပသေပးမည္႔ အျခား စာသားမ်ားအားလံုးပါဝင္သည္
- စာပိုဒ္ တစ္ပိုဒ္ခ်င္းစီကို အဖြင္႔အပိတ္ပါဝင္ေသာ <p> မ်ားၾကားတြင္ေရးသည္။ စာမ်က္ႏွာတစ္ခုကို ေဖာ္ျပေသာအခါ ဘေရာက္ဇာအမ်ားစုသည္ စာပိုဒ္ ၂ ပိုဒ္ၾကားတြင္ ေနရာလြတ္ စေပ့ တစ္ခုကို ထည္႔သြင္းေပးေလ့႐ွိသည္။
- စာပိုဒ္သစ္တစ္ခု စတင္ေရးသားျခင္းမျပဳဘဲ စာေၾကာင္းတစ္ေၾကာင္းကို ရပ္နား၍ အသစ္ေရးလိုေသာအခါ တစ္ခုတည္းသာ႐ွိသာ <br> ကိုသံုးသည္။
- XHTML မ်ားကို ေရးသားသာအခါ တစ္ခုတည္းေသာ ကုဒ္မ်ားကို စေပ့တစ္ခုႏွင္႔ မ်ဥ္းေစာင္း (/ တစ္ခုျဖင္႔ အဆံုးသတ္ေပးရန္လိုသည္။ စေပ့သည္ HTML အျဖစ္ သိနိုင္ေစရန္ လိုအပ္ၿပီး မ်ဥ္းေစာင္းသည္ XHTML အျဖစ္ သိ႐ွိနိုင္ေစရန္ လိုအပ္သည္။
- <head> တြင္ပါဝင္ေသာ <meta> သည္ ေသာ့ခ်က္စကားလံုးမ်ားႏွင္႔ စာေရးစနစ္ (encoding language မ်ားကို ေဖာ္ျပရန္ သံုးသည္။
- <title> ႏွင္႔ </title> ၾကားတြင္ ေရးသားေသာ စာသားသည္ ဘေရာက္ဇာ ႏွဖူးစီးတြင္ ေပၚလာလိမ္႔မည္။ ၎တို႕ကို <head> အပိုင္းတြင္ ထားပါ။
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!