<h2>Developing A Simple Website by yourself (lesson 4)</h4>
![14-00-22-website-importance-for-business.jpg](https://steemitimages.com/DQmRBGSeYxMv9k9tdRHNYzGFSW8K75hozXZVdDLB9TgUpqK/14-00-22-website-importance-for-business.jpg)


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

<h3>Comment Tag</h3>

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

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

![1.png](https://steemitimages.com/DQmSrKuuk7UrAkbmG9fYe4aQ6wGLHbKxzrXrSphFB8NGnNs/1.png)

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

![2.png](https://steemitimages.com/DQmfCE4PeinFQYMwbHKXwYEo5b5gaEfB4C5DTWjympbrTSx/2.png)

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

![3.png](https://steemitimages.com/DQmW6MLb4d26Kx9VEQCQY32MnVf4s9qNkp1tj8uwgzJwWkC/3.png)

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

<h3>Center Tag</h3>

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

&lt; html &gt;
&lt; head &gt;
&lt; title &gt; Example &lt; /title &gt;
&lt; /head &gt;
&lt; body &gt;
&lt; center &gt; This is center text &gt;
&lt;p&gt; This is normal text &lt;p&gt;
&lt; /body &gt;
&lt; /html &gt;

![4.png](https://steemitimages.com/DQmPnXNasWe94khx43i5FjNzJbSBkFBD6NPSHqPuWaJtUAD/4.png)

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

<h3>Font Tag</h3>

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

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

![5.png](https://steemitimages.com/DQmcHETf4yojUPFzdvzQwJJ82i51dyAtutcf1z7LAWJvVE9/5.png)

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

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

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

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

![6.png](https://steemitimages.com/DQmNbfgZk5XWoJD9abJQfNu2yGr2byUnozD2aLrvLF5YkwM/6.png)

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

![7.png](https://steemitimages.com/DQmNWMt5BTfwkj3HVEccWiTLASc2yfMGRpbfZZmUsqobS4c/7.png)

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

![8.png](https://steemitimages.com/DQmR9aGEBxijjA1SkoM2hsdTvQeAxQHtzqGFDeZQRQQa6vx/8.png)


<h3>Special Characters</h3>

![9.png](https://steemitimages.com/DQmPaaKqyYAi46vTtFxmG19hPdDPhTzvF9g1PhYj4y74V72/9.png)


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

&copy; =>
Copy signပါ။

&reg; =>
Registeration Signပါ။

&trade; => Trade mark sign။

&gt; => greater than signပါ။

&lt; => Less than sign။

&quot; =>Double qoute။

&amp; => amphersand sign။

&cent; => cent sign။

&pound; =>pound sign။

&yen; =>Yen sign ။

&brvbar; => Broken vertical line။

&sect; => Section Sign။

&micro; => Micro sign။

&#064; => commerical at sign။

&#033; => exclamation sign။



![10.png](https://steemitimages.com/DQmZiaGnKQgMEMwszAANU99ivPnmyBDzhDW5HWhPK9hYM4X/10.png)

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

Written by @minthwayko
MSC - 187