Developing A Simple Website by yourself

minthwayko(47)

Published in

#myanmar

Words

298

Reading

2 min

Listen to this post

~2 min

Developing A Simple Website by yourself (lesson 2)

အားလံုးပဲ မဂၤလာပါ ☺။
ဒီေန႔ေတာ့
pre tag, paragraph tag, horizonal line, နဲ႔ tag ေတြရဲ႕ attribute အေၾကာင္းေတြတင္ေပးသြားမွာပါ။

Pre tag

ကြၽန္ေတာ္တို႔ ႐ိုး႐ိုးစာ႐ိုက္တဲ့အခါမွာ
စာေၾကာင္းေတြကို ေအာက္ဆင္းေစခ်င္ရင္ Enter ေခါက္ပါတယ္။HTML မွာ Enter key သံုးရင္ အလုပ္ျဖစ္မွာမဟုတ္ပါပူး။ ဒီေတာ့ or သံုးေပးရပါတယ္ (lesson 1 မွာသင္ခဲ့ပီးပါၿပီ)။
Pre tag ကက်ေတာ့ or သံုးစရာမလိုပဲေအာက္ဆင္းေစတာပါ။ဒါေပ့မဲ့သူက font ပံုစံေတြေျပာင္းသြားေစပါတယ္။font ပံုစံ
ေျပာင္းတာက ကိစၥမ႐ွိပါပူး။ေနာက္ပိုင္း font ေတြဘယ္လိုျပန္ေျပာင္းရမလဲဆိုတာျပန္ပါလာမွာပါ။ေနာက္ပီး pre tag ထဲမွာေရးမယ္ဆိုရင္ Enter ေခါက္တာေရာ Tab ခုန္တာေရာသိပါတယ္။ေအာက္က နမူနာ code ေလးေတြကိုၾကည့္ရင္ ႐ွင္းသြားမွာပါ။

< html >
< head >
< title > about pre tag < /title >
< /head >
< body >
< pre >
About pre tag, press entet key
press tab key tab
< /pre >
< /body >
< /html >

Pre tag ထဲမွာမဟုတ္ဘဲ body tag ထဲမွာအေပၚကစာေတြေရးလိုက္ရင္ေတာ့ တစ္တန္းတည္းပဲေပၚေနမွာပါ။

Paragraph Tag

ဒီ tag ကေတာ့႐ွင္းပါတယ္ စာေတြကို စာပိုဒ္အ႐ွည္ေရးခ်င္ရင္သံုးတာပါ။
 နဲ႔ ၾကားမွာေရးခ်င္တဲ့စာပိုဒ္ကိုေးရမွာပါ။
ေအာက္က နမူနာ code ေေေတြကိုၾကည့္ရင္႐ွင္းသြားမွာပါ။

Horizontal Line

ဒီ tag လဲ႐ွင္းပါတယ္ horizontal မ်ဥ္းေတြသားခ်င္းတဲ့အခ်ိန္မွာသံုးပါတယ္။ hr ဆိုတာေရးလိုက္ရံုပါပဲ ။closing tag မပါပါပူး။
နမူနာ code ကိုေလ့လာၾကည့္ပါ။

About Attribute

Tag ေတြပိုင္ဆိုင္တဲ့ properties ေတြကို attribute လို႔ေခါပါတယ္။
Attribute ေတြကို tag ေတြမွာထည့္ပီးေရးႏိုင္ပါတယ္။ Tag တိုင္းမွာေတာ့ attribute မ႐ွိပါပူး။

Body Attribute (Body color)

< html >
< head >
< title > Example < /title >
< /head >
< body bgcolor=gold >
Body BGCOLOR
< /body >
< /html >

အေပၚက code ေလးကို run လိုက္ရင္
ေအာက္ပါပံုအတိုင္းေတြရမွာပါ။
Background က ပံုမွန္မျဖဴမဟုတ္ေတာ့ပဲ ေရႊေရာက္ေလးျဖစ္ေနတာေတြရမွာပါ။body tag ထဲမွာ bgcolor ဆိုတဲ့ attribute ေလးေပါင္းထည့္လိုက္လို႔ပါ။

ကြၽန္ေတာ္တို႔အေနနဲ႔ color အေရာင္ကို နာမည္နဲ႔မဟုတ္ဘဲ Hex cod နဲ႔ေရးလို႔ရပါေသးတယ္။
Hex code နဲ႔ေရးခ်င္ရင္
< body bgcolor=#FFD700 >
လို့ေရးရံုပါပဲ။ေအာက္မွာ color name ေတြနဲ႔ Hex no. ေတြပံုပါ။

Photo crd

Hr Attribute

Tag ေတြရဲ႕ေနာက္မွာ attribute ေတြတစ္ခုမက လိုက္လို႔ရပါတယ္။hr ရဲ႕ attribute ေလးေတြကို ေလ့လာၾကည့္ၾကပါမယ္။

အေပၚက နမူနာ code ေတြကိုၾကည့္လိုက္ရင္
size ဆိုတဲ့ attribute က အရြယ္အစားပါ။
noshade ဆိုတာက ေျဗာင္ႀကီးကိုေျပာတာပါ။
< hr > ဆိုတဲ့ tag တစ္ခုထဲမွာပဲ attribute တစ္ခုမက သံုးထားတာေတြရမွာပါ။

ကဲဒီေန႔ေတာ့ဒီေလာက္ပါပဲ။
အားလံုးပဲ အဆံုးထိဖတ္ေပးလို႔ေက်းဇူးတင္ပါတယ္ ☺။

Written by @minthwayko
MSC - 187