Showing posts with label Html. Show all posts
Showing posts with label Html. Show all posts

2 Jan 2014

HTML URL Encoding


URL encoding က character ေတြကုိအင္တာနက္ေပၚမွာ ရွာေဖြဖုိ႔အကူညီေပးတဲ့ အမ်ိဳးအစား တစ္ခုအေနနဲ႔ ေျပာင္းေပးပါတယ္။

URL - UniForm Resource Locator  

Web browser (ဘေရာက္ဆာ) ေတြက web server ကစာမ်က္ႏွာေတြကို URL သုံးျပီးေခၚပါတယ္။
URL ဆုိတာက ဝဘ္စာမ်က္ႏွာ တစ္ခုရဲ့ လိပ္စာျဖစ္ပါတယ္။ ဥပမာ — http://www.soemoeaung.com

 


URL Encoding

URL ေတြက ASCII character-set တစ္ခုကုိပဲသုံးျပီးအင္တာနက္ေပၚမွာေပးပို႔လုိ႔ရပါတယ္။
တကယ္လုိ႔ URL ေတြမွာ ASCII set  မဟုတ္ တဲ့ character ေတြပါခဲ့ရင္ ASCII အမ်ိဳးအစား ကုိ Brower (ဘေရာက္ဆာ) ေျပာင္းေပးပါတယ္။
URL encoding က ASCII character  မဟုတ္ ခဲ့ရင္ "%" နဲ႔စတဲ့ ၃ စုံပါတဲ့ကိန္းစဥ္တန္းအင္တာနက္လိပ္စာတစ္ခုကုိ ေျပာင္းေပးပါတယ္။
URL ေတြမွာ space ပါလုိ႔မရပါဘူး။ URL encoding ေတြက ပုံမွန္အားျဖင့္ေတာ့ space ေတြကုိအေပါင္းလကၡဏာနဲ႔ အစားထုိးေပးပါတယ္။

 

 


URL Encoding ဥပမာမ်ား

Character URL-encoding
%80
£ %A3
© %A9
® %AE
À %C0
Á %C1
 %C2
à %C3
Ä %C4
Å %C5

 http://www.soemoeaung.com
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက **************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ
စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

15 Dec 2013

HTML UniForm Resource Locator မ်ား



URL ဆိုတာကေတာ့ web လိပ္စာရဲ့ တျခားနာမည္တစ္မ်ိဳးပါ။
URL ေတြကုိ စာလုံးေတြနဲ႔ ေရးႏုိင္ပါတယ္။ "soemoeaung.com" လုိမ်ိဳးပါ၊ အင္တာနက္Protocol (IP) လိပ္စာနဲ႔လည္း ေရးႏုိင္ပါတယ္။ ............... ျဖစ္ပါတယ္။ လူအမ်ားစုကေတာ့ ကိန္းဂဏန္းေတြထက္ မွတ္ရလြယ္တဲ့ စာလုံးနာမည္ကုိ ပဲ ရုိက္ရွာတတ္ပါတယ္။

 


URL - UniForm Resource Locator  

HTML စာမ်က္ႏွာ ကလင့္ခ္ Link တစ္ခုကုိ ႏွိပ္လုိက္ရင္၊ မ်ဥ္းတားထားတဲ့ <a> tag က world wide web ေပၚက လိပ္စာတစ္ခုကုိလွမ္းညႊန္ပါတယ္။
UniForm Resource Locator (URL) ေတြကုိ world wide web ေပၚက document (ဒါမွမဟုတ္ data) ေတြကုိ လိပ္စာတပ္ခ်င္ရင္သုံးပါတယ္။
web လိပ္စာကေတာ့ ဒီလုိပဲျဖစ္ပါတယ္။
http://www.soemoeaung.com/default.html

Scheme ://host.domain:port/path/filename

 

ရွင္းလင္းခ်က္

  • scheme - ေတြကအင္တာနက္service  အမ်ိဳးအစားျဖစ္ပါတယ္။ အမ်ားစုကေတာ့ http ျဖစ္ပါတယ္။
  • host - domain host အမည္ျဖစ္ပါတယ္။( default host ကေတာ့ www ျဖစ္ပါတယ္)။
  • domain -အင္တာနက္ domain name ျဖစ္ပါတယ္။ soemoeaung.com
  • port - host  မွာပါတဲ့ port number ျဖစ္ပါတယ္။ ( default port number ကေတာ့ 80 ျဖစ္ပါတယ္)။
  • path -  server မွာရွိတဲ့ path ျဖစ္ပါတယ္။ (တကယ္လုိ႔မပါခဲ့ရင္ document ဟာ ဝဘ္ဆိုဒ္ ရဲ့ directory ရဲ့ေအာက္ဆုံးမွာ ထားရမွျဖစ္ပါတယ္)။
  • filename - document/resource ရဲ့အမည္ျဖစ္ပါတယ္။

 


Common URL Scheme မ်ား

ေအာက္ကဇယား ကေတာ့ ျမင္ေတြ႔ေနၾက scheme ေတြျဖစ္ပါတယ္။
Scheme short for .... Which Pages will  scheme be Used for ...
http Hypertext Transfer Protocol ဝဘ္စာမ်က္ႏွာ အမ်ားစုက http:// နဲ႔စပါတယ္။ encrypte လုပ္မထားပါ။
https Secure Hypertext Transfer Protocol လုံျခဳံေသာ ဝဘ္စာမ်က္ႏွာ  ျဖစ္ပါတယ္။ ေပးပုိ႔တဲ့ အခ်က္လက္အားလုံးကုိ encrypte လုပ္ထားပါတယ္။
ftp file Transfer Protocol ဝဘ္ဆုိဒ္ ထဲကုိ ဖိုင္ ေတြတင္ဖုိ႔ site ထဲကဖုိင္ကုိျပန္ယူဖို႔သုံးပါ တယ္။ ဝဘ္ဆုိဒ္ ထိန္းသိမ္းဖုိ႔သုံးပါတယ္။
File သင့္ကြန္ျပဴတာက ဖိုင္ ျဖစ္ပါတယ္။


