HTML, CSS ਅਤੇ PHP: ਅਲਟੀਮੇਟ ਚੀਟ ਸ਼ੀਟ

📥 ਮੇਰੀ ਡਾ📥ਨਲੋਡ ਕਰੋ HTML, CSS ਅਤੇ PHP ਚੀਟਸ ਸ਼ੀਟ, ਇਹਨਾਂ ਤਿੰਨ ਕੋਡਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਸੰਬੰਧ ਵਿੱਚ ਜੋ ਕੁਝ ਤੁਹਾਨੂੰ ਜਾਨਣ ਅਤੇ ਯਾਦ ਰੱਖਣ ਦੀ ਜਰੂਰਤ ਹੈ ਉਸਨੂੰ ਪੂਰਾ ਕਰੋ.

• HTML ਕੀ ਹੈ?
• HTML5 ਉਦਾਹਰਣਾਂ (ਕੋਡ ਪਲੇਗਰਾਉਂਡ)
• 📥 HTML ਚੀਟਿੰਗ ਸ਼ੀਟ
• CSS ਕੀ ਹੈ?
• 📥 CSS ਚੀਟਿੰਗ ਸ਼ੀਟ
• ਪੀਐਚਪੀ ਕੀ ਹੈ?
• 📥 ਪੀਐਚਪੀ ਚੀਟ ਸ਼ੀਟ
• 📥 HTML CSS ਅਤੇ PHP ਚੀਟ ਸ਼ੀਟ

ਕੋਡਿੰਗ ਦੀ ਕਲਾ ਨੂੰ ਸਾਰੇ ਟੈਗਸ, ਸੰਟੈਕਸਸ, ਅਤੇ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਹੋਰ ਤੱਤ ਅਕਸਰ ਇਕ ਦੂਜੇ ਨਾਲ ਮਿਲਾਉਣ ਵਿਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਮੁਹਾਰਤ ਹਾਸਲ ਕਰਨ ਵਿਚ ਕਈਂ ਸਾਲ ਲੱਗ ਸਕਦੇ ਹਨ.

ਇੱਥੋਂ ਤੱਕ ਕਿ ਵਧੇਰੇ ਤਜਰਬੇਕਾਰ ਡਿਵੈਲਪਰ ਖਾਸ ਕੰਮਾਂ ਲਈ ਸਹੀ ਸੰਟੈਕਸ ਨੂੰ ਭੁੱਲਣ ਦੇ ਜਾਲ ਵਿੱਚ ਫਸ ਸਕਦੇ ਹਨ। ਇਸ ਤਰ੍ਹਾਂ, ਹੋਰ ਹਰੇ ਦੀ ਉਮੀਦ ਕਰਨਾ ਅਵਿਵਸਥਿਤ ਹੈ ਵੈੱਬ ਡਿਵੈਲਪਰ ਕਲਾ ਦੀ ਨਿਰਦੋਸ਼ ਸਮਝ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ.

ਇਹ ਇਸੇ ਲਈ ਹੈ HTML, CSS ਅਤੇ PHP ਲਈ ਠੱਗ ਸ਼ੀਟ ਬਹੁਤ ਲਾਭਦਾਇਕ ਹਨ, ਭਾਵੇਂ ਤੁਸੀਂ ਕਿੰਨੇ ਸਮੇਂ ਤੋਂ ਅਭਿਆਸ ਕਰ ਰਹੇ ਹੋ। ਇਹ ਸਹੀ ਕਮਾਂਡਾਂ ਅਤੇ ਸੰਟੈਕਸ ਲੱਭਣ ਲਈ ਇੱਕ ਤੇਜ਼ ਗਾਈਡ ਵਜੋਂ ਕੰਮ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਅਸਲ ਵੈੱਬ ਵਿਕਾਸ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰ ਸਕਦੇ ਹੋ।

ਹੇਠਾਂ, ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਕੋਡਿੰਗ ਯਤਨਾਂ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰਨ ਲਈ ਤੇਜ਼ ਰਿਫਰੈਸ਼ਰਾਂ ਤੋਂ ਪਹਿਲਾਂ ਦ੍ਰਿਸ਼ਟੀਗਤ ਝੁਕਾਅ ਵਾਲੀਆਂ ਚੀਟ ਸ਼ੀਟਾਂ ਮਿਲਣਗੀਆਂ। ਮੈਂ ਇਸਨੂੰ ਤੁਹਾਡੀ ਸਹੂਲਤ ਲਈ ਆਸਾਨੀ ਨਾਲ ਬੁੱਕਮਾਰਕ, ਸੁਰੱਖਿਅਤ ਜਾਂ ਪ੍ਰਿੰਟ ਕਰਨ ਲਈ ਵੀ ਬਣਾਇਆ ਹੈ।

