HTML၊ CSS နှင့် PHP- Ultimate Cheat Sheet

in အရင်းအမြစ်များနှင့် ကိရိယာများ

ကျွန်ုပ်တို့၏အကြောင်းအရာသည် စာဖတ်သူအား ပံ့ပိုးထားသည်။. အကယ်၍ သင်သည် ကျွန်ုပ်တို့၏ လင့်ခ်များကို နှိပ်ပါက၊ ကျွန်ုပ်တို့သည် ကော်မရှင်တစ်ခု ရရှိနိုင်ပါသည်။ ဘယ်လိုသုံးသပ်လဲ။.

📥ဒေါင်းလုဒ်လုပ်ပါနော်။ HTML, CSS နှင့် PHP ဆော့ဖ်ဝဲများဤကုဒ်သုံးဘာသာစကားသုံးမျိုးနှင့် ပတ်သက်၍ သင်သိရန်နှင့် မှတ်သားထားရန် လိုအပ်သည့်အရာအားလုံးကို ပြီးပြည့်စုံစေပါသည်။

ကုဒ်ရေးခြင်းအနုပညာသည် မကြာခဏ ရောယှက်နေသော ပရိုဂရမ်းမင်းဘာသာစကားများ၏ တဂ်များ၊ အထားအသိုများနှင့် အခြားအစိတ်အပိုင်းများအားလုံးကို အပြည့်အဝကျွမ်းကျင်စေရန် နှစ်ပေါင်းများစွာ အချိန်ယူရနိုင်သည်။

အတွေ့အကြုံပိုရင့်သော developer များပင်လျှင် သီးခြားအလုပ်များအတွက် မှန်ကန်သော syntax ကို မေ့လျော့ခြင်းထောင်ချောက်ထဲသို့ ကျရောက်သွားနိုင်သည်။ ဒါကြောင့် ပိုပြီးစိမ်းလန်းဖို့ မျှော်လင့်တာက လက်တွေ့မကျပါဘူး။ ကို web developer များ အနုပညာကို အပြစ်ကင်းစင်စွာ ဆုပ်ကိုင်နိုင်ပါစေ။

ဤသည်မှာအဘယ်ကြောင့်ဖြစ်ပါသည် HTML၊ CSS နှင့် PHP အတွက် လိမ်လည်စာရွက်များ သင်ဘယ်လောက်ကြာကြာလေ့ကျင့်နေပါစေ၊ အလွန်အသုံးဝင်ပါတယ်။ ၎င်းသည် မှန်ကန်သော command များနှင့် syntax များကိုရှာဖွေရန် အမြန်လမ်းညွှန်တစ်ခုအဖြစ် လုပ်ဆောင်ပေးကာ အမှန်တကယ် ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှုကို အာရုံစိုက်နိုင်စေမည်ဖြစ်သည်။

အောက်တွင်၊ သင်၏ coding ကြိုးပမ်းမှုများတွင် သင့်အား အထောက်အကူဖြစ်စေရန် အမြန်ပြန်လည်ဆန်းသစ်မှုများဖြင့် ရှေ့တွင် မြင်သာထင်သာထင်သာမြင်သာရှိသော လှည့်ကွက်စာရွက်များကို တွေ့ရပါမည်။ သင့်အဆင်ပြေစေရန်အတွက် ၎င်းကို အလွယ်တကူ မှတ်သားထားရန်၊ သိမ်းဆည်းရန် သို့မဟုတ် ပုံနှိပ်ထုတ်ဝေရန်လည်း ပြုလုပ်ထားပါသည်။

HTML ဆိုတာဘာလဲ။

HTML သည် Hypertext Markup Language ကို ကိုယ်စားပြုသည်။ - ဝဘ်စာမျက်နှာနှင့် ၎င်း၏အကြောင်းအရာအတွက် တည်ဆောက်ပုံဖန်တီးရန် အသုံးပြုသည့် ကုဒ်။

ဤ markup language သည် အကြောင်းအရာတစ်ခုပေါ်လာစေရန် သို့မဟုတ် လုပ်ဆောင်ရန်အသုံးပြုသည့် အစိတ်အပိုင်းများစွာဖြင့် ဖွဲ့စည်းထားပြီး ဝဘ်ဆိုက်တိုင်း၏ ရှေ့ဆုံးကုဒ်၏ အဓိကအစိတ်အပိုင်းတစ်ခုဖြစ်သည်။