http://www.soemoeaung.com
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ
စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

4 Dec 2013

HTML Entitie မ်ား

 

HTML မွာ Code အျဖစ္ပါေနတဲ့ အသုံးျပဳေနတဲ့ Character ေတြကုိ Browser (ဘေရာက္ဆာ) မွာေပၚခ်င္ရင္ character entitie ေတြသုံးရမွာျဖစ္ပါတယ္။

HTML Entitie မ်ား

တစ္ခ်ိဳ႕တဲ့ character ေတြဟာ HTML မွာ code ပုံစံနဲ႔ရွိျပီးျဖစ္ပါတယ္။
"ထက္ငယ္သေကၤတ" (<) နဲ႔ "ထက္ၾကီးသေကၤတ" (>) ေတြက သင္ေရးတဲ့ စာထဲမွာ တုိက္ရုိက္ထည့္ေရးလုိ႔မရပါ။ သူတို႔ေတြက HTML code အမ်ိဳးအစားထဲမွာပါေနလုိ႔ျဖစ္ပါတယ္။ browser (ဘေရာက္ဆာ) ေတြက အဲဒါေတြထည့္ေရးရင္ Tag ေတြလုိ႔ပဲ သတ္မွတ္လုိက္မွာျဖစ္ပါတယ္။ အဲလုိမ်ိဳး character ေတြကုိ ေပၚခ်င္ရင္၊ character entitie ေတြကုိ HTML source code ထဲမွာ ထည့္ေရးရမွာျဖစ္ပါတယ္။
Character entity ကုိေအာက္ပါၾကည့္ပါ။


&entity_name;
ဒါမွမဟုတ္
&#entity_number
ထက္ငယ္သေကၤတ (<) ကုိေရးခ်င္ရင္ &lt; ဒါမွ မဟုတ္  &#60; ကုိေရးရမွာျဖစ္ပါတယ္။
မွတ္ခ်က္ — entity number ေတြအစား entity name ေတြကုိသုံးျခင္းရဲ့ အားသာခ်က္ကေတာ့၊ မွတ္မိဖုိ႔လြယ္တာ ျဖစ္ပါတယ္။ ဒါေပမယ့္၊ အားနည္းခ်က္ကေတာ့ browser (ဘေရာက္ဆာ) အားလုံးက entity name အားလုံးကို support မလုပ္ပါဘူး။ (entity number ေတြကုိေတာ့ အတိအက် support ေပးပါတယ္)။

Non-breaking Space

HTML မွာအသုံးေတြတဲ့ character entity ကေတာ့ non-breaking space (&nbsp;) ျဖစ္ပါတယ္။
Browser (ဘေရာက္ဆာ) ေတြက သာမန္အားျဖင့္ code ထဲမွာေရးထားတဲ့ space ေတြကုိ ထည့္တြက္မွာ မဟုတ္ဘူး။ HTML စာမ်က္ႏွာ ေရးတဲ့အခ်ိန္မွာ စာသားထဲမွာ space ၁ဝ ခုထည့္ထားခဲ့ရင္ browser (ဘေရာက္ဆာ) ကစာမ်က္ႏွာအေနနဲ႔ေပၚရင္ space ၉ ခုကုိ ျဖဳတ္ျပီး ၁ ခုပဲျပမွာပါ။ တကယ္လုိ႔ ၁ဝ ေပၚခ်င္ရင္ေတာ့ &nbsp; character entity ကုိထည့္ရမွာျဖစ္ပါတယ္။

အသုံးဝင္ေသာ HTML Character Entitie မ်ား

Noteမွတ္ခ်က္ — Entity name ေတြက case sensitive ျဖစ္ၾကပါတယ္။ အၾကီးအေသးလြဲလုိ႔မရပါ။
Result အေၾကာင္းအရာ Entity Name Entity Number
nonn-breaking space &nbsp; &#160;
less than &lt; &#60;
greater than &gt; &#62;
& Ampersand &amp; &#38;
¢ Cent &cent; &#162;
£ Pound &pound; &#163;
¥ Yen &yen; &#165;
Euro &euro; &#8364;
§ Section &sect; &#167;
© Copyright &copy; &#169;
® registered trademark &reg; &#174;
Trademark &trade; &#8482;



 http://www.soemoeaung.com
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ
စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

30 Nov 2013

HTML Script မ်ား



JavaScripts ေတြက HTML စာမ်က္ႏွာ စာမ်က္ႏွာေတြကုိ ပုိျပီး စုစည္းညီညြတ္လာေစဖုိ႔ လုပ္ေဆာင္ေပးပါတယ္။

 


 HTML script Element

<script> tag ေတြကုိ JavaScript လုိမ်ိဳး client-side script ေတြသုံးဖုိ႔သုံးပါတယ္။
script element ေတြမွာ scripting statement ေတြပါတတ္ပါတယ္။ ဒါမွမဟုတ္  အျပင္က external script ဖိုင္ ကုိလွမ္းျပီး src attribute နဲ႔ေခၚသုံးတတ္ပါတယ္။
လုိအပ္တဲ့ attribute အမ်ိဳးအစားက script ရဲ့ MIME type ကုိအထူးျပဳပါတယ္။
အသုံးမ်ားတဲ့ JavaScript ေတြကေတာ့ ဓါတ္ပုံေတြၾကည့္ဖုိ႔၊ Form မွာပါတဲ့ data ေတြ validation အတည္ျပဳဖုိ႔နဲ႔ content ေတြကုိ တစ္စုတစ္စည္းတည္း ေျပာင္းပစ္ဖို႔ dynamic change အတြက္သုံးပါတယ္။
ေအာက္က script ေတြက HTML output မွာ Hello World လုိ႔ေပၚဖုိ႔ျဖစ္ပါတယ္။

 

