Developing A Simple Website by yourself

Developing A Simple Website by yourself (lesson 4)

ဒီေန႔ေတာ့ font tag အေၾကာင္းနဲ႔ တစ္ျခား Tag ေတြအေၾကာင္းကိုတင္ေပးမွာျဖစ္ပါတယ္။

Comment Tag

Comment Tag ထဲမွာေရးထားတာေတြကို Browser က အလုပ္လုပ္ေပးမွာမဟုတ္ပါပူး။ ကြၽန္ေတာ္တို႔ Code ေတြကိုျပန္စစ္တဲ့အခါမွာပဲျဖစ္ျဖစ္ ျပန္ေရးတဲ့အခါပဲျဖစ္ျဖစ္ သတိျပဳမိေစဖို႔ အတြက္သံုးပါတယ္။

< html >
< head >
< title > Example < /title >
< /head >
< body >
< u > About Comment Tag < u >
< !-- Write Comment Here -->
< p > You can use comment tag to remember you to add more info here. < /p >
< /body >
< /html >

အေပၚက code ကို run ၾကည့္လိုက္ရင္
< !-- Write Comment Here -->
ဆိုတဲ့ tag ထဲကစာသားေတြကိုေတြ႔ရမွာမဟုတ္ပါပူး။
Browser မွာ right click ႏွိပ္ပီး View Page Source ဆိုတဲ့ option ကိုႏိုပ္လိုက္ပါ။

အဲ့က်ရင္ ကြၽန္ေတာ္တို႔ Notepad မွာေရးထားတဲ့ code ေတြကိုေတြ႔ရပါပီ။

Comment Tag ကို code ထဲမွာေတြ႔ရမွာျဖစ္ပါတယ္။ ကြၽန္ေတာ္တို႔ ဥပမာအေနနဲ႔ေျပာရရင္ Comment tag ထဲမွာ ပံုထည့္ရန္ လို႔ေရးထားရင္ code ေတြကိုျပန္စစ္တဲ့အခါ ပံုထည့္ဖို႔ကိုသတိရသြားမွာပါ။

Center Tag

Center Tag က ေရးထားတဲ့ စာေတြကို
အလယ္ေရာက္ေအာင္ ပို႔ေပးတာပါ။
ဥပမာကို ၾကည့္ပါ။

< html >
< head >
< title > Example < /title >
< /head >
< body >
< center > This is center text >
<p> This is normal text <p>
< /body >
< /html >

This is center tag ဆိုတဲ့ဟာေလးက အလယ္မွာေရာက္ေနတာေတြ႔ရမွာပါ။

Font Tag

Html မွာ ကိုယ္လိုခ်င္တဲ့ font ကိုေျပာင္းဖို႔ font tag ကိုသိမွရမွာပါ။
<font> နဲ႔ </font> ၾကားမွာေရးရမွာပါ။ သူ႔မွာလဲ Attribute ေတြ႐ွိပါတယ္ face ရယ္.color ရယ္ size ရယ္ျဖစ္ပါတယ္။

face ဆိုတဲ့ attribute က ''font name''
ေတြေရးရမွာပါ။Zawgyi-one တို႔ဘာတို႔ပါ။ Microsoft Word ကို ဖြင့္လိုက္ရင္ font name ေတြကိုေတြရမွာပါ။

color attribute ကေတာ့သိၿပီးသားပါ။
Hex or color name နဲ႔သံုးႏိုင္ပါတယ္

size attribute ကေတာ့ font အရြယ္စားကိုေျပာင္းေပးတာပါ။Default Size က 3 ပါ။size က 3 ကေန 7 ထိ႐ွိပါတယ္။plus ( +) နဲ႔ minus (-) ႐ွိပါေသးတယ္။ +1 ဆိုရင္ပံုမွန္ size 3 ကို 1 ေပါင္းတာေပါ့ (4 ျဖစ္သြားတာေပါ့)။
Minus နဲ႔တူတူပါပဲ။

ကဲ့ နမူနာ code ကိုၾကည့္ၾကရေအာင္။

< html >
< head >
< title > Example < /title >
< /head >
< body >
< font face="French Script MT size=6 color=golden >
Using French Script MT, size 6 and golden color.
< /font >
<font size=+2> This is normal text using size +2 </font>
<p>This is pure normal text.</p>
< /body >
< /html >

Text formatting tags ေတြ႐ွိပါေသးတယ္။<b> </b> ဆိုလဲ စာလံုးေတြကိုမဲေအာင္လုပ္ေပးတဲ့ Text formatting tags ဆိုတာသိပီးသားပါ။
အဲ့လို႔မ်ိဳးtags ေတြကိုေအာက္မွာဆက္ေလ့လာၾကည့္ကေအာင္။

em နဲ႔ i tag ကစာလံုးေတြကိုေစာင္းေစတာပါ။
strong နဲ႔ b tag ကစာလံုးေတြကိုမဲေစတာပါ။
dfn, var နဲ႔ cite ကလဲတစ္ေစာင္းပံုစံေလးေတြပါ။
code, kdb, samp, tt က typewriter နဲ႔ေရးသလိုေပၚတာပါ။
small ကေတာ့ စာလံုးအေသးပါ။
s နဲ႔ del က စာလံုးကိုတစ္ဝက္ဖ်က္ထားတာပါ။
ins ကေတာ့ စာလံုးေအာက္မွာ မ်ဥ္းသားေပးတာပါ u နဲ႔တူပါတယ္။
sub ကေတာ့အေျခကိန္းပါ။
sup ကေတာ့ထပ္ၫႊန္းပါ။
Output ကိုၾကည့္လိုက္ပါ။

Special Characters

&nbsp; =>
space ေနရာမွာသံုးပါတယ္။Html မွာ space တစ္ခါထက္ပိုရိုက္လို႔မရပါပူး။႐ိုက္ခ်င္ရင္ဒီcode ကိုသံုးရပါမယ္။

© =>
Copy signပါ။

® =>
Registeration Signပါ။

™ => Trade mark sign။

> => greater than signပါ။

< => Less than sign။

" =>Double qoute။

& => amphersand sign။

¢ => cent sign။

£ =>pound sign။

¥ =>Yen sign ။

¦ => Broken vertical line။

§ => Section Sign။

µ => Micro sign။

@ => commerical at sign။

! => exclamation sign။

ကဲဒီေန႔ေတာ့ဒီေလာက္ပါပဲ။
ေနာက္ေန႔က်ရင္ Link ခ်ိတ္နည္းနဲ႔ တစ္ျခား Tag မ်ားကိုတင္ေပးပါမယ္။ ဖတ္႐ႈျခင္းအား အထူးပင္ေက်းဇူးတင္ပါသည္။

Written by @minthwayko
MSC - 187