ایچ ٹی ایم ایل ، سی ایس ایس اور پی ایچ پی: حتمی دھوکہ دہی کی شیٹ

📥 میرا ڈاؤن لوڈ کریں ایچ ٹی ایم ایل ، سی ایس ایس اور پی ایچ پی کی دھوکہ دہی کی چادریں، ان تینوں کوڈنگ زبانوں کے بارے میں جاننے اور یاد رکھنے کی ہر ضرورت کے ساتھ مکمل کریں۔

• ایچ ٹی ایم ایل کیا ہے؟
• HTML5 مثالوں (کوڈ پلے گراؤنڈ)
• 📥 HTML دھوکہ دہی کی شیٹ
• سی ایس ایس کیا ہے؟
• 📥 CSS دھوکہ دہی کی شیٹ
• پی ایچ پی کیا ہے؟
• 📥 پی ایچ پی کی دھوکہ دہی کی شیٹ
• 📥 HTML سی ایس ایس اور پی ایچ پی کی دھوکہ دہی کی شیٹ

کوڈنگ کے فن میں تمام ٹیگس ، نحو ، اور پروگرامنگ زبانوں کی دیگر عناصر کو اکثر آپس میں جوڑنے میں پوری طرح مہارت حاصل کرنے میں برسوں لگ سکتے ہیں۔

یہاں تک کہ زیادہ تجربہ کار ڈویلپر مخصوص کاموں کے لیے صحیح نحو کو بھولنے کے جال میں پھنس سکتے ہیں۔ اس طرح، مزید سبز کی توقع کرنا غیر حقیقی ہے۔ ویب ڈویلپرز فن کی بے عیب گرفت حاصل کرنے کے لیے

یہ کیوں ہے HTML ، CSS ، اور پی ایچ پی کیلئے شیٹس کو دھوکہ دیں قطع نظر اس سے قطع نظر کہ آپ کتنے عرصے سے مشق کررہے ہیں۔ یہ صحیح احکامات اور نحو کو تلاش کرنے کے لئے ایک فوری رہنما کے طور پر کام کرتا ہے ، جس سے آپ کو حقیقی ویب ترقی پر توجہ دینے کی اجازت ملتی ہے۔

ذیل میں ، آپ کو کوڈنگ کوششوں میں آپ کی مدد کرنے کے لئے فوری ریفریشروں کے بعد ضعف مائل دھوکہ دہی کی چادریں ملیں گی۔ میں نے آپ کی سہولت کے ل easily اسے آسانی سے بُک مارک ، محفوظ ، یا طباعت شدہ بنادیا ہے۔

ایچ ٹی ایم ایل کیا ہے؟

ایچ ٹی ایم ایل کا مطلب ہائپر ٹیکسٹ مارک اپ لینگویج ہے - ایک ایسا کوڈ جس کا استعمال ویب پیج اور اس کے مشمولات کے لئے ڈھانچہ تیار کرنے کے لئے ہوتا ہے۔

اس مارک اپ زبان میں عناصر کی ایک سیریز پر مشتمل ہے جو مواد کو ظاہر کرنے یا کسی خاص طریقے سے کام کرنے کے لئے استعمال ہوتا تھا اور ہر ویب سائٹ کے فرنٹ اینڈ کوڈ کا ایک اہم حصہ ہوتا ہے۔

ایچ ٹی ایم ایل ویب صفحات کی ساخت بیان کرنے کے لئے زبان ہے… HTML کے ساتھ ، مصنف مارک اپ کے استعمال سے صفحات کی ساخت کو بیان کرتے ہیں۔ زبان کے لیبل کے اجزاء کے عنصر جیسے پیراگراف ، فہرست ، ٹیبل ، اور اسی طرح کے۔ - W3.org سے

مثال کے طور پر ، آپ مشمولات کے مختلف حصوں کو منسلک یا لپیٹ سکتے ہیں - جہاں منسلک ٹیگس کسی صفحے یا الفاظ کو تصویری ہائپر لنک کرسکتے ہیں۔ آپ اسے دوسرے الفاظ میں بھی الفاظ کو چھوٹا کرنے اور فونٹ کو بڑا یا چھوٹا بنانے کے ل use استعمال کرسکتے ہیں۔