ဥပမာမ်ား


<script type=“text/javascript">
document.write("Hello World!") </script>

 


HTML noscript Element

<noscript> tag ေတြကုိ browser (ဘေရာက္ဆာ) ေတြက Script ေတြကုိပိတ္ထားတဲ့အခါမွာ ဒါမွ မဟုတ္  client-side scripting ေတြကုိ Support လုပ္ မေပးတဲ့အခါမွာ ျပခ်င္တဲ့ content ေတြကုိ တစ္ျခားနည္းနဲ႔ေပၚေအာင္သုံးပါတယ္။
noscript element ေတြမွာ element ေတြအားလုံးပါႏုိင္ပါတယ္။ ပုံမွန္ HTML စာမ်က္ႏွာ ေတြမွာေတြ႔ရတဲ့ body element ထဲက ဟာမ်ိဳးေတြပါ။
noscript element ရွိတဲ့ Content ေတြက scripts ေတြကုိ လက္မခံတဲ့ အခ်ိန္မွာပဲ ေပၚမွာျဖစ္ပါတယ္။

 

ဥပမာမ်ား

<script type="text/javascript">
document.write("Hello World!")
</script>

HTML Script Tag မ်ား

Tag အေၾကာင္းအရာ
<script> client-side script အတြက္ သုံးပါတယ္။
<noscript> client-side script ေတြကုိ Browser လက္မခံတဲ့ အခါမွာ တျခားနည္းနဲ႔ ေပၚဖုိ႔ သုံးပါတယ္။


 http://www.soemoeaung.com
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ
စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

29 Nov 2013

HTML Quick List


HTML Quick List ျဖစ္ပါတယ္။ ခဏခဏၾကည့္ႏုိင္ဖုိ႔ ပရင့္ထုတ္ျပီး အိပ္ကပ္ထဲမွာ ေဆာင္ထားပါလုိ႔ အၾကံျပဳခ်င္ပါတယ္။

HTML အေျခခံ Document

<!DOCTYPE html>
<html>
<head>
<title> document ေခါင္းစဥ္က ဒီေနရာမွာ ဝင္ပါမယ္။</title>
</head>
<body>
ျမင္ရတဲ့ စာသားေတြက ဒီေနရာမွာေပၚပါမယ္။
</body>
</html>

Heading Element မ်ား

<h1>အၾကီးဆုံးေခါင္းစဥ္</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>အေသးဆုံးေခါင္းစဥ္ </h6>

စာသား Element မ်ား

<p>စာပုိဒ္တစ္ခုျဖစ္ပါတယ္။</p>
<br /> (line break) ေအာက္တစ္ေၾကာင္းဆင္းရန္
<hr /> (ေရျပင္ညီမ်ဥ္း)
<pre> preformatted စာသားျဖစ္ပါတယ္။ </pre>

Logical Style မ်ား

<em> emphasized စာသားျဖစ္ပါတယ္။</em>
<strong> strong စာသားျဖစ္ပါတယ္။ </strong>
<code> ကြန္ျပဴတာ code စာသားျဖစ္ပါတယ္။ </code>

Physical Style မ်ား

<b> စာလုံးအထူပုံစံ ျဖစ္ပါတယ္။ </b>
<i> စာလုံးအေစာင္းပုံစံ ျဖစ္ပါတယ္။ </i>

Link မ်ား

Ordinary link — <a href="http://www.EXAMPLES.com/">လင့္ခ္စာသားက ဒီေနရာကုိ ဝင္ပါမယ္</a>
Image-link — <a href="http://www.EXAMPLES.com/"><img src="URL" alt="Alternate text" /></a>
Mailto link — <a href="mailto :webmaster@EXAMPLES.com">Send e-mail</a>
named anchor —
<a name=" Notes"> Notes Section</a>
<a href="# Notes"> Notes Section သုိ႔သြားရန္</a>

 နံပါတ္စဥ္မပါတဲ့ list

<ul>
  <li>အမ်ိဳးအမည္</li>
  <li>အမ်ိဳးအမည္</li>
</ul>

 နံပါတ္စဥ္ပါတဲ့ list

<ol>
  <li>ပထမအမ်ိဳးအမည္</li>
  <li>ဒုတိယအမ်ိဳးအမည္</li>
</ol>

Definition list

<dl>
  <dt>ပထမအေၾကာင္းအရာ</dt>
    <dd>ရွင္းလင္းခ်က္</dd>
  <dt>ဒုတိယအေၾကာင္းအရာ</dt>
    <dd> ရွင္းလင္းခ်က္ </dd>
</dl>

ဇယားမ်ား

<table border=“1”>
  <tr>
    <th>ဇယားေခါင္းစဥ္</th>
    <th>ဇယားေခါင္းစဥ္</th>
  </tr>
  <tr>
    <td>စာသားအခ်ိဳ႕</td>
    <td> စာသားအခ်ိဳ႕ </td>
  </tr>
</table>

Iframe

<iframe src="demo_iframe.htm"></iframe>

Form မ်ား

