Example Code

Example Feed မှာ မှနှစ်မျိုး ထပ်ခွဲထားပါသေးတယ်။ အဲဒါတွေကတော့ အောက်ပါအတိုင်းဖြစ်ပါတယ်။

1. Example Feed : ဒါက Result ကိုပြပေးတဲ့ Example ပါ။
2. Example Code : ဒါက Code တွေကိုပြတဲ့ Example ပါ။

မြင်သာအောင် အောက်က ဥပမာများကိုကြည့်ပါ။

Example Feed

Hello Writer !

Try it Yourself !

Example Code

1. <h1>Hello Writer !</h1>

Try it Yourself !

---

Example Feed ကိုတော့ ရှေ့ကပိုစ့် Start Coding မှာ လေ့လာပြီး ဖြစ်ပါတယ်။

Example Code

Example Code များရေးဖို့အတွက် အောက်ပါ Stracture အတိုင်းရေးနိုင်ပါတယ်။

Example Code

1. <div class="mcg-example">

2.      <h3>Example Title</h3>       //For Example Title

3.      <div class="mcg-example-code">

4.          <ol>

5.              <li><pre><code> { ... Code Line 1 ... }  <li><pre><code>

6.              <li><pre><code> { ... Code Line 2 ... }  <li><pre><code>

7.              <li><pre><code> { ... Code Line 3 ... }  <li><pre><code>

8.          </ol>

9.      </div>

10.      <a herf="#" class="mcg-primary-btn">Try it Yourself !</a>

11. </div>

<ol> tag သုံးရတာကတော့ Code Line တွေရဲ့ ရှေ့မှာ နံပတ်စဉ်ဖေါ်ပြစေချင်လို့ ဖြစ်ပါတယ်။

ပြီးတော့ <li> ရဲ့နောက်မှာ <pre> လာတယ်။ ဒါကတော့ withe Space တွေကို ဖေါ်ပြချင်လို့ပါ။ Tab ခုန်တာ၊ Sapce ခြားတာတွေကို ဖေါ်ပြချင်လို့ပါ။

အဲဒီရဲ့ နောက်က <code> tag ကတော့ Code တွေရဲ့ color နှင့် Style နဲနဲထည့်ချင်လို့ပါ။ Code tag ကို paragraph ထဲတွေမှာလဲ အသုံးပြုနိုင်ပါတယ်။
အောက်မှာတော့ <code> tag အတွင်းမှာ အမြန်သုံးလို့ရမယ့် Color နဲ့ Style လေးတွေကို ဖေါ်ပြပေးလိုက်ပါတယ်။

• <code> အနီရောင်ရိုးရိုး </code>
• <code> <b> မီးခိုးရောင် </b></code>
• <code> <em> ပြာနုရောင် </em></code>
• <code> <em class="mcg-class"> စိမ်းနုရောင် </em></code>
• <code> <em class="mcg-html"> စိမ်းပြာနုရောင် </em></code>