کی طرف سے بیان کیا گیا ہے W3، HTML کو آپ کی اجازت دیتا ہے کہ کچھ دوسری چیزوں میں شامل ہیں:

• کے ساتھ آن لائن دستاویزات کی اشاعت عنوانات ، متن ، میزیں ، فہرستیں ، تصاویر، وغیرہ
• بٹن کے توسط سے آن لائن معلومات کو بازیافت کرنا ہائپر ٹیکسٹ لنکس.
• ڈیزائن فارم دور دراز خدمات سے لین دین کرنے کے ل. معلومات کے لئے تلاش کریں ، تحفظات بنائیں ، یا مصنوعات کا آرڈر دیں، دوسرے کاموں کے علاوہ۔
• سمیت اسپریڈشیٹ ، ویڈیو کلپس ، اور دیگر میڈیا اور آپ کی دستاویزات میں موجود ایپلیکیشنز۔

لہذا اگر آپ لائن بناتے تھے "میرا کتا بہت پیارا ہے" خود ہی کھڑے ہو ، آپ یہ واضح کرسکتے ہو کہ پیراگراف ہے اس کو پیراگراف ٹیگز میں بند کرکے (مزید اس کے بعد) ، جس کی طرح نظر آئے گی: میرا کتا بہت پیارا ہے

HTML اور HTML5 میں کیا فرق ہے؟

، نام سے پتہ چلتا ہے HTML5 HTML معیار کا پانچواں ورژن ہے. یہ زبان میں ویڈیو اور آڈیو کے انضمام کی حمایت کرتا ہے ، جو تھرڈ پارٹی پلگ ان اور عناصر کی ضرورت کو کم کرتا ہے۔

ذیل میں HTML اور HTML5 کے مابین اہم اختلافات ہیں۔

اضافی طور پر ، HTML کے بہت سے ایسے عناصر موجود ہیں جن میں یا تو ترمیم کی گئی ہے یا HTML5 سے ہٹا دیا گیا ہے۔ یہ شامل ہیں:

• - میں تبدیل
• - میں تبدیل
• - میں تبدیل
• - ہٹا دیا گیا
• - ہٹا دیا گیا
• - ہٹا دیا گیا
• - کوئی نیا ٹیگ نہیں۔ سی ایس ایس کا استعمال کرتا ہے۔
• - کوئی نیا ٹیگ نہیں۔ سی ایس ایس کا استعمال کرتا ہے۔
• - کوئی نیا ٹیگ نہیں۔ سی ایس ایس کا استعمال کرتا ہے۔
• - کوئی نیا ٹیگ نہیں۔ سی ایس ایس کا استعمال کرتا ہے۔
• - کوئی نیا ٹیگ نہیں۔ سی ایس ایس کا استعمال کرتا ہے۔

دریں اثنا ، HTML5 میں متعدد نئے شامل عناصر بھی شامل ہیں۔ یہ شامل ہیں:

HTML5 مثالوں (کوڈ پلے گراؤنڈ)

سنیمک ساخت کی مثالیں

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>

بنیادی متن کی شکل دینے کی مثالوں

<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 عناصر کو اسکرین پر کس طرح ظاہر کیا جائے گا کی وضاحت کرتا ہے۔ چونکہ یہ ایک ہی وقت میں متعدد صفحات کی ترتیبوں کو کنٹرول کرسکتا ہے ، لہذا یہ آپ کو بہت زیادہ وقت اور کوشش بچا سکتا ہے۔

سی ایس ایس ویب صفحات کی پیش کش کو بیان کرنے کے لئے زبان ہے ، جس میں رنگ ، ترتیب اور فونٹ شامل ہیں۔ اس سے کسی کو پریزنٹیشن کو مختلف قسم کے آلات ، جیسے بڑی اسکرینز ، چھوٹی اسکرینوں یا پرنٹرز کے ساتھ ڈھالنے کی سہولت ملتی ہے۔ - W3.org سے

HTML اور CSS کے مابین کیا فرق ہے؟

جبکہ HTML اور CSS دونوں زبانیں ہیں جو ویب صفحات اور ایپلی کیشنز کی تعمیر کے لئے استعمال ہوتی ہیں ، ان کے مختلف کام ہوتے ہیں۔