<Form action="http://www.EXAMPLES.com/test.asp" method="post/get">
<input type="text" name="email" size="40" maxlength="50" />
<input type="password" />
<input type="checkbox" checked="checked" />
<input type="radio" checked="checked" />
<input type="submit" value="Send" />
<input type="reset" />
<input type="hidden" />

<select>
<option>ပန္းသီး မ်ား </option>
<option selected="selected">ငွက္ေပ်ာသီးမ်ား </option>
<option>ခ်ယ္ရီသီး မ်ား </option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>

</Form>

Entity မ်ား

&lt; က < နဲ႔တူတယ္။
&gt; က > နဲ႔တူတယ္။
&#169; က © နဲ႔တူတယ္။

Element မ်ား

<! —comment ေရးရန္ -->
<blockquote>
source မွကူးယူထားတဲ့ စာသားအခ်ိဳ႕
</blockquote>
<address>
Written by soemoeaung.com<br />
<a href="mailto:us@EXAMPLES.org">Email us</a><br />
လိပ္စာ:အမွတ္၊ ယင္းမာလမ္း <br />
Phone : +95 09 420106696
</address>

 http://www.soemoeaung.com/
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ

လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ

စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

26 Nov 2013

Hex တန္ဖုိးလုိက္စဥ္ထားေသာ စာရင္း


Hex တန္ဖုိးလုိက္ စဥ္ထားေသာ စာရင္း
အေရာင္ အမည္ HEX အေရာင္ Shades အေရာ
Black  #000000 Shades Mix
Navy  #000080 Shades Mix
DarkBlue  #00008B Shades Mix
MediumBlue  #0000CD Shades Mix
Blue  #0000FF Shades Mix
DarkGreen  #006400 Shades Mix
Green  #008000 Shades Mix
Teal  #008080 Shades Mix
DarkCyan  #008B8B Shades Mix
DeepSkyBlue  #00BFFF Shades Mix
DarkTurquoise  #00CED1 Shades Mix
MediumSpringGreen  #00FA9A Shades Mix
Lime  #00FF00 Shades Mix
SpringGreen  #00FF7F Shades Mix
Aqua  #00FFFF Shades Mix
Cyan  #00FFFF Shades Mix
MidnightBlue  #191970 Shades Mix
DodgerBlue  #1E90FF Shades Mix
LightSeaGreen  #20B2AA Shades Mix
ForestGreen  #228B22 Shades Mix
SeaGreen  #2E8B57 Shades Mix
DarkSlateGray  #2F4F4F Shades Mix
DarkSlateGrey  #2F4F4F Shades Mix
LimeGreen  #32CD32 Shades Mix
MediumSeaGreen  #3CB371 Shades Mix
Turquoise  #40E0D0 Shades Mix
RoyalBlue  #4169E1 Shades Mix
SteelBlue  #4682B4 Shades Mix
DarkSlateBlue  #483D8B Shades Mix
MediumTurquoise  #48D1CC Shades Mix
Indigo   #4B0082 Shades Mix
DarkOliveGreen  #556B2F Shades Mix
CadetBlue  #5F9EA0 Shades Mix
CornflowerBlue  #6495ED Shades Mix
MediumAquaMarine  #66CDAA Shades Mix
DimGray  #696969 Shades Mix
DimGrey  #696969 Shades Mix
SlateBlue  #6A5ACD Shades Mix
OliveDrab  #6B8E23 Shades Mix
SlateGray  #708090 Shades Mix
SlateGrey  #708090 Shades Mix
LightSlateGray  #778899 Shades Mix
LightSlateGrey  #778899 Shades Mix
MediumSlateBlue  #7B68EE Shades Mix
LawnGreen  #7CFC00 Shades Mix
Chartreuse  #7FFF00 Shades Mix
Aquamarine  #7FFFD4 Shades Mix
Maroon  #800000 Shades Mix
Purple  #800080 Shades Mix
Olive  #808000 Shades Mix
Gray  #808080 Shades Mix
Grey  #808080 Shades Mix
SkyBlue  #87CEEB Shades Mix
LightSkyBlue  #87CEFA Shades Mix
BlueViolet  #8A2BE2 Shades Mix
DarkRed  #8B0000 Shades Mix
DarkMagenta  #8B008B Shades Mix
SaddleBrown  #8B4513 Shades Mix
DarkSeaGreen  #8FBC8F Shades Mix
LightGreen  #90EE90 Shades Mix
MediumPurple  #9370D8 Shades Mix
DarkViolet  #9400D3 Shades Mix
PaleGreen  #98FB98 Shades Mix
DarkOrchid  #9932CC Shades Mix
YellowGreen  #9ACD32 Shades Mix
Sienna  #A0522D Shades Mix
Brown  #A52A2A Shades Mix
DarkGray  #A9A9A9 Shades Mix
DarkGrey  #A9A9A9 Shades Mix
LightBlue  #ADD8E6 Shades Mix
GreenYellow  #ADFF2F Shades Mix
PaleTurquoise  #AFEEEE Shades Mix
LightSteelBlue  #B0C4DE Shades Mix
PowderBlue  #B0E0E6 Shades Mix
FireBrick  #B22222 Shades Mix
DarkGoldenRod  #B8860B Shades Mix
MediumOrchid  #BA55D3 Shades Mix
RosyBrown  #BC8F8F Shades Mix
DarkKhaki  #BDB76B Shades Mix
Silver  #C0C0C0 Shades Mix
MediumVioletRed  #C71585 Shades Mix
IndianRed   #CD5C5C Shades Mix
Peru  #CD853F Shades Mix
Chocolate  #D2691E Shades Mix
Tan  #D2B48C Shades Mix
LightGray  #D3D3D3 Shades Mix
LightGrey  #D3D3D3 Shades Mix
PaleVioletRed  #D87093 Shades Mix
Thistle  #D8BFD8 Shades Mix
Orchid  #DA70D6 Shades Mix
GoldenRod  #DAA520 Shades Mix
Crimson  #DC143C Shades Mix
Gainsboro  #DCDCDC Shades Mix
Plum  #DDA0DD Shades Mix
BurlyWood  #DEB887 Shades Mix
LightCyan  #E0FFFF Shades Mix
Lavender  #E6E6FA Shades Mix
DarkSalmon  #E9967A Shades Mix
Violet  #EE82EE Shades Mix
PaleGoldenRod  #EEE8AA Shades Mix
LightCoral  #F08080 Shades Mix
Khaki  #F0E68C Shades Mix
AliceBlue  #F0F8FF Shades Mix
HoneyDew  #F0FFF0 Shades Mix
Azure  #F0FFFF Shades Mix
SandyBrown  #F4A460 Shades Mix
Wheat  #F5DEB3 Shades Mix
Beige  #F5F5DC Shades Mix
WhiteSmoke  #F5F5F5 Shades Mix
MintCream  #F5FFFA Shades Mix
GhostWhite  #F8F8FF Shades Mix
Salmon  #FA8072 Shades Mix
AntiqueWhite  #FAEBD7 Shades Mix
Linen  #FAF0E6 Shades Mix
LightGoldenRodYellow  #FAFAD2 Shades Mix
OldLace  #FDF5E6 Shades Mix
Red  #FF0000 Shades Mix
Fuchsia  #FF00FF Shades Mix
Magenta  #FF00FF Shades Mix
DeepPink  #FF1493 Shades Mix
OrangeRed  #FF4500 Shades Mix
Tomato  #FF6347 Shades Mix
HotPink  #FF69B4 Shades Mix
Coral  #FF7F50 Shades Mix
Darkorange  #FF8C00 Shades Mix
LightSalmon  #FFA07A Shades Mix
Orange  #FFA500 Shades Mix
LightPink  #FFB6C1 Shades Mix
Pink  #FFC0CB Shades Mix
Gold  #FFD700 Shades Mix
PeachPuff  #FFDAB9 Shades Mix
NavajoWhite  #FFDEAD Shades Mix
Moccasin  #FFE4B5 Shades Mix
Bisque  #FFE4C4 Shades Mix
MistyRose  #FFE4E1 Shades Mix
BlanchedAlmond  #FFEBCD Shades Mix
PapayaWhip  #FFEFD5 Shades Mix
LavenderBlush  #FFF0F5 Shades Mix
SeaShell  #FFF5EE Shades Mix
Cornsilk  #FFF8DC Shades Mix
LemonChiffon  #FFFACD Shades Mix
FloralWhite  #FFFAF0 Shades Mix
Snow  #FFFAFA Shades Mix
Yellow  #FFFF00 Shades Mix
LightYellow  #FFFFE0 Shades Mix
Ivory  #FFFFF0 Shades Mix
White  #FFFFFF Shades Mix

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ

လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ

စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

21 Nov 2013

HTML အဆင့္ျမင့္ ရဲ႕ HTML <!DOCTYPE> အေၾကာင္း


HTML <!DOCTYPE>

<!DOCTYPE> ေၾကျငာျခင္းဆုိတာက browser (ဘေရာက္ဆာ) အေနန႔ဲ ဝဘ္စာမ်က္ႏွာ  တစ္ခု ကုိဘယ္လုိအမ်ိဳးအစားလဲဆုိတာ ရွင္းရွင္းလင္းလင္း သိႏုိင္ေအာင္ကူညီေပးတာပဲပါ။ သူကတိတိက်က်သိမွာ ျပတဲ့အခါမွာလည္း မွန္မွန္ကန္ကန္ျဖစ္ပါလိမ့္မယ္။

<!DOCTYPE> ေၾကျငာျခင္း

Web ေပၚမွာ ကြဲျပားတဲ့ web document ေတြရွိပါတယ္။ browser (ဘေရာက္ဆာ) အေနနဲ႔ကေတာ့ ဒါဘာ document လဲဆုိတာ ရွင္းရွင္းလင္းလင္းသိမွ ေပၚရင္လည္း တိတိက်က်ေပၚမွာျဖစ္ပါတယ္။
HTML version ဆုိရင္လည္း အမ်ားအျပားရွိေနတ့ဲအတြက္ ေရးတဲ့ document ရဲ့ version ကို browser (ဘေရာက္ဆာ) ကေသခ်ာသိမွ ရာႏႈန္းျပည့္မွန္မွန္ကန္ကန္ေပၚမွာျဖစ္ပါတယ္။ ဒါေၾကာင့္ <!DOCTYPE> ကုိသုံးရတာျဖစ္ပါတယ္။
<!DOCTYPE> က HTML tag တစ္ခု မဟုတ္။ browser (ဘေရာက္ဆာ) အတြက္ အခ်က္အလက္ (declaration) တစ္ခုပဲျဖစ္ျပီး ဘယ္ HTML version ကုိေရးထားတာလဲဆုိတာ သူ႔ကုိ သိေစမွာျဖစ္ပါတယ္။

ဥပမာမ်ား

HTML5 DOCTYPE နဲ႔ HTML document
<!DOCTYPE html>
<html>
<head>
<title> document ရဲ့ေခါင္းစဥ္</title>
</head>

<body>
document ရဲ့ content
</body>

</html>

HTML Version မ်ား

