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 မ်ား
< က < နဲ႔တူတယ္။
> က > နဲ႔တူတယ္။
© က © နဲ႔တူတယ္။
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/
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************