ایچ ٹی ایم ایل وہی چیز ہے جو آپ ڈھانچے اور اس مواد کو جو ویب پیج پر دکھائے جائیں گے۔

دوسری طرف ، سی ایس ایس کو ترمیم کے لئے استعمال کیا جاتا ہے ویب ڈیزائن ویب پیج پر HTML عناصر (جس میں ترتیب ، بصری اثرات اور پس منظر کا رنگ بھی شامل ہے) شامل ہیں۔

ایچ ٹی ایم ایل ساخت اور مواد تخلیق کرتا ہے ، سی ایس ایس ڈیزائن یا اسٹائل کرتا ہے۔ ایک ساتھ ، HTML اور CSS ویب پیج انٹرفیس بناتے ہیں۔

سی ایس ایس کا نحو کیا ہے؟

سی ایس ایس نحو ایک سلیکٹر اور اعلامیہ بلاک سے بنا ہوتا ہے۔

سلیکٹر ایچ ٹی ایم ایل عنصر کو اسٹائل کرنے کا تعین کرتا ہے جبکہ اعلامیہ بلاک میں ایک یا زیادہ اعلامیہ یا سی ایس ایس کے جوڑے ایک پراپرٹی کا نام اور ان کے مابین بڑی آنت کے ساتھ ایک قدر ہوتے ہیں۔

اعلامیے سیمکالون کے ذریعہ الگ کردیئے جاتے ہیں اور اعلامیے کے بلاکس ہمیشہ گھوبگھرالی منحنی خطوط وحدانی میں منسلک ہوتے ہیں۔