HTML ေပၚကတည္းကစျပီး အခုထိ Version အမ်ားအျပားရွိေနပါျပီ။
Version ထြက္ေပၚသည့္ႏွစ္
HTML ၁၉၉၁
HTML+ ၁၉၉၃
HTML 2.0 ၁၉၉၅
HTML 3.2 ၁၉၉၇
HTML 4.01 ၁၉၉၉
XHTML 1.0 ၂ဝဝဝ
HTML5 ၂ဝ၁၂
XHTML5 ၂ဝ၁၃

အသုံးမ်ားေသာ Declaration ေၾကျငာခ်က္ မ်ား

HTML5

<!DOCTYPE html>

HTML 4.01


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

http://www.soemoeaung.com/
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ
စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

19 Nov 2013

HTML head Element မ်ား


<head> element က head element ေတြအားလုံးအတြက္ container ျဖစ္ပါတယ္။ <head> ထဲက Element ေတြမွာ script ေတြပါႏုိင္ျပီးေတာ့၊ သူတုိ႔က browser (ဘေရာက္ဆာ) ကုိ ဘယ္နားမွာ style sheet ေတြရွိလဲဆိုတာ ျပေပးတယ္၊ meta အခ်က္အလက္ေတြနဲ႔ အျခားအရာေတြလည္းျပေပးပါတယ္။ Head Section ထဲကုိ ထည့္ႏုိင္တဲ့ Tag ေတြကေတာ့ <title>, <base>, <link>, <meta>, <script> နဲ႔ <style>တို႔ျဖစ္ပါတယ္။

 HTML <title> Element

<title> tag က document ရဲ့ ေခါင္းစဥ္အျဖစ္ သတ္မွတ္ပါတယ္။
title element က HTML/XHTML document အားလုံးမွာလုိအပ္ပါတယ္။
title element —
  • browser (ဘေရာက္ဆာ) toolbar ေပၚက ေခါင္းစဥ္ျဖစ္ပါတယ္။
  • favorite လုပ္လုိက္တဲ့ ဝဘ္စာမ်က္ႏွာ  အတြက္လည္း ေခါင္းစဥ္ကိုျပေပးမွာျဖစ္ပါတယ္။
  • search-engine ကရွာေပးတဲ့ result ေတြမွာလည္း ေခါင္းစဥ္ကို သုံးမွာျဖစ္ပါတယ္။
ရွင္းလင္းတဲ့ HTML document —


<!DOCTYPE html>
<html>
<head>
<title> document ရဲ့ေခါင္းစဥ္</title>
</head>
<body>
document ရဲ့ content
</body>
</html>

HTML <base> Element

<base> tag ဆုိတာက စာမ်က္ႏွာတစ္ခုရဲ့ Link အားလုံးအတြက္ default လိပ္စာ ဒါမွ မဟုတ္  default target တစ္ခုကုိ အျမဲညႊန္းဖုိ႔သုံးတယ္ —


<head>
<base href="http://www.soemoeaung.com/images/" />
<base target="_blank" />
</head>

HTML <link> Element

 <link> tag ဆုိတာက document တစ္ခုနဲ႔တစ္ခု ဒါမွမဟုတ္  တစ္ခုထဲအမွာပဲ ဆက္ႏြယ္ခ်က္ကုိ သတ္မွတ္ပါတယ္။ 
<link> tag ကုိ style sheet ေတြနဲ႔ ခ်ိတ္ဖို႔လည္းအသုံးမ်ားပါတယ္။




<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

 HTML <style> Element

<style> tag ကုိ HTML document ထဲကုိ style အခ်က္အလက္ေတြသြင္းဖုိ႔သုံးပါတယ္။
style element ထဲမွာ HTML element ေတြကုိ browser (ဘေရာက္ဆာ) မွာဘယ္လုိ ေပၚခ်င္လဲဆုိတာကုိ သတ္မွတ္ႏုိင္ပါတယ္။


<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>

 HTML <meta> Element

Metadata ဆုိတာ data ေတြရဲ့ အခ်က္လက္ျဖစ္ပါတယ္။
<meta> tag ေတြက  HTML document ေတြရဲ့ အခ်က္အလက္ကုိေဖာ္ျပပါတယ္။ Metadata ကေတာ့  စာမ်က္ႏွာ မွာေပၚမွာ မဟုတ္ပါ၊ စက္ကုိဖတ္လုိ႔ရေအာင္ပဲ ကူညီေပးတာပါ။
Meta element ေတြကုိ စာမ်က္ႏွာ အေၾကာင္းအရာေတြ၊ Keyword ေတြ၊ document ေရးသားသူအမည္၊ ေနာက္ဆုံး Update လုပ္ခဲ့တဲ့ ေန႔စြဲေတြနဲ႔ Metadata ေတြကို အထူးျပဳဖို႔သုံးၾကပါတယ္။
<meta> tag ေတြက head element ထဲမွာအျမဲရွိရပါတယ္။
metadata ေတြကုိ browser (ဘေရာက္ဆာ) ေတြကသုံးပါတယ္။ (content ေတြကုိ ဘယ္လုိျပမလဲဆိုတာမ်ိဳးအတြက္ပါ)၊ search engine ေတြကလည္းသုံးပါတယ္။ (keyword ေတြကုိရွာဖုိ႔အတြက္ပါ)၊ ေနာက္ျပီး web ဝန္ေဆာင္မႈလုပ္ငန္းေတြကလည္း သုံးၾကပါတယ္။

Search Engine ေတြအတြက္ Keyword မ်ား

တစ္ခ်ိဳ႕တဲ့ search engine ေတြက meta element ေတြရဲ့ အမည္နဲ႔ content attribute ေတြကုိေရးထားတဲ့ စာမ်က္ႏွာကို ရွာဖုိ႔အတြက္ သုံးပါတယ္။
ေအာက္က meta element ေတြက စာမ်က္ႏွာပါ အေၾကာင္းအရာေတြကုိ အတည္ျပဳေပးပါတယ္။