HTML ਕੀ ਹੈ?

HTML ਦਾ ਅਰਥ ਹੈ ਹਾਈਪਰਟੈਕਸਟ ਮਾਰਕਅਪ ਲੈਂਗਵੇਜ - ਇੱਕ ਕੋਡ ਜੋ ਇੱਕ ਵੈਬ ਪੇਜ ਅਤੇ ਇਸਦੀ ਸਮੱਗਰੀ ਲਈ ਢਾਂਚਾ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।

ਇਹ ਮਾਰਕਅਪ ਭਾਸ਼ਾ ਵਿੱਚ ਤੱਤਾਂ ਦੀ ਇੱਕ ਲੜੀ ਸ਼ਾਮਲ ਹੈ ਜੋ ਸਮੱਗਰੀ ਨੂੰ ਵਿਖਾਈ ਦਿੰਦੀ ਹੈ ਜਾਂ ਕਿਸੇ ਖਾਸ ਤਰੀਕੇ ਨਾਲ ਕੰਮ ਕਰਦੀ ਹੈ ਅਤੇ ਹਰ ਵੈਬਸਾਈਟ ਦੇ ਫਰੰਟ-ਐਂਡ ਕੋਡ ਦਾ ਇੱਕ ਵੱਡਾ ਹਿੱਸਾ ਹੈ.

HTML ਵੈੱਬ ਪੰਨਿਆਂ ਦੇ describਾਂਚੇ ਦਾ ਵਰਣਨ ਕਰਨ ਵਾਲੀ ਭਾਸ਼ਾ ਹੈ ... HTML ਦੇ ਨਾਲ, ਲੇਖਕ ਮਾਰਕਅਪ ਦੀ ਵਰਤੋਂ ਕਰਦਿਆਂ ਪੰਨਿਆਂ ਦੀ ਬਣਤਰ ਦਾ ਵਰਣਨ ਕਰਦੇ ਹਨ. ਭਾਸ਼ਾ ਦੇ ਲੇਬਲ ਦੇ ਭਾਗਾਂ ਦੇ ਤੱਤ ਜਿਵੇਂ ਕਿ ਪੈਰਾ, ਸੂਚੀ, ਟੇਬਲ ਅਤੇ ਹੋਰ. - W3.org ਤੋਂ

ਉਦਾਹਰਣ ਦੇ ਲਈ, ਤੁਸੀਂ ਸਮਗਰੀ ਦੇ ਵੱਖ ਵੱਖ ਹਿੱਸਿਆਂ ਨੂੰ ਨੱਥੀ ਕਰ ਸਕਦੇ ਹੋ ਜਾਂ ਲਪੇਟ ਸਕਦੇ ਹੋ - ਜਿੱਥੇ ਨੱਥੀ ਕਰਨ ਵਾਲੇ ਟੈਗ ਕਿਸੇ ਸ਼ਬਦ ਜਾਂ ਚਿੱਤਰ ਨੂੰ ਦੂਜੇ ਪੰਨੇ 'ਤੇ ਹਾਈਪਰਲਿੰਕ ਬਣਾ ਸਕਦੇ ਹਨ. ਤੁਸੀਂ ਇਸ ਦੀ ਵਰਤੋਂ ਸ਼ਬਦਾਂ ਨੂੰ ਇਟਲੀਕੇਸਾਈਜ਼ ਕਰਨ ਲਈ ਅਤੇ ਫੋਂਟ ਨੂੰ ਹੋਰਾਂ ਤੋਂ ਵੱਡੇ ਜਾਂ ਛੋਟੇ ਬਣਾ ਸਕਦੇ ਹੋ.

ਕੇ ਦੇਖਿਆ ਸੀ W3, ਕੁਝ ਹੋਰ ਚੀਜ਼ਾਂ ਜੋ HTML ਤੁਹਾਨੂੰ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀਆਂ ਹਨ ਉਹਨਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:

• ਦੇ ਨਾਲ documentsਨਲਾਈਨ ਦਸਤਾਵੇਜ਼ ਪ੍ਰਕਾਸ਼ਤ ਸਿਰਲੇਖ, ਟੈਕਸਟ, ਟੇਬਲ, ਸੂਚੀ, ਫੋਟੋਆਂਆਦਿ
• ਦੁਆਰਾ ਇੱਕ ਬਟਨ ਦੇ ਕਲਿੱਕ ਤੇ onlineਨਲਾਈਨ ਜਾਣਕਾਰੀ ਪ੍ਰਾਪਤ ਕੀਤੀ ਜਾ ਰਹੀ ਹੈ ਹਾਈਪਰਟੈਕਸਟ ਲਿੰਕ.
• ਡਿਜ਼ਾਈਨਿੰਗ ਫਾਰਮ ਤੋਂ ਰਿਮੋਟ ਸੇਵਾਵਾਂ ਨਾਲ ਲੈਣ-ਦੇਣ ਕਰਨ ਲਈ ਜਾਣਕਾਰੀ ਦੀ ਭਾਲ ਕਰੋ, ਰਿਜ਼ਰਵੇਸ਼ਨ ਕਰੋ, ਜਾਂ ਉਤਪਾਦਾਂ ਦਾ ਆਰਡਰ ਕਰੋ, ਹੋਰ ਫੰਕਸ਼ਨ ਆਪਸ ਵਿੱਚ.
• ਸਮੇਤ ਸਪ੍ਰੈਡਸ਼ੀਟ, ਵੀਡੀਓ ਕਲਿੱਪ ਅਤੇ ਹੋਰ ਮੀਡੀਆ ਅਤੇ ਤੁਹਾਡੇ ਦਸਤਾਵੇਜ਼ਾਂ ਵਿਚ ਪਹਿਲਾਂ ਹੀ ਐਪਲੀਕੇਸ਼ਨ ਹਨ.

ਇਸ ਲਈ ਜੇ ਤੁਸੀਂ ਲਾਈਨ ਬਣਾਉਂਦੇ “ਮੇਰਾ ਕੁੱਤਾ ਬਹੁਤ ਪਿਆਰਾ ਹੈ” ਆਪਣੇ ਆਪ ਨਾਲ ਖੜੇ ਹੋਵੋ, ਤੁਸੀਂ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੇ ਹੋ ਕਿ ਇਹ ਪੈਰਾਗ੍ਰਾਫ ਹੈ ਇਸ ਨੂੰ ਪੈਰਾਗ੍ਰਾਫ ਟੈਗਸ ਵਿਚ ਜੋੜ ਕੇ (ਇਸ ਤੋਂ ਬਾਅਦ ਵਿਚ ਹੋਰ), ਜੋ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਣਗੇ: ਮੇਰਾ ਕੁੱਤਾ ਬਹੁਤ ਪਿਆਰਾ ਹੈ

HTML ਅਤੇ HTML5 ਵਿੱਚ ਕੀ ਅੰਤਰ ਹੈ?

ਹੋਣ ਦੇ ਨਾਤੇ ਨਾਮ ਸੁਝਾਅ, HTML5 HTML ਸਟੈਂਡਰਡ ਦਾ ਪੰਜਵਾਂ ਸੰਸਕਰਣ ਹੈ. ਇਹ ਭਾਸ਼ਾ ਵਿਚ ਵੀਡੀਓ ਅਤੇ ਆਡੀਓ ਦੇ ਏਕੀਕਰਣ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਜੋ ਤੀਜੀ ਧਿਰ ਪਲੱਗਇਨ ਅਤੇ ਤੱਤ ਦੀ ਲੋੜ ਨੂੰ ਘਟਾਉਂਦਾ ਹੈ.

ਹੇਠਾਂ HTML ਅਤੇ HTML5 ਦੇ ਵਿਚਕਾਰ ਮੁੱਖ ਅੰਤਰ ਹਨ:

ਇਸ ਤੋਂ ਇਲਾਵਾ, HTML ਦੇ ਬਹੁਤ ਸਾਰੇ ਤੱਤ ਹਨ ਜੋ ਜਾਂ ਤਾਂ ਸੰਸ਼ੋਧਿਤ ਕੀਤੇ ਗਏ ਹਨ ਜਾਂ HTML5 ਤੋਂ ਹਟਾ ਦਿੱਤੇ ਗਏ ਹਨ. ਇਨ੍ਹਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:

• - ਨੂੰ ਤਬਦੀਲ
• - ਨੂੰ ਤਬਦੀਲ
• - ਨੂੰ ਤਬਦੀਲ
• - ਹਟਾਇਆ
• - ਹਟਾਇਆ
• - ਹਟਾਇਆ
• - ਕੋਈ ਨਵਾਂ ਟੈਗ ਨਹੀਂ. CSS ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ.
• - ਕੋਈ ਨਵਾਂ ਟੈਗ ਨਹੀਂ. CSS ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ.
• - ਕੋਈ ਨਵਾਂ ਟੈਗ ਨਹੀਂ. CSS ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ.
• - ਕੋਈ ਨਵਾਂ ਟੈਗ ਨਹੀਂ. CSS ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ.
• - ਕੋਈ ਨਵਾਂ ਟੈਗ ਨਹੀਂ. CSS ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ.