HTML သည် ဝဘ်စာမျက်နှာများ၏ ဖွဲ့စည်းပုံကို ဖော်ပြသည့် ဘာသာစကားဖြစ်သည်… HTML ဖြင့် စာရေးသူများသည် markup ကို အသုံးပြု၍ စာမျက်နှာများ၏ ဖွဲ့စည်းပုံကို ဖော်ပြပါသည်။ ဘာသာစကား၏ အစိတ်အပိုင်းများဖြစ်သည့် စာပိုဒ်၊ စာရင်း၊ ဇယားစသည်ဖြင့် အကြောင်းအရာအပိုင်းအစများကို အညွှန်းတပ်ပါ။ – W3.org မှ

ဥပမာအားဖြင့်၊ သင်သည် အကြောင်းအရာ၏ ကွဲပြားသော အစိတ်အပိုင်းများကို ဖုံးအုပ်နိုင်သည် - အကျုံးဝင်သော တဂ်များသည် စကားလုံး သို့မဟုတ် ပုံတစ်ပုံကို အခြားစာမျက်နှာသို့ ဟိုက်ပါလင့်ခ်ဖြစ်စေနိုင်သည် ။ စာလုံးများကို စာလုံးစောင်းထိုးရန်နှင့် အခြားဖောင့်များကို ပိုကြီးသည်ဖြစ်စေ အသေးဖြစ်စေရန်အတွက်လည်း ၎င်းကိုသုံးနိုင်သည်။

အားဖြင့်မှတ်ချက်ပြုအဖြစ် W3HTML မှ သင်လုပ်ဆောင်နိုင်စေမည့် အခြားအရာအချို့ ပါဝင်သည်။

  • အွန်လိုင်းစာရွက်စာတမ်းများဖြင့် ထုတ်ဝေခြင်း။ ခေါင်းစဉ်များ၊ စာသား၊ ဇယားများ၊ စာရင်းများ၊ ဓာတ်ပုံများ, etc
  • ခလုတ်တစ်ချက်နှိပ်ရုံဖြင့် အွန်လိုင်းအချက်အလက်များကို ပြန်လည်ရယူခြင်း။ ဟိုက်ပါစာသားလင့်ခ်များ.
  • ဒီဇိုင်းရေးဆွဲခြင်း ပုံစံများ ဝေးလံခေါင်သီသော ဝန်ဆောင်မှုများဖြင့် ငွေပေးငွေယူ ပြုလုပ်ရန်အတွက် အချက်အလက်ရှာဖွေရန်၊ ကြိုတင်စာရင်းသွင်းရန် သို့မဟုတ် ထုတ်ကုန်များကို မှာယူပါ။အခြားလုပ်ဆောင်ချက်များကြားတွင်၊
  • အပါအဝင် စာရင်းဇယားများ၊ ဗီဒီယိုကလစ်များနှင့် အခြားမီဒီယာများ သင့်စာရွက်စာတမ်းများတွင် ရှိနှင့်ပြီးသား လျှောက်လွှာများ။

ဒီတော့ လိုင်းလုပ်ရရင်ပေါ့။ "ငါ့ခွေးက အရမ်းချောတာပဲ" သူ့ဘာသာသူရပ်တည်ပါ၊ ၎င်းကို စာပိုဒ်တဂ်များထဲတွင် ထည့်သွင်းခြင်းဖြင့် ၎င်းကို စာပိုဒ်တစ်ခုအဖြစ် သတ်မှတ်နိုင်သည် (ဤနောက်တွင် ပိုမိုထင်ရှားသည်)၊ ငါ့ခွေးက အရမ်းချောတယ်။

HTML နဲ့ HTML5 ကွာခြားချက်ကဘာလဲ။

နာမတျောအအကြံပြုထားသကဲ့သို့, HTML5 သည် HTML စံနှုန်း၏ ပဉ္စမမြောက်ဗားရှင်းဖြစ်သည်။. ၎င်းသည် ဘာသာစကားသို့ ဗီဒီယိုနှင့် အသံ ပေါင်းစပ်မှုကို ပံ့ပိုးပေးသည်၊ ၎င်းသည် ပြင်ပကုမ္ပဏီ ပလပ်အင်များနှင့် ဒြပ်စင်များ လိုအပ်မှုကို လျှော့ချပေးသည်။

အောက်ပါတို့သည် HTML နှင့် HTML5 အကြား အဓိက ကွာခြားချက်များဖြစ်သည် ။

HTML ကို

  • flash player ပံ့ပိုးမှုမပါဘဲ အသံနှင့် ဗီဒီယိုကို မပံ့ပိုးပါ။
  • ယာယီဒေတာသိမ်းဆည်းရန် ကွတ်ကီးများကို အသုံးပြုသည်။
  • JavaScipt ကို ဘရောက်ဆာတွင် လုပ်ဆောင်ရန် ခွင့်မပြုပါ။
  • VML၊ Silver-light နှင့် Flash ကဲ့သို့သော မတူညီသောနည်းပညာများကို အသုံးပြုခြင်းဖြင့် vector ဂရပ်ဖစ်အတွက် ခွင့်ပြုသည်။
  • ဖိဆွဲခြင်းနှင့် ချခြင်းများ ပြုလုပ်ခြင်းကို ခွင့်မပြုပါ။
  • ဘရောက်ဆာအဟောင်းများအားလုံးနှင့် အလုပ်လုပ်သည်။
  • မိုဘိုင်းအတွက် အဆင်ပြေမှုနည်းသည်။
  • Doctype ကြေငြာချက်သည် ရှည်လျားရှုပ်ထွေးသည်။
  • nav နှင့် header ကဲ့သို့သော အစိတ်အပိုင်းများအပြင် charset၊ a ကဲ့သို့သော အင်္ဂါရပ်များ မပါရှိပါ။sync, နှင့် ping ။
  • ဘရောက်ဆာကို အသုံးပြု၍ အသုံးပြုသူများ၏ GeoLocation စစ်မှန်သောနေရာကို ရရှိရန် အလွန်ခက်ခဲသည်။
  • မမှန်ကန်သော syntax ကို ကိုင်တွယ်၍မရပါ။

HTML5

  • အသုံးပြုမှုနှင့်အတူ အသံနှင့် ဗီဒီယို ထိန်းချုပ်မှုများကို ပံ့ပိုးပေးသည်။ နှင့် တက်ဂ်များ။
  • အော့ဖ်လိုင်းဒေတာကိုသိမ်းဆည်းရန် SQL ဒေတာဘေ့စ်များနှင့် အပလီကေးရှင်း cache ကိုအသုံးပြုသည်။
  • JS Web worker API ကို အသုံးပြုခြင်းဖြင့် JavaScript ကို နောက်ခံတွင် အလုပ်လုပ်ရန် ခွင့်ပြုသည်။
  • Vector ဂရပ်ဖစ်များသည် SVG နှင့် canvas ကဲ့သို့သော HTML5 ၏ အခြေခံအစိတ်အပိုင်းတစ်ခုဖြစ်သည်။
  • ဖိဆွဲခြင်းနှင့် ချပစ်ခြင်းများ ပြုလုပ်ခွင့်ပြုသည်။
  • ပုံသဏ္ဍာန်များရေးဆွဲနိုင်ပါစေ။
  • Firefox၊ Mozilla၊ Chrome နှင့် Safari ကဲ့သို့သော ဘရောက်ဆာအသစ်အားလုံးကို ပံ့ပိုးပေးသည်။
  • မိုဘိုင်းလ်သုံးရန် ပိုအဆင်ပြေသည်။
  • Doctype ကြေငြာချက်သည် ရိုးရှင်းပြီး လွယ်ကူသည်။
  • nav၊ header နှင့် footer ကဲ့သို့သော ဝဘ်တည်ဆောက်ပုံများအတွက် အင်္ဂါရပ်အသစ်များ ပါ၀င်ပြီး charset ၏ ဂုဏ်ရည်များပါရှိသည်၊sync, နှင့် ping ။
  • ဇာတ်ကောင်ကုဒ်ကို ရိုးရှင်းလွယ်ကူစေသည်။
  • JS GeoLocation API ကို အသုံးပြု၍ အသုံးပြုသူ GeoLocation ကို ခြေရာခံရန် ခွင့်ပြုသည်။
  • မမှန်ကန်သော syntax များကို ကိုင်တွယ်ဖြေရှင်းနိုင်စွမ်းရှိသည်။
 

ထို့အပြင် HTML5 မှ ပြုပြင်မွမ်းမံခြင်း သို့မဟုတ် ဖယ်ရှားခြင်းခံရသော HTML ၏ အစိတ်အပိုင်းများစွာ ရှိပါသည်။ ၎င်းတို့တွင်-

  • - ပြောင်းလဲခဲ့သည်။
  • - ပြောင်းလဲခဲ့သည်။
  • - ပြောင်းလဲခဲ့သည်။
  • - ဖယ်ရှားခဲ့သည်။
  • - ဖယ်ရှားခဲ့သည်။
  • - ဖယ်ရှားခဲ့သည်။
  • - tag အသစ်မရှိပါ။ CSS ကိုအသုံးပြုသည်။
  • - tag အသစ်မရှိပါ။ CSS ကိုအသုံးပြုသည်။
  • - tag အသစ်မရှိပါ။ CSS ကိုအသုံးပြုသည်။
  • - tag အသစ်မရှိပါ။ CSS ကိုအသုံးပြုသည်။
  • - tag အသစ်မရှိပါ။ CSS ကိုအသုံးပြုသည်။

ဤအတောအတွင်း HTML5 တွင် အသစ်ထည့်သွင်းထားသော အစိတ်အပိုင်းများစွာလည်း ပါဝင်သည်။ ၎င်းတို့တွင်-

 

HTML5 နမူနာများ (Code PlayGround)

Semantic Structure နမူနာများ

In HTML5 ဝဘ်စာမျက်နှာတစ်ခု၏ မတူညီသော အစိတ်အပိုင်းများကို သတ်မှတ်ရန် အသုံးပြုနိုင်သည့် ဝေါဟာရဆိုင်ရာ အစိတ်အပိုင်းအချို့ ရှိပါသည်။ ဤသည်မှာ အသုံးအများဆုံးများဖြစ်သည်-

html5 ဝေါဟာရဖွဲ့စည်းပုံ အစိတ်အပိုင်းများ
source: w3schools.com
 

ခေါင်းစီး

<header>
  <h1>Guide to Search Engines</h1>
</header>

ရေ

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>
 

အပိုင်း

<section>
  <h2>Internet Browsers</h2>
  <p>Google Chrome, Mozilla Firefox, Internet Explorer, Safari and Opera dominate the browser market.</p>
</section>

ဆောင်းပါး

<article>
  <h3>Google Chrome</h3>
  <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
</article>
 

ဘေးနား (ဘေးဘား)

<p>Google Chrome is a cross-platform web browser developed by Google.</p>

<aside>
  <h4>History of Mozilla</h4>
  <p>Mozilla is a free software community founded in 1998.</p>
</aside>

အောက်ခြေမှတ်တိုင်

<footer>
  <p>Copyright Example.com. Read our <a href="#">privacy policy</a>.</p>
</footer>
 

အခြေခံ စာသားဖော်မတ်ခြင်း ဥပမာများ

ခေါင်းစဉ်များ သို့

<h1>Heading level 1</h1>
 <h2>Heading level 2</h2>
  <h3>Heading level 3</h3>
   <h4>Heading level 4</h4>
    <h5>Heading level 5</h5>
     <h6>Heading level 6</h6>

စာပိုဒ် ( & )

<p>Paragraph of text with a sentence of words.</p>

<p>Paragraph of text with a word that has <em>emphasis</em>.</p>

<p>Paragraph of text with a word that has <strong>importance</strong>.</p>
 

Unordered နှင့် စာရင်းပေးထားသည်။

<ul>
  <li>HTML5</li>
  <li>CSS3</li>
  <li>PHP</li>
</ul>

<ol>
  <li>HTML5</li>
  <li>CSS3</li>
  <li>PHP</li>
</ol>

Blockquote ကိုးကားပါ။

<blockquote cite="https://www.huxley.net/bnw/four.html">
  <p>Words can be like X-rays, if you use them properly – they'll go through anything. You read and you're pierced.</p>
</blockquote>
  <cite>– Aldous Huxley, Brave New World</cite>
 

လင့်

<p>Search for it on <a href="https://www.google.com/" title="Google search engine">Google</a>

ခလုတ်

<button name="button">I am a Button. Click me!</button>
 

လိုင်းချိုး

<p>The line break tag produces a<br> line break in<br> text (carriage-return)</p>

အလျားလိုက်မျဉ်း

<p>This is the first paragraph of text.</p><hr><p>This is second paragraph of text.</p>
 

လိပ်စာ

<address>
Acme Inc<br>
PO Box 555, New York, USA<br>
Call us: <a href="tel:+1-555-555-555">+1-555-555-555</a><br>
Email us: <a href="mailto:[email protected]">[email protected]</a>
</address>

Subscript နှင့် superscript

<p>The chemical formula of water is H<sub>2</sub>O</p>

<p>This text is <sup>superscripted</sup></p>
 

အတိုကောက်

<p><abbr title="Hypertext Markup Language">HTML</abbr> is easy to learn.</p>

ကုဒ်

<p>This is normal text. <code>This is code.</code> This is normal text.</p>
 

အချိန်

<p>The movie starts at <time>20:00</time>.</p>

ဖျက်လိုက်

<p>I am <del>wrong</del> right, you are <del>right</del> wrong.</p>
 

ဇယားနမူနာများ

စားပွဲခေါင်း၊ ကိုယ်ထည်နှင့် ခြေဖဝါး ဥပမာ

<table>
<thead>
     <tr> ...table header... </tr>
</thead>
<tfoot>
     <tr> ...table footer... </tr>
</tfoot>
<tbody>
     <tr> ...first row... </tr>
     <tr> ...second row... </tr>
</tbody>
<tbody>
     <tr> ...first row... </tr>
     <tr> ...second row... </tr>
     <tr> ...third row... </tr>
</tbody>
</table>

ဇယားခေါင်းစီးများ၊ အတန်းများနှင့် ဒေတာဥပမာ

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>Doe</td>
    <td>34</td>
  </tr>
</table>
 

မီဒီယာဥပမာများ

ပုံ

<img src="images/dinosaur.png" 
     alt="The head and torso of a dinosaur skeleton;it has a large head with long sharp teeth"/>

ပုံ

<picture>
  <source type="image/svg+xml" srcset="pyramid.svg">
  <source type="image/webp" srcset="pyramid.webp">
  <img src="pyramid.png" alt="regular pyramid built from four equilateral triangles">
</picture>
 

ပုံ

<figure>
    <img src="/images/frog.png" alt="Tree frog" />
    <figcaption>Tree frog by David Clode on Unsplash</figcaption>
</figure>

ဗီဒီယို

<video controls width="400" height="400" autoplay loop muted poster="poster.png">
  <source src="rabbit.mp4" type="video/mp4">
  <source src="rabbit.webm" type="video/webm">
  <source src="rabbit.ogg" type="video/ogg"> 
  <source src="rabbit.mov" type="video/quicktime">
  <p>Your browser doesn't support HTML5 video. Here is a <a href="rabbit.mp4">link to the video</a> instead.</p>
</video>
 

HTML Cheat Sheet ကို ဖြည့်စွက်ပါ။

သင်ဟာ ကျွမ်းကျင်တဲ့ developer တစ်ယောက်ပဲဖြစ်ဖြစ်၊ လုပ်ငန်းနယ်ပယ်မှာ သူတို့ရဲ့ခြေထောက်တွေကို စိုစွတ်နေအောင်ရှာနေသူတစ်ယောက်ပဲဖြစ်ဖြစ်၊ ဒါက အမြဲတမ်းကူညီပေးပါတယ်။ HTML ဖော်မတ်ချခြင်း လိမ်စာရွက် နေရာလေးကို ပြီးတော့ မင်းကို ခြေလှမ်းတိုင်းကို ကူညီပေးနိုင်မယ့် တစ်ခုကို ငါ ဒီဇိုင်းထုတ်ထားတယ်။

html လိမ်စာရွက်

 

HTML Cheat Sheet ကိုဒေါင်းလုဒ်လုပ်ပါ။

 

CSS ဆိုတာဘာလဲ။

Cascading Style Sheets သို့မဟုတ် CSS HTML အစိတ်အပိုင်းများကို မျက်နှာပြင်ပေါ်တွင် မည်သို့ပြသမည်ကို ဖော်ပြသည်။ စာမျက်နှာများစွာ၏ အပြင်အဆင်များကို တစ်ချိန်တည်းတွင် ထိန်းချုပ်နိုင်သောကြောင့်၊ ၎င်းသည် သင့်အား အချိန်နှင့် ကြိုးစားအားထုတ်မှုများစွာကို သက်သာစေနိုင်သည်။

CSS သည် အရောင်များ၊ အပြင်အဆင်နှင့် ဖောင့်များအပါအဝင် ဝဘ်စာမျက်နှာများ၏ တင်ပြမှုကို ဖော်ပြသည့် ဘာသာစကားဖြစ်သည်။ ဖန်သားပြင်ကြီးများ၊ ဖန်သားပြင်ငယ်များ သို့မဟုတ် ပရင်တာများကဲ့သို့သော စက်ပစ္စည်းအမျိုးအစားအမျိုးမျိုးသို့ တင်ဆက်မှုကို လိုက်လျောညီထွေဖြစ်အောင် ပြုလုပ်နိုင်စေပါသည်။ – W3.org မှ

HTML နဲ့ CSS ကွာခြားချက်ကဘာလဲ။

HTML နှင့် CSS တို့သည် ဝဘ်စာမျက်နှာများနှင့် အပလီကေးရှင်းများ တည်ဆောက်ရာတွင် အသုံးပြုသည့် ဘာသာစကားများဖြစ်သော်လည်း ၎င်းတို့တွင် မတူညီသော လုပ်ဆောင်ချက်များရှိသည်။

HTML သည် ဖွဲ့စည်းပုံနှင့် ဝဘ်စာမျက်နှာပေါ်တွင် ပြသမည့် အကြောင်းအရာကို သတ်ပုံသတ်မှတ်ရန် သင်အသုံးပြုသည့်အရာဖြစ်သည်။

အခြားတစ်ဖက်တွင် CSS ကို ပြုပြင်မွမ်းမံရန်အတွက် အသုံးပြုသည်။ web design မှာ ဝဘ်စာမျက်နှာရှိ HTML ဒြပ်စင်များ (အပြင်အဆင်၊ အမြင်အာရုံသက်ရောက်မှုနှင့် နောက်ခံအရောင် အပါအဝင်)။

HTML သည် ဖွဲ့စည်းပုံနှင့် အကြောင်းအရာကို ဖန်တီးသည်၊ CSS သည် ဒီဇိုင်း သို့မဟုတ် ပုံစံကို ပြုလုပ်သည်။ HTML နှင့် CSS တို့သည် ဝဘ်စာမျက်နှာ အင်တာဖေ့စ်ကို အတူတကွ ဖန်တီးသည်။

CSS Syntax ဆိုတာ ဘာလဲ။

CSS Syntax Selector နှင့် declaration block တို့ဖြင့် ဖွဲ့စည်းထားသည်။

ရွေးချယ်သူသည် ကြေငြာချက်ပိတ်ဆို့ခြင်းတွင် တစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော ကြေငြာချက်များ သို့မဟုတ် CSS ၏ ပိုင်ဆိုင်မှုအမည်နှင့် ၎င်းတို့ကြားတွင် ကော်လံပါသော တန်ဖိုးများပါနေချိန်တွင် ရွေးချယ်သူသည် ပုံစံချရန် HTML အစိတ်အပိုင်းကို ဆုံးဖြတ်သည်။

ကြေငြာချက်များကို semicolons ဖြင့် ပိုင်းခြားထားပြီး declaration blocks များကို curly braces များတွင် အမြဲထည့်သွင်းထားသည်။

ဥပမာအားဖြင့်၊ သင်၏ ခေါင်းစီး 1 ၏ ပုံပန်းသဏ္ဍာန်ကို မွမ်းမံလိုပါက၊ သင်၏ CSS syntax သည် ဤကဲ့သို့သော အရာနှင့်တူလိမ့်မည်- h1 {color:red; ဖောင့်-အရွယ်အစား-၁၆pc;}

CSS Cheat Sheet ကိုဖြည့်ပါ။

CSS က သုံးရတာ လွယ်ပါတယ်။ စိန်ခေါ်မှုကတော့ မဖြစ်နိုင်ဘူး ဆိုရင် အဲဒါတွေအားလုံးကို မှတ်မိဖို့ ခက်ခဲတဲ့ ရွေးချယ်သူတွေ အများကြီး ရှိတယ်။ သို့သော် ၎င်းတို့ကို အလွတ်ကျက်ရန် မလိုပါ။

ဒီနေရာမှာတစ်ဦးရဲ့ CSS နှင့် CSS3 အတွက် cheat စာရွက် သင်အချိန်မရွေးအသုံးပြုနိုင်သည်။

CSS Cheat Sheet

 

CSS Cheat Sheet ကိုဒေါင်းလုဒ်လုပ်ပါ။

 

PHP ဆိုတာဘာလဲ။

PHP သည် Hypertext Preprocessor အတွက် အတိုကောက်ဖြစ်သည်။ဒိုင်းနမစ်ဝဘ်ဆိုဒ်များ၊ ဝဘ်အပလီကေးရှင်းများ သို့မဟုတ် ပုံသေဝဘ်ဆိုဒ်များကို ဖန်တီးရန်အတွက် အသုံးပြုသည့် လူကြိုက်များသော open-source၊ HTML-embedded scripting language ဖြစ်သည်။

မှစ. PHP သည် server-side language တစ်ခုဖြစ်သည်။၎င်း၏ script များကို ဆာဗာ (ဘရောက်ဆာတွင် မဟုတ်ဘဲ) ပေါ်တွင် လုပ်ဆောင်ပြီး ၎င်း၏ output သည် browser ပေါ်တွင် ရိုးရိုး HTML ဖြစ်သည်။

PHP သည် ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှုအတွက် အထူးသင့်လျော်ပြီး HTML တွင် ထည့်သွင်းအသုံးပြုနိုင်သော ကျယ်ကျယ်ပြန့်ပြန့်အသုံးပြုထားသော open source ယေဘုယျရည်ရွယ်ချက် scripting language တစ်ခုဖြစ်သည်။ – PHP.net မှ

ဤ server-side scripting language သည် Windows၊ Mac OS၊ Linux နှင့် Unix အပါအဝင် လည်ပတ်မှုစနစ်အမျိုးမျိုးတွင် အလုပ်လုပ်ပါသည်။ ၎င်းသည် Apache နှင့် IIS ကဲ့သို့သော ဆာဗာအများစုနှင့်လည်း တွဲဖက်အသုံးပြုနိုင်ပါသည်။

ASP နှင့် JSP ကဲ့သို့သော အခြားဘာသာစကားများနှင့် နှိုင်းယှဉ်ပါက PHP သည် စတင်လေ့လာသူများအတွက် လွယ်ကူပါသည်။ PHP သည် အဆင့်မြင့် developer များ လိုအပ်သော အင်္ဂါရပ်များစွာကိုလည်း ပေးဆောင်ပါသည်။

PHP နဲ့ HTML ကွာခြားချက်ကဘာလဲ။

ဘာသာစကားနှစ်မျိုးလုံးသည် အရေးကြီးသော်လည်း၊ web developmentPHP နှင့် HTML သည် နည်းလမ်းများစွာဖြင့် ကွဲပြားပါသည်။

အဓိကကွာခြားချက်မှာ ဘာသာစကားနှစ်ခုအတွက် အသုံးပြုသည့်အရာဖြစ်သည်။

HTML ကို client-side အတွက် သုံးပါတယ်။ (သို့မဟုတ် ရှေ့ဆုံး) ဖွံ့ဖြိုးတိုးတက်မှု၊ PHP ကို ​​server-side အတွက်သုံးပါတယ်။ ဖှံ့ဖွိုးတိုးတ။

HTML သည် စာသား၊ ပုံများ၊ ဇယားများ၊ နှင့် ဟိုက်ပါလင့်ခ်များ၊ စာသားဖော်မတ်ခြင်းနှင့် အရောင်များသတ်မှတ်ခြင်းကဲ့သို့သော ဝဘ်ဆိုက်တစ်ခုပေါ်ရှိ အကြောင်းအရာများကို စုစည်းရန်အတွက် ဘာသာစကား developer များအသုံးပြုသည်။

တစ်ချိန်တည်းတွင်၊ PHP ကို ​​ဒေတာဘေ့စ်တစ်ခုမှ သိမ်းဆည်းခြင်းနှင့် ထုတ်ယူခြင်း၊ ကျိုးကြောင်းဆီလျော်သော လုပ်ဆောင်ချက်များ လုပ်ဆောင်ခြင်း၊ အီးမေးလ်များ ပေးပို့ခြင်းနှင့် စာပြန်ခြင်း၊ ဖိုင်များကို အပ်လုဒ်လုပ်ခြင်းနှင့် ဒေါင်းလုဒ်လုပ်ခြင်း၊ desktop အပလီကေးရှင်းများ ပြုစုပျိုးထောင်ခြင်းနှင့် အခြားအရာများကို လုပ်ဆောင်ရန် အသုံးပြုသည်။

ကုဒ်အမျိုးအစားအလိုက်၊ PHP သည် ရွေ့လျားနေချိန်တွင် HTML သည် တည်ငြိမ်သည်။. HTML ကုဒ်တစ်ခုသည် ၎င်းကိုဖွင့်လိုက်တိုင်း အမြဲတူညီနေသော်လည်း PHP ရလဒ်များသည် သုံးစွဲသူ၏ဘရောက်ဆာပေါ်မူတည်၍ ကွဲပြားသည်။

developer အသစ်များအတွက်၊ ဘာသာစကားနှစ်မျိုးစလုံးသည် သင်ယူရလွယ်ကူသော်လည်း သင်ယူမှုမျဉ်းမှာ HTML နှင့် PHP ထက် ပိုတိုပါသည်။

PHP Cheat Sheet ကိုဖြည့်ပါ။

အကယ်၍ သင်သည် PHP ကို ​​ပိုမိုကျွမ်းကျင်စွာ တတ်မြောက်လိုသော သို့မဟုတ် သင်၏ အသိပညာကို ချဲ့ထွင်လိုသော အတွေ့အကြုံမရှိသေးသော ပရိုဂရမ်မာတစ်ဦးဖြစ်ပါက၊ PHP လိမ်စာရွက် လျင်မြန်စွာကိုးကားနိုင်သည်။

ဤအလိမ်အညာစာရွက်တွင် အသုံးများသောကုဒ်များအတွက် ဖြတ်လမ်းများဖြစ်သည့် PHP လုပ်ဆောင်ချက်များ ပါဝင်သည်- scripting language တွင်တည်ဆောက်ထားသည်။

PHP Cheat Sheet

 

PHP Cheat Sheet ကိုဒေါင်းလုဒ်လုပ်ပါ။

 

Ultimate HTML၊ CSS နှင့် PHP Cheat Sheet

သင်သည် ကျွမ်းကျင်သော ဆော့ဖ်ဝဲရေးသားသူ သို့မဟုတ် ကုဒ်ရေးနည်းကို စတင်သူဖြစ်ပါစေ၊ သင်သည် အမြဲတမ်း ကိုးကားရန်အတွက် သို့မဟုတ် သင်၏မှတ်ဉာဏ်ကို ရိုးရှင်းစွာ ပြန်လည်ဆန်းသစ်နိုင်သည့် အရာတစ်ခုရှိရန် ကောင်းပါတယ်။

ပြီးတော့ ကြားထဲမှာ ဆော့နေကြတဲ့ developer တွေကို လက်ဆောင်ပေးတယ်။ HTML၊ CSS နှင့် PHP၊ ဤသည်မှာ Ultimate cheat sheet ဖြစ်သည်။ဤကုဒ်သုံးဘာသာစကားသုံးမျိုးနှင့်ပတ်သက်၍ သင်သိထားရန်နှင့် မှတ်သားထားရန် လိုအပ်သည့်အရာအားလုံးကို ပြီးပြည့်စုံစေသည်-

 

ပေါင်းစပ် HTML၊ CSS နှင့် PHP Cheat Sheet ကို ဒေါင်းလုဒ်လုပ်ပါ။

 

စာရေးသူအကြောင်း

Matt Ahlgren

Mathias Ahlgren သည် CEO နှင့် တည်ထောင်သူဖြစ်သည်။ Website Ratingကမ္ဘာလုံးဆိုင်ရာ တည်းဖြတ်သူများနှင့် စာရေးဆရာများအဖွဲ့ကို ဦးဆောင်ထားသည်။ သတင်းအချက်အလက်သိပ္ပံနှင့် စီမံခန့်ခွဲမှုဆိုင်ရာ မဟာဘွဲ့ရရှိထားသူဖြစ်သည်။ တက္ကသိုလ်အတွင်း အစောပိုင်း ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှု အတွေ့အကြုံများ အပြီးတွင် သူ၏ အသက်မွေးဝမ်းကြောင်း လုပ်ငန်းသည် SEO ကို အာရုံစိုက်ခဲ့သည်။ SEO၊ ဒစ်ဂျစ်တယ်မားကတ်တင်းနှင့် ဝဘ်တီထွင်သူများတွင် ၁၅ နှစ်ကျော် လုပ်ကိုင်ခဲ့သည်။ သူ၏ အာရုံစူးစိုက်မှုတွင် ဆိုက်ဘာလုံခြုံရေးဆိုင်ရာ လက်မှတ်ဖြင့် သက်သေပြထားသည့် ဝဘ်ဆိုက်လုံခြုံရေးလည်း ပါဝင်သည်။ ဤမတူကွဲပြားသော ကျွမ်းကျင်မှုသည် သူ၏ခေါင်းဆောင်မှုကို အထောက်အပံ့ဖြစ်စေသည်။ Website Rating.

WSR အဖွဲ့

"WSR Team" သည် နည်းပညာ၊ အင်တာနက်လုံခြုံရေး၊ ဒစ်ဂျစ်တယ်စျေးကွက်ရှာဖွေရေးနှင့် ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှုအတွက် အထူးပြုထားသော ကျွမ်းကျင်သူ အယ်ဒီတာများနှင့် စာရေးဆရာများစုပေါင်းအဖွဲ့ဖြစ်သည်။ ဒစ်ဂျစ်တယ်နယ်ပယ်ကို စိတ်အားထက်သန်စွာဖြင့် ၎င်းတို့သည် ကောင်းမွန်စွာ သုတေသနပြု၊ ထိုးထွင်းသိမြင်နိုင်သော၊ ရနိုင်သော အကြောင်းအရာများကို ထုတ်လုပ်ပါသည်။ ၎င်းတို့၏ ကတိကဝတ်များသည် တိကျမှုနှင့် ရှင်းလင်းပြတ်သားမှုကို ဖြစ်စေသည်။ Website Rating တက်ကြွသော ဒစ်ဂျစ်တယ်ကမ္ဘာတွင် အကြောင်းကြားရန် ယုံကြည်စိတ်ချရသော အရင်းအမြစ်တစ်ခု။

အသိပေးပါ။ ကျွန်ုပ်တို့၏သတင်းလွှာတွင်ပါဝင်ပါ။
ယခုစာရင်းသွင်းပြီး စာရင်းသွင်းသူသီးသန့်လမ်းညွှန်များ၊ ကိရိယာများနှင့် အရင်းအမြစ်များကို အခမဲ့ဝင်ရောက်ကြည့်ရှုလိုက်ပါ။
စာရင်းသွင်းမှုကို အချိန်မရွေး ဖြုတ်နိုင်သည်။ သင့်ဒေတာသည် လုံခြုံပါသည်။
အသိပေးပါ။ ကျွန်ုပ်တို့၏သတင်းလွှာတွင်ပါဝင်ပါ။
ယခုစာရင်းသွင်းပြီး စာရင်းသွင်းသူသီးသန့်လမ်းညွှန်များ၊ ကိရိယာများနှင့် အရင်းအမြစ်များကို အခမဲ့ဝင်ရောက်ကြည့်ရှုလိုက်ပါ။
စာရင်းသွင်းမှုကို အချိန်မရွေး ဖြုတ်နိုင်သည်။ သင့်ဒေတာသည် လုံခြုံပါသည်။
မျှဝေပါ...