<meta name="description" content="အခမဲ့ HTML သင္ခန္းစာ " />
ေအာက္က meta element ေတြက စာမ်က္ႏွာပါ Keyword ေတြကုိ သတ္မွတ္ေပးပါတယ္။
<meta name="Keywords" content="HTML " />
name နဲ႔ content attribute ေတြရဲ့ ဆက္ႏြယ္မႈက စာမ်က္ႏွာ ရဲ့ content ကုိသိေစဖုိ႔ျဖစ္ပါတယ္။

 HTML <script> Element

<script> tag ေတြကုိ JavaScript လုိမ်ိဳး client-side script ေတြသုံးဖုိ႔သုံးပါတယ္။


HTML head Element မ်ား

Tag အေၾကာင္းအရာ
<head> Document ရ့ဲ အခ်က္အလက္ အျဖစ္သတ္မွတ္ပါတယ္။
<title> Document ရဲ့ေခါင္းစဥ္ အျဖစ္သတ္မွတ္ပါတယ္။
<base /> စာမ်က္ႏွာတစ္ခုေပၚက link အားလုံးအတြက္ default လိပ္စာ ဒါမွ မဟုတ္  default target အျဖစ္သတ္မွတ္ပါတယ္။
<link /> document တစ္ခုအမွားနဲ႔ external resource ေတြအၾကားဆက္ႏြယ္မႈ အျဖစ္သတ္မွတ္ပါတယ္။
<meta /> HTML document အတြက္ metadata အျဖစ္သတ္မွတ္ပါတယ္။
<script> client-side script အျဖစ္သတ္မွတ္ပါတယ္။
<style> Document တစ္ခုအတြက္ style အခ်က္အလက္ အျဖစ္သတ္မွတ္ပါတယ္။

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ
စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

တင္ထားသမွ် ေခါင္းစဥ္မ်ား