مثال کے طور پر ، اگر آپ اپنی سرخی 1 کے انداز کو تبدیل کرنا چاہتے ہیں تو ، آپ کا سی ایس ایس ترکیب کچھ اس طرح نظر آئے گا: h1 {رنگ: سرخ؛ فونٹ سائز: 16pc؛

مکمل سی ایس ایس دھوکہ دہی شیٹ

سی ایس ایس استعمال میں کافی آسان ہے۔ چیلنج یہ ہے کہ یہاں بہت سارے سلیکٹرز اور اعلامیے موجود ہیں کہ ان سب کو یاد رکھنا مشکل ہے اگر ناممکن نہیں ہے۔ اگرچہ ، آپ کو انھیں حفظ کرنے کی ضرورت نہیں ہے۔

یہاں ایک ہے CSS اور CSS3 کے لئے شیٹ کو دھوکہ دیں جو آپ کبھی بھی استعمال کرسکتے ہیں۔

سی ایس ایس دھوکہ دہی شیٹ ڈاؤن لوڈ کریں

پی ایچ پی کیا ہے؟

پی ایچ پی ہائپر ٹیکسٹ پری پروسیسر کا مخفف ہے، ایک مقبول اوپن سورس ، ایچ ٹی ایم ایل ایمبیڈڈ اسکرپٹنگ لینگوئج کو متحرک ویب سائٹ ، ویب ایپلیکیشنز ، یا جامد ویب سائٹوں کی ترقی کے لئے استعمال کیا جاتا ہے۔

چونکہ پی ایچ پی سرور کی طرف کی زبان ہے، اس کے اسکرپٹ سرور پر چلائے جاتے ہیں (براؤزر میں نہیں) ، اور اس کا آؤٹ پٹ براؤزر پر ایک سیدھا HTML ہے۔

پی ایچ پی ایک وسیع پیمانے پر استعمال شدہ اوپن سورس عام مقصد کے اسکرپٹنگ زبان ہے جو خاص طور پر ویب ڈویلپمنٹ کے لئے موزوں ہے اور HTML میں سرایت کر سکتی ہے۔ - پی ایچ پی ڈاٹ نیٹ سے

یہ سرور سائیڈ اسکرپٹنگ زبان ونڈوز ، میک او ایس ، لینکس ، اور یونکس سمیت متعدد آپریٹنگ سسٹم پر چلتی ہے۔ یہ بیشتر سروروں جیسے اپاچی اور IIS کے ساتھ بھی مطابقت رکھتا ہے۔

اے ایس پی اور جے ایس پی جیسی دوسری زبانوں کے مقابلے میں ، پی ایچ پی کا آغاز نو زبان کے لئے سیکھنا آسان ہے۔ پی ایچ پی بھی اعلی درجے کی ڈویلپرز کی ضرورت والی متعدد خصوصیات پیش کرتا ہے۔

پی ایچ پی اور ایچ ٹی ایم ایل کے درمیان کیا فرق ہے؟

اگرچہ دونوں زبانیں اہم ہیں ویب ترقی، پی ایچ پی اور ایچ ٹی ایم ایل کئی طریقوں سے مختلف ہیں۔

اہم فرق اس میں ہے جس میں دونوں زبانیں استعمال ہوتی ہیں۔

ایچ ٹی ایم ایل کا استعمال کلائنٹ سائیڈ کے لئے کیا جاتا ہے (یا سامنے کے آخر میں) ترقی ، جبکہ پی ایچ پی سرور سائڈ کے لئے استعمال کیا جاتا ہے ترقی.

HTML وہ زبان ہے جو ویب سائٹ پر مواد کو منظم کرنے کے لئے استعمال کرتی ہے ، جیسے متن ، تصاویر ، میزیں اور ہائپر لنکس ڈالنا ، متن کی شکل بندی کرنا ، اور رنگ واضح کرنا۔

دریں اثنا ، پی ایچ پی کا استعمال ڈیٹا بیس سے ڈیٹا کو اسٹور کرنے اور بازیافت کرنے ، منطقی کارروائیوں کو انجام دینے ، ای میلوں کو بھیجنے اور جواب دینے ، فائلوں کو اپ لوڈ کرنے اور ڈاؤن لوڈ کرنے ، ڈیسک ٹاپ ایپلی کیشنز تیار کرنے اور بہت کچھ کے لئے کیا جاتا ہے۔

کوڈ ٹائپ کے لحاظ سے ، ایچ ٹی ایم ایل مستحکم ہے جبکہ پی ایچ پی متحرک ہے. HTML کوڈ ہر بار کھولنے پر ایک جیسے رہتا ہے ، جبکہ پی ایچ پی کے نتائج صارف کے براؤزر کے لحاظ سے مختلف ہوتے ہیں۔

نئے ڈویلپرز کے ل both ، دونوں زبانیں سیکھنا آسان ہیں ، حالانکہ سیکھنے کا منحنی خط پی ایچ پی سے کم ہے۔

پی ایچ پی کی مکمل شیٹ مکمل کریں

اگر آپ کوئی نوبیس پروگرامر ہیں جو پی ایچ پی میں زیادہ سے زیادہ مہارت حاصل کرنا چاہتے ہیں یا اس کے بارے میں اپنے معلومات کو بڑھانا چاہتے ہیں تو ، یہاں ایک پی ایچ پی کی دھوکہ دہی کی شیٹ آپ جلدی سے حوالہ دے سکتے ہیں۔

یہ دھوکہ دہی کا شیٹ پی ایچ پی کے افعال پر مشتمل ہے - جو بڑے پیمانے پر استعمال ہونے والے کوڈوں کے شارٹ کٹ ہیں۔ جو اسکرپٹنگ کی زبان میں بنتے ہیں۔

پی ایچ پی کی دھوکہ دہی کی شیٹ ڈاؤن لوڈ کریں

الٹی ایچ ٹی ایم ایل ، سی ایس ایس اور پی ایچ پی کی دھوکہ دہی کی شیٹ

چاہے آپ ایک تجربہ کار ڈویلپر ہیں یا صرف کوئی کوڈنگ شروع کرنا شروع کر رہا ہے ، یہ بہت اچھا ہے کہ آپ ہمیشہ ریفرنس کے لئے واپس آسکیں یا اپنی یادداشت کو تازہ دم کرسکیں۔

اور ڈویلپرز کے لئے بطور تحفہ جو درمیان میں گھات لگاتے ہیں ایچ ٹی ایم ایل ، سی ایس ایس ، اور پی ایچ پی ، یہاں ایک حتمی دھوکہ دہی کی شیٹ ہے، ان تینوں کوڈنگ زبانوں کے بارے میں جاننے اور یاد رکھنے کی ہر ضرورت کے ساتھ مکمل کریں:

مشترکہ ایچ ٹی ایم ایل ، سی ایس ایس اور پی ایچ پی کی دھوکہ دہی شیٹ ڈاؤن لوڈ کریں