Saturday 1 June 2013

Html-5 ၇ဲ႕ Attribute ဆိုင္ရာ သင္ခန္းစာ


HTML Attribute

HTML ကိုေလ့လာရာမွာ Attributes ေတြရဲ့ က႑က သိပ္ကိုအေရးပါပါတယ္၊ Attribute ေတြကို ကၽြမ္းက်င္စြားကိုင္တြယ္ အသံုးျပဳႏိုင္ရင္ HTML
၀က္ဆိုက္စာမ်က္ႏွာကို ပိုမို လွပသပ္ရပ္ေစပါတယ္၊ HTML ရဲ့ Attribute ေတြက HTML Tags ေတြကို အခ်က္အလက္ေတြ ထည့္ေပးတယ္၊ ဒီလို HTML
Tags ေတြကို Attribute ေတြက သတင္းအခ်က္အလက္ေတြ ထပ္ျဖည့္ေပးျပီး ပိုမိုလွပတဲ့ HTML ဆိုက္ကိုျဖစ္ေစသလို Element တစ္ခုစီကိုလဲ မတူညီတဲ့
စတိုင္းေတြအျဖစ္ေျပာင္းလဲေပးႏိုင္ပါတယ္၊ ေအာက္က ဥပမာကိုၾကည့္ပါ၊
<body bgcolor = red>
<p> hey wht is this </p>
<hr width=300px>`
<body>
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ရင္ ေနာက္ခံ အေရာင္ကို အနီေရာင္ျခယ္ထားတဲ့ ၀က္ဆိုက္စာမ်က္ႏွာကိုေတြ႔ရမွာပါ၊
<body bgcolor = red>
အနီေရာင္ျခယ္ဖို႔အတြက္အသံုးျပဳလိုက္တဲ့ bgcolor = red ဆိုတာက attribute ပါ၊   သူ႔ကိုထည့္လိုက္တာက <body> ဆိုတဲ့ HTMl Tag အထဲမွာပါ၊
ထည့္တဲ့ေနရာက ေနာက္ဆံုး ပိတ္မယ့္ျမား ရဲ့ေရွ႕မွာပါ၊ အဲ့ဒီ့လို ပဲ အျခား HTML Tags ေတြကို Attribute ထည့္ရင္လဲ အဖြင့္ Tag ရဲ့
အဆံုးမွာထည့္ေပးရပါတယ္၊  HTMl Attribute တိုင္းမွာ name နဲ႔ Value ဆိုျပီးရွိပါတယ္၊
အထက္က <body> ထဲမွာ ထည့္လိုက္တဲ့ bgcolor = red ဆိုတဲ့ စာေၾကာင္းမွာ bgcolor က name ျဖစ္ျပီး red က value ျဖစ္ပါတယ္၊ bgcolor = red
ဆိုတာက attribute နာမည္ bgclolr နဲ႔ တန္ဖိုး red ကိုထည့္လိုက္တယ္လို႔အဓိပၸါယ္ရပါတယ္၊ ဒီေတာ့ အဓိပၸါယ္က HTML Document ရဲ့ body
အစိတ္အပိုင္းကို ေနာက္ခံအနီေရာင္ထည့္မယ္ လို႔ေျပာတာျဖစ္သြားပါတယ္၊
အထက္က ဥပမာမွာပဲ <hr width = 300px> လို႔ထည့္ထားေသးပါတယ္၊ သူ႔ကလဲ <hr/> ဆိုတဲ့ HTML Tag ထဲမွာ attribute ျဖစ္တဲ့ width = 300px
ကိုထည့္ထားတာ၊ အဲ့ဒီ့ Attribute မွာလဲ name ျဖစ္တဲ့ width နဲ႔ တန္ဖိုး (value) ျဖစ္တဲ့ 300px; ဆိုျပီးပါပါတယ္၊  ဒါ့ေၾကာင့္ အထက္က ကုတ္ကို Run
ၾကည့္လိုက္ရင္ 300 px သာရွိတဲ့ မ်ဥ္းေၾကာင္းတားထားတာကိုေတြ႔ရမွာပါ၊ ဒီေတာ့ <hr width = 300px> ရဲ့ အဓိပၸါယ္က HTML Document မွာပါတဲ့ 
မ်ဥ္းေၾကာင္းကို အရွည္ 300px ရွိတဲ့ မ်ဥ္းေၾကာင္းအျဖစ္ထားမယ္လို႔ျဖစ္သြားတယ္၊
ေနာက္ထပ္ဥပမာ တစ္ခု ထပ္ျပပါမယ္၊
<a href= “72coder.com”>Visit Us</a>
အထက္က ဥပမာကေတာ့ အျခား ဆိုက္တစ္ကို သြားေရာက္ဖို႔အတြက္ ထားတဲ့လင့္ပါ၊ အဲ့ဒီ့လင့္ကို Attribute ထည့္ထားတယ္၊ attribute က href=
“72coder” ပါ၊ သူမပါပဲ ေရးမယ္ဆိုရင္ျဖင့္ <a> Visit Us </a> လို႔ပဲျဖစ္သြားမယ္၊ Attribute ျဖစ္တဲ့ href = “72coder.com” ပါလို႔  စာေၾကာင္းက
အရွည္ျဖစ္သြားတာ၊
Href = “72coder.com” မွာ href က attribute name ျဖစ္ျပီး “72coder” ကေတာ့ attribute value ပါ၊
အျခား Attribute ေတြလဲ ရွိပါေသးတယ္၊ ေနာက္ပိုင္း သင္ျပပါဥိးမယ္၊

                                          မူရင္း   www.72coder.com

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>
ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။ www.aungsanmks.blogspot.com 
www.ledimyethar.com 
www.ninilayy.com

0 comments:

Post a Comment