2Step Verification (5) A+အေၾကာင္း (1) Activator (9) Adobe CS3 Master Collection (1) Adobe Premiere Pro CS6 အသံုးျပဳနည္ (1) Adobe Software (12) Android application (1987) Android Game (709) AndroidPhoneဆိုင္ရာ (4) Antivirus (1) Apowersoft ApowerEdit v1.4.7.22 Build 04042019 (1) AVAST! Cleanup Premium 2019 version 19.1 Build 7085 (1) Blog Slider (8) Blogger Button (5) Blogger Comment (17) Blogger Ebooks (1) Blogger Hack (54) Blogger Loading Style (6) Blogger Mouse (1) Blogger Template (44) Blogger Tips (77) Blogger Widget (152) Blogs Html (63) Blogs Post (86) Blogs Tab Menu (53) Blogဆိုင္ရာ (1) Bowser ဆိုင္ရာ (21) Brothers in Arms® 3 v1.4.7c Mod Data [Unlimited Money] (1) Buddha ျမန္မာစာတန္းထုိး (53) Burning Software (34) Burning Tools (47) C-Box (10) Canon LBP 6000 Original Driver (1) Canon LBP 6030 Original Driver & Installation Guide (1) CCleaner 5.56.7144 (Business / Professional / Technician) Multilingual Portable (1) CD/DVD ဆိုင္ရာမ်ား (30) Cleanner-Speed (68) Computer Autoplay ပိတ္ထားနည္း (1) Computer Partationခြဲနည္း (1) Computer ဆိုင္ရာ (189) Computerဆိုင္ရာ (33) Converter (73) Desing Card (10) Display အလုပ္မလုပ္ေသာ ျပႆနာေျဖရွင္းနညး္မ်ား (1) Domain (3) Download Manager (42) Drive SnapShot v1.46.0.18213 (1) Driver Software (46) DVD-Cloner Platinum 2019 v16.30 Build 1446 [x86/x64] (1) DVDFab v11.0.2.4 [x86/x64] (1) Easy Translator version 14.0.0 (1) Ebooks (405) Errorေျဖ႐ွင္းနည္း (1) Eset Smart Security 12.1.34.0 (x86/x64) (1) Facebook (152) Folder Lock (17) Fonts မ်ားစုစည္းမႈ (6) Foxit PhantomPDF (1) Game (47) Game PC (32) Glary Utilities PRO version 5.117.0.142 (1) Gmail-Gtalk (70) GoogleChome &InternetDownloadmananger (1) Hacking (81) How To Download (6) Html (51) Internet Download Manager (18) InternetDownloadmananger(IDM) (1) IP Hider Software (6) Java Script (11) KhineMaster (1) KMS/2038 & Digital & Online Activation Suite v6.9 (1) MAGIX SOUND FORGE Pro 13 v.13.0.0 Build 46 (1) Marquee Technique (14) Media Player (31) MI Play store Apk (1) Microsoft Office (21) Mobile Legends Bang Bang Installer .exe Pc Version (1) Motors ( ေမာ္တာမ်ား )အေၾကာင္း (1) Movie (95) My Pdf (35) Myanmar Font (9) Myanmar Typing Software (1) MZW Solftware (1) NetGuide Journal (63) Network Software (7) New Blogs (15) Notကာကြယ္ျခင္းနည္း (1) ONEKEY PDF Convert to Word 4.0 REPACK (1) Partition Software (7) Password Recovery Software (1) paypal နွင္ ့ဆိုင္ေသာ (5) PC GAMES (17) PC recovery (13) PC Software (203) PC Speed Up (32) PC-Clean Software (73) PDF (4) PDF Editor (10) Photo Editor Software (64) PHOTO SHOP (သင္တန္း)သီးသန္႔ (44) Photo Slideshow (12) photoshop background အလန္းမ်ား (6) photoshop PNG ဖိုင္မ်ားရွာရန္ (14) Photoshop Software (35) Photoshop ဆိ္ုင္ရာ (51) Player (8) PrinterDriver (2) Programming (16) Pyidaungsu font (1) Read More (9) Recent Posts Widget (23) Recover Software (46) Recovery (33) Refresh and Restoreအေၾကာင္း (1) Reset (1) SAMSUNG One UI ဖုန္းေတြအတြက္ ျမန္မာေဖာင့္ (1) Screen Video Recorder (37) Search Box (6) Security Software (36) Sidebar Widget (71) SkyNet လိုင္းအသစ္ထည့္နည္း (1) SkynetBinfile (1) Slideshow Movie Maker (7) Social Widget (19) SOFTWARE (588) Software For Blogs (17) Software မ်ားအသံုးျပဳနည္း (2) Softwares ေတြအတြက္ Serial no (or) Key ေတာင္းလၽွင္ ေျဖ႐ွင္းနည္း (1) Speed Up Internet (13) TeamViewer version 14.2.2558.0 (Repack & Portable) (1) TTA Pie Myanmar (1) Unicode ေ​ြေပာင်းနည်း (1) Uninstaller Software (25) Upload (6) USB ျဖင့္၀င္းဒိုးတင္နည္း (4) USB ႀကိဳးကေန Virus မဝင္ေအာင္ ႀကိဳတင္ ကာကြယ္နည္း (1) Usb-Memory (19) Video Converter (29) Video Editing (76) Video Editor (1) Video Recorder (12) Virus ဆိုင္ရာ (86) WannaCry Ransomware ၏ အႏၱရာယ္ အေၾကာင္းႏွင့္ ကာကြယ္နည္း (1) Web Design ေရးဆြဲနည္း (5) Webcam Camera Software (11) Website ေရးနည္း (3) Wifi ဆိုင္ရာ (32) Win Update v1.4 (1) Window-10 ဆိုင္ရာ (2) Window-7 ဆိုင္ရာ (32) Window-xp ဆုိင္ရာ (2) window8ဆိုင္ရာ (19) Windows 10 Factory Reset ခ်နည္း (1) Windows 10 Backup & Restore လုုပ္နည္း (1) Windows 10 ကြန္ပ်ဴတာမွာျမန္မာစာတိက်မွန္စြာထည့္နည္း (1) Windows Activator (18) windows loader မ်ား (10) Windows Manager Software (23) Windows Themes (24) Windows တင္နည္းမ်ား (6) WinRAR 5.70 (Fully) (1) WinRar Full Version (12) WinRAR V3.80 Beta Version (1) WinToBootic ႏွင့္ USB ထဲ Install လုပ္နည္း (7) WinUtilities Professional Edition Tool (1) Wordpress Tips (3) Write-Protected ကို ျဖဳတ္ႏိုင္မယ့္နည္းႏွစ္သြယ္ (1) Zawgyi နဲ႔ Unocode ဘာကြာလဲ (1) ကြန္ပ်ဴတာ User Account Picture အေၾကာင္းမ်ား (1) ကြန္ပ်ဴတာဆိုင္ရာ (1) ကြန္ပ်ဴတာပတ္၀ပ္ေျပာင္းမရေအာင္လုပ္နည္း (1) ကြန္ပ်ဴတာရဲ ့Storage က HDD လား? SSD လား? စစ္ေဆးနည္းမ်ား (1) ကြန္ပ်ဴတာဟန္းေနရင္ေျဖ႐ွင္းနည္း (1) ကြ်နုပ္ႏွင့္ ပရဟိတအလွဴ (9) ကာမသိဒၶိက်မ္း (1) ခ်က္နည္းျပဳတ္နည္း (1) နည္းပညာဆိုင္ရာ (2) နည္းလမ္းမ်ား (6) ပန္ကာျပဳျပင္နည္း (1) ဖိုင္ေျဖနည္းမ်ား (8) ဗဟုသုတ (6) ဗားရွင္းအသစ္ထြက္ရွိလာတဲ႔ Facebook (ႏွင္႔) Messenger (1) ဘာသာစကား ၉၁ မ်ိုးထိ ပါ၀င္တဲ့ Easy Translator (1) ဘာသာေရးစာအုပ္မ်ား (9) မိမိဆိုက္ကိုေကာ္ပီကူးမရေအာင္ ပိတ္ထားနည္း (1) ျပည္ေထာင္စု ေဖာင့္ လက္ကြက္ ႏွင့္ စာ႐ိုက္နည္း (1) ျမန္မာစာမွန္ေအာင္လုပ္နည္း (1) ျမန္မာဆိုတာ (1) ဝင္းဒုိးကုိ AOMEISoftware ျဖင္႔ Backup & Restore လုပ္နည္း (1) သင့္ Laptop ကို ျမန္ဆန္ေအာင္လုပ္ေပးမယ့္ အခ်က္ ၇ ခ်က (1) အင္တာဗ်ဴးအစီစဥ္ (2) အပ်ိဳလမ္းၫႊန္ (1) အသံဇာတ္လမ္း (19) အေျခခံကြန္ပ်ဴတာ Pdf (1) ဦးဇာနည္နည္းလမ္းမ်ား (7) ေဆာ့ဝဲ ျပႆနာေျဖ႐ွင္းနည္း (1) ေၾကာ္ျငာ (13) ေဟာေျပာပြဲ (15)

မန္ဘာ၀င္လို႕အားေပးၾကပါ