ਇਸ ਦੌਰਾਨ, HTML5 ਵਿਚ ਬਹੁਤ ਸਾਰੇ ਨਵੇਂ ਸ਼ਾਮਲ ਕੀਤੇ ਤੱਤ ਵੀ ਸ਼ਾਮਲ ਹਨ. ਇਨ੍ਹਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:

HTML5 ਉਦਾਹਰਣਾਂ (ਕੋਡ ਪਲੇਗਰਾਉਂਡ)

ਅਰਥਵਾਦੀ ructureਾਂਚੇ ਦੀਆਂ ਉਦਾਹਰਣਾਂ

In HTML5 ਕੁਝ ਅਰਥ-ਵਿਵਸਥਾ ਵਾਲੇ ਤੱਤ ਹਨ ਜੋ ਇੱਕ ਵੈਬ ਪੇਜ ਦੇ ਵੱਖ-ਵੱਖ ਹਿੱਸਿਆਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਵਰਤੇ ਜਾ ਸਕਦੇ ਹਨ। ਇੱਥੇ ਸਭ ਤੋਂ ਆਮ ਹਨ:

<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>

ਮੁ Textਲੇ ਟੈਕਸਟ ਫਾਰਮੈਟਿੰਗ ਦੀਆਂ ਉਦਾਹਰਣਾਂ

<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>

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

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

<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>

<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 ਚੀਟ ਸ਼ੀਟ

ਭਾਵੇਂ ਤੁਸੀਂ ਇੱਕ ਤਜਰਬੇਕਾਰ ਡਿਵੈਲਪਰ ਹੋ ਜਾਂ ਕੋਈ ਅਜਿਹਾ ਵਿਅਕਤੀ ਜੋ ਉਦਯੋਗ ਵਿੱਚ ਆਪਣੇ ਪੈਰ ਗਿੱਲੇ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਿਹਾ ਹੈ, ਇਹ ਹਮੇਸ਼ਾਂ ਮਦਦ ਕਰਦਾ ਹੈ HTML ਫਾਰਮੈਟਿੰਗ ਚੀਟ ਸ਼ੀਟ ਸੌਖਾ ਅਤੇ ਮੈਂ ਇੱਕ ਅਜਿਹਾ ਡਿਜ਼ਾਇਨ ਕੀਤਾ ਹੈ ਜੋ ਹਰ ਕਦਮ 'ਤੇ ਤੁਹਾਡੀ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ।

HTML ਚੀਟਿੰਗ ਸ਼ੀਟ ਡਾਉਨਲੋਡ ਕਰੋ

CSS ਕੀ ਹੈ?

ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਾਂ ਜਾਂ CSS ਦੱਸਦਾ ਹੈ ਕਿ HTML ਐਲੀਮੈਂਟਸ ਨੂੰ ਸਕ੍ਰੀਨ ਤੇ ਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇਗਾ। ਕਿਉਂਕਿ ਇਹ ਇੱਕੋ ਸਮੇਂ ਕਈ ਪੰਨਿਆਂ ਦੇ ਖਾਕੇ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰ ਸਕਦਾ ਹੈ, ਇਹ ਤੁਹਾਡਾ ਬਹੁਤ ਸਾਰਾ ਸਮਾਂ ਅਤੇ ਮਿਹਨਤ ਬਚਾ ਸਕਦਾ ਹੈ।

CSS, ਵੈਬ ਪੇਜਾਂ ਦੀ ਪੇਸ਼ਕਾਰੀ ਦੇ ਵਰਣਨ ਲਈ ਭਾਸ਼ਾ ਹੈ, ਰੰਗਾਂ, ਲੇਆਉਟ ਅਤੇ ਫੋਂਟਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਦੇ ਹੋਏ. ਇਹ ਵਿਅਕਤੀ ਨੂੰ ਪੇਸ਼ਕਾਰੀ ਨੂੰ ਵੱਖ ਵੱਖ ਕਿਸਮਾਂ ਦੇ ਉਪਕਰਣਾਂ, ਜਿਵੇਂ ਕਿ ਵੱਡੀਆਂ ਸਕ੍ਰੀਨਾਂ, ਛੋਟੀਆਂ ਸਕ੍ਰੀਨਾਂ, ਜਾਂ ਪ੍ਰਿੰਟਰਾਂ ਨਾਲ aptਾਲਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ. - W3.org ਤੋਂ

HTML ਅਤੇ CSS ਵਿਚਕਾਰ ਕੀ ਅੰਤਰ ਹੈ?

ਜਦੋਂ ਕਿ HTML ਅਤੇ CSS ਦੋਵੇਂ ਵੈਬ ਪੇਜਾਂ ਅਤੇ ਐਪਲੀਕੇਸ਼ਨਾਂ ਬਣਾਉਣ ਲਈ ਵਰਤੀਆਂ ਜਾਂਦੀਆਂ ਭਾਸ਼ਾਵਾਂ ਹਨ, ਉਨ੍ਹਾਂ ਦੇ ਵੱਖ-ਵੱਖ ਕਾਰਜ ਹਨ.

HTML ਉਹ ਹੈ ਜੋ ਤੁਸੀਂ structureਾਂਚੇ ਅਤੇ ਸਮੱਗਰੀ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਵਰਤਦੇ ਹੋ ਜੋ ਵੈਬਪੰਨੇ ਤੇ ਪ੍ਰਦਰਸ਼ਤ ਕੀਤੀ ਜਾਏਗੀ.

CSS, ਦੂਜੇ ਪਾਸੇ, ਦੀ ਸੋਧ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਵੈੱਬ ਡੀਜ਼ਾਈਨ ਵੈਬਪੰਨੇ ਤੇ HTML ਤੱਤਾਂ ਦਾ (ਲੇਆਉਟ, ਵਿਜ਼ੂਅਲ ਇਫੈਕਟਸ ਅਤੇ ਬੈਕਗ੍ਰਾਉਂਡ ਰੰਗ ਸਮੇਤ).

HTML HTMLਾਂਚਾ ਅਤੇ ਸਮਗਰੀ ਬਣਾਉਂਦਾ ਹੈ, CSS ਡਿਜ਼ਾਇਨ ਜਾਂ ਸ਼ੈਲੀ ਕਰਦਾ ਹੈ. ਮਿਲ ਕੇ, HTML ਅਤੇ CSS ਇੱਕ ਵੈੱਬਪੇਜ ਇੰਟਰਫੇਸ ਬਣਾਉਂਦੇ ਹਨ.

CSS ਸਿੰਟੈਕਸ ਕੀ ਹੈ?

CSS ਸਿੰਟੈਕਸ ਇੱਕ ਚੋਣਕਾਰ ਅਤੇ ਇੱਕ ਘੋਸ਼ਣਾ ਬਲਾਕ ਤੋਂ ਬਣਿਆ ਹੁੰਦਾ ਹੈ.

ਚੋਣਕਾਰ HTML ਐਲੀਮੈਂਟ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਲਈ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਜਦੋਂ ਕਿ ਘੋਸ਼ਣਾ ਬਲਾਕ ਵਿੱਚ ਇੱਕ ਜਾਂ ਵਧੇਰੇ ਘੋਸ਼ਣਾਵਾਂ ਜਾਂ CSS ਦੇ ਜੋੜਾ ਇੱਕ ਜਾਇਦਾਦ ਦਾ ਨਾਮ ਅਤੇ ਉਹਨਾਂ ਵਿਚਕਾਰ ਇੱਕ ਕੋਲਨ ਦੇ ਨਾਲ ਇੱਕ ਮੁੱਲ ਹੁੰਦੇ ਹਨ.

ਘੋਸ਼ਣਾਵਾਂ ਨੂੰ ਅਰਧ-ਭਾਸ਼ਣਾਂ ਦੁਆਰਾ ਵੱਖ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਘੋਸ਼ਣਾ ਬਲਾਕ ਹਮੇਸ਼ਾਂ ਕਰਲੀ ਬਰੇਸਾਂ ਨਾਲ ਜੁੜੇ ਹੁੰਦੇ ਹਨ.

ਉਦਾਹਰਣ ਦੇ ਲਈ, ਜੇ ਤੁਸੀਂ ਆਪਣੇ ਸਿਰਲੇਖ 1 ਦੇ looksੰਗ ਨੂੰ ਬਦਲਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਡਾ CSS ਸੰਟੈਕਸ ਇਸ ਤਰਾਂ ਦਿਖਾਈ ਦੇਵੇਗਾ: h1 {ਰੰਗ: ਲਾਲ; ਫੋਂਟ-ਅਕਾਰ: 16pc;

ਮੁਕੰਮਲ CSS ਚੀਟਿੰਗ ਸ਼ੀਟ

CSS ਵਰਤਣ ਲਈ ਕਾਫ਼ੀ ਆਸਾਨ ਹੈ. ਚੁਣੌਤੀ ਇਹ ਹੈ ਕਿ ਬਹੁਤ ਸਾਰੇ ਚੋਣਕਾਰ ਅਤੇ ਘੋਸ਼ਣਾਵਾਂ ਹਨ ਕਿ ਉਨ੍ਹਾਂ ਸਾਰਿਆਂ ਨੂੰ ਯਾਦ ਰੱਖਣਾ ਅਸੰਭਵ ਨਹੀਂ ਤਾਂ ਮੁਸ਼ਕਲ ਹੈ। ਹਾਲਾਂਕਿ, ਤੁਹਾਨੂੰ ਉਹਨਾਂ ਨੂੰ ਯਾਦ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।

ਇੱਥੇ ਇੱਕ ਹੈ CSS ਅਤੇ CSS3 ਲਈ ਠੱਗ ਸ਼ੀਟ ਕਿ ਤੁਸੀਂ ਕਦੇ ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ.

CSS ਚੀਟਿੰਗ ਸ਼ੀਟ ਡਾਉਨਲੋਡ ਕਰੋ

ਪੀਐਚਪੀ ਕੀ ਹੈ?

ਪੀਐਚਪੀ ਹਾਈਪਰਟੈਕਸਟ ਪ੍ਰੀਪ੍ਰੋਸੈਸਸਰ ਦਾ ਸੰਕਰਮਣ ਹੈ, ਇੱਕ ਪ੍ਰਸਿੱਧ ਓਪਨ ਸੋਰਸ, ਐਚਟੀਐਮਐਲ-ਏਮਬੇਡਡ ਸਕ੍ਰਿਪਟਿੰਗ ਭਾਸ਼ਾ ਗਤੀਸ਼ੀਲ ਵੈਬਸਾਈਟਾਂ, ਵੈਬ ਐਪਲੀਕੇਸ਼ਨਾਂ ਜਾਂ ਸਥਿਰ ਵੈਬਸਾਈਟਾਂ ਦੇ ਵਿਕਾਸ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ.

ਕਿਉਕਿ ਪੀਐਚਪੀ ਇੱਕ ਸਰਵਰ-ਸਾਈਡ ਭਾਸ਼ਾ ਹੈ, ਇਸ ਦੀਆਂ ਸਕ੍ਰਿਪਟਾਂ ਸਰਵਰ ਤੇ ਲਾਗੂ ਕੀਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ (ਬ੍ਰਾ .ਜ਼ਰ ਵਿੱਚ ਨਹੀਂ), ਅਤੇ ਇਸਦੇ ਆਉਟਪੁੱਟ ਬਰਾ theਜ਼ਰ ਤੇ ਇੱਕ ਸਾਦਾ HTML ਹੈ.

ਪੀਐਚਪੀ ਇੱਕ ਵਿਆਪਕ ਤੌਰ ਤੇ ਵਰਤੀ ਜਾਂਦੀ ਓਪਨ ਸੋਰਸ ਆਮ ਮਕਸਦ ਵਾਲੀ ਸਕ੍ਰਿਪਟਿੰਗ ਭਾਸ਼ਾ ਹੈ ਜੋ ਵਿਸ਼ੇਸ਼ ਤੌਰ ਤੇ ਵੈਬ ਵਿਕਾਸ ਲਈ ਅਨੁਕੂਲ ਹੈ ਅਤੇ HTML ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ. - PHP.net ਤੋਂ

ਇਹ ਸਰਵਰ-ਸਾਈਡ ਸਕ੍ਰਿਪਟਿੰਗ ਭਾਸ਼ਾ ਵਿੰਡੋਜ਼, ਮੈਕ ਓਐਸ, ਲੀਨਕਸ ਅਤੇ ਯੂਨਿਕਸ ਸਮੇਤ ਕਈ ਤਰ੍ਹਾਂ ਦੇ ਓਪਰੇਟਿੰਗ ਸਿਸਟਮਾਂ 'ਤੇ ਚੱਲਦੀ ਹੈ। ਇਹ ਜ਼ਿਆਦਾਤਰ ਸਰਵਰਾਂ ਜਿਵੇਂ ਕਿ ਅਪਾਚੇ ਅਤੇ IIS ਨਾਲ ਵੀ ਅਨੁਕੂਲ ਹੈ।

ਏਐਸਪੀ ਅਤੇ ਜੇਐਸਪੀ ਵਰਗੀਆਂ ਹੋਰ ਭਾਸ਼ਾਵਾਂ ਦੇ ਮੁਕਾਬਲੇ, ਪੀਐਚਪੀ ਸ਼ੁਰੂਆਤ ਕਰਨ ਵਾਲਿਆਂ ਲਈ ਸਿੱਖਣਾ ਆਸਾਨ ਹੈ. ਪੀਐਚਪੀ ਬਹੁਤ ਸਾਰੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਪੇਸ਼ਕਸ਼ ਵੀ ਕਰਦਾ ਹੈ ਜਿਸਦੀ ਉੱਨਤ-ਪੱਧਰ ਦੇ ਵਿਕਾਸ ਕਰਨ ਵਾਲਿਆਂ ਨੂੰ ਲੋੜ ਹੁੰਦੀ ਹੈ.

PHP ਅਤੇ HTML ਦੇ ਵਿਚਕਾਰ ਕੀ ਅੰਤਰ ਹੈ?

ਹਾਲਾਂਕਿ ਦੋਵੇਂ ਭਾਸ਼ਾਵਾਂ ਮਹੱਤਵਪੂਰਨ ਹਨ ਵੈੱਬ ਵਿਕਾਸ, PHP ਅਤੇ HTML ਕਈ ਤਰੀਕਿਆਂ ਨਾਲ ਭਿੰਨ ਹਨ.

ਦੋਵਾਂ ਭਾਸ਼ਾਵਾਂ ਦੀ ਵਰਤੋਂ ਵਿਚ ਮਹੱਤਵਪੂਰਨ ਅੰਤਰ ਹੈ.

HTML ਦੀ ਵਰਤੋਂ ਕਲਾਇੰਟ-ਸਾਈਡ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ (ਜਾਂ ਫਰੰਟ-ਐਂਡ) ਵਿਕਾਸ, ਜਦਕਿ ਪੀਐਚਪੀ ਸਰਵਰ-ਸਾਈਡ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ ਵਿਕਾਸ.

ਐਚਟੀਐਮਐਲ ਉਹ ਭਾਸ਼ਾਈ ਡਿਵੈਲਪਰ ਹੈ ਜੋ ਕਿਸੇ ਵੈਬਸਾਈਟ ਤੇ ਸਮਗਰੀ ਨੂੰ ਸੰਗਠਿਤ ਕਰਨ ਲਈ ਵਰਤਦੇ ਹਨ, ਜਿਵੇਂ ਕਿ ਟੈਕਸਟ, ਚਿੱਤਰ, ਟੇਬਲ ਅਤੇ ਹਾਈਪਰਲਿੰਕਸ ਸ਼ਾਮਲ ਕਰਨਾ, ਟੈਕਸਟ ਨੂੰ ਫਾਰਮੈਟ ਕਰਨਾ, ਅਤੇ ਰੰਗ ਨਿਰਧਾਰਤ ਕਰਨਾ.

ਇਸ ਦੌਰਾਨ, ਪੀਐਚਪੀ ਦੀ ਵਰਤੋਂ ਡੇਟਾਬੇਸ ਤੋਂ ਡੇਟਾ ਨੂੰ ਸਟੋਰ ਕਰਨ ਅਤੇ ਪ੍ਰਾਪਤ ਕਰਨ, ਲਾਜ਼ੀਕਲ ਕਾਰਵਾਈਆਂ ਕਰਨ, ਈਮੇਲਾਂ ਨੂੰ ਭੇਜਣ ਅਤੇ ਜਵਾਬ ਦੇਣ, ਫਾਈਲਾਂ ਨੂੰ ਅਪਲੋਡ ਕਰਨ ਅਤੇ ਡਾ downloadਨਲੋਡ ਕਰਨ, ਡੈਸਕਟੌਪ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿਕਸਿਤ ਕਰਨ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ.

ਕੋਡ ਕਿਸਮ ਦੇ ਸੰਦਰਭ ਵਿੱਚ, HTML ਸਥਿਰ ਹੈ ਜਦੋਂ ਕਿ ਪੀਐਚਪੀ ਗਤੀਸ਼ੀਲ ਹੈ. ਇੱਕ HTML ਕੋਡ ਹਰ ਵਾਰ ਖੋਲ੍ਹਣ 'ਤੇ ਹਮੇਸ਼ਾ ਇੱਕੋ ਜਿਹਾ ਹੁੰਦਾ ਹੈ, ਜਦੋਂ ਕਿ PHP ਨਤੀਜੇ ਉਪਭੋਗਤਾ ਦੇ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਆਧਾਰ 'ਤੇ ਵੱਖ-ਵੱਖ ਹੁੰਦੇ ਹਨ।

ਨਵੇਂ ਡਿਵੈਲਪਰਾਂ ਲਈ, ਦੋਵੇਂ ਭਾਸ਼ਾਵਾਂ ਸਿੱਖਣੀਆਂ ਆਸਾਨ ਹਨ, ਹਾਲਾਂਕਿ ਸਿੱਖਣ ਦਾ ਵਕਰ PHP ਨਾਲੋਂ HTML ਨਾਲੋਂ ਛੋਟਾ ਹੈ.

ਸੰਪੂਰਨ PHP ਚੀਟ ਸ਼ੀਟ

ਜੇ ਤੁਸੀਂ ਇੱਕ ਨਵੇਂ ਪ੍ਰੋਗਰਾਮਰ ਹੋ ਜੋ PHP ਵਿੱਚ ਵਧੇਰੇ ਨਿਪੁੰਨ ਹੋਣਾ ਚਾਹੁੰਦਾ ਹੈ ਜਾਂ ਇਸ ਬਾਰੇ ਆਪਣੇ ਗਿਆਨ ਨੂੰ ਵਧਾਉਣਾ ਚਾਹੁੰਦਾ ਹੈ, ਤਾਂ ਇੱਥੇ ਇੱਕ ਹੈ ਪੀਐਚਪੀ ਠੱਗ ਸ਼ੀਟ ਤੁਸੀਂ ਜਲਦੀ ਵੇਖ ਸਕਦੇ ਹੋ.

ਇਸ ਚੀਟ ਸ਼ੀਟ ਵਿੱਚ ਪੀਐਚਪੀ ਫੰਕਸ਼ਨ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ - ਜੋ ਕਿ ਵਿਆਪਕ ਤੌਰ ਤੇ ਵਰਤੇ ਜਾਂਦੇ ਕੋਡਾਂ ਲਈ ਸ਼ਾਰਟਕੱਟ ਹਨ - ਜੋ ਸਕ੍ਰਿਪਟਿੰਗ ਭਾਸ਼ਾ ਵਿੱਚ ਬਣੇ ਹਨ.

ਪੀਐਚਪੀ ਚੀਟ ਸ਼ੀਟ ਡਾਉਨਲੋਡ ਕਰੋ

ਅਖੀਰ HTML, CSS ਅਤੇ PHP ਚੀਟਿੰਗ ਸ਼ੀਟ

ਭਾਵੇਂ ਤੁਸੀਂ ਇੱਕ ਤਜਰਬੇਕਾਰ ਡਿਵੈਲਪਰ ਹੋ ਜਾਂ ਕੋਈ ਕੋਡਿੰਗ ਸ਼ੁਰੂ ਕਰ ਰਿਹਾ ਹੈ, ਇਹ ਬਹੁਤ ਵਧੀਆ ਹੈ ਕਿ ਤੁਸੀਂ ਕਦੇ ਵੀ ਸੰਦਰਭ ਲਈ ਵਾਪਸ ਆ ਸਕਦੇ ਹੋ ਜਾਂ ਆਪਣੀ ਯਾਦਦਾਸ਼ਤ ਨੂੰ ਤਾਜ਼ਾ ਕਰ ਸਕਦੇ ਹੋ।

ਅਤੇ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਇਕ ਤੋਹਫ਼ੇ ਵਜੋਂ ਜੋ ਇਸ ਵਿਚਾਲੇ ਘੁੰਮਦੇ ਹਨ HTML, CSS ਅਤੇ PHP, ਇੱਥੇ ਇੱਕ ਅਖੀਰਲੀ ਚੀਟ ਸ਼ੀਟ ਹੈ, ਇਹਨਾਂ ਤਿੰਨ ਕੋਡਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਸੰਬੰਧ ਵਿੱਚ ਜੋ ਕੁਝ ਤੁਹਾਨੂੰ ਜਾਨਣ ਅਤੇ ਯਾਦ ਰੱਖਣ ਦੀ ਜਰੂਰਤ ਹੈ ਉਸਨੂੰ ਪੂਰਾ ਕਰੋ:

ਸਾਂਝੇ HTML, CSS ਅਤੇ PHP ਚੀਟਿੰਗ ਸ਼ੀਟ ਡਾਉਨਲੋਡ ਕਰੋ