HTML، CSS و PHP: برگه تقلب نهایی

in منابع و ابزار

محتوای ما توسط خواننده پشتیبانی می شود. اگر روی پیوندهای ما کلیک کنید، ممکن است کمیسیون دریافت کنیم. چگونه بررسی می کنیم.

📥 دانلود من برگه های تقلب HTML، CSS و PHP، با هر آنچه که باید در مورد این سه زبان برنامه نویسی بدانید و به خاطر بسپارید کامل کنید.

هنر کد نویسی می تواند سال ها طول بکشد تا به طور کامل با تمام برچسب ها، نحو ها و سایر عناصر زبان های برنامه نویسی اغلب در هم تنیده شوند.

حتی توسعه دهندگان با تجربه تر نیز می توانند در دام فراموشی نحو صحیح برای کارهای خاص بیفتند. به این ترتیب، انتظار سبز بیشتر غیر واقعی است توسعه دهندگان وب برای داشتن درک بی عیب و نقص از هنر

این به همین دلیل است برگه های تقلب برای HTML، CSS و PHP بدون توجه به مدت زمانی که تمرین کرده اید، بسیار مفید هستند. این به عنوان یک راهنمای سریع برای یافتن دستورات و نحو مناسب عمل می کند و به شما امکان می دهد بر روی توسعه واقعی وب تمرکز کنید.

در زیر، برگه‌های تقلب با تمایل بصری را خواهید دید که قبل از آن‌ها تازه‌کننده‌های سریع به شما در تلاش‌های کدنویسی کمک می‌کنند. همچنین برای راحتی شما آن را طوری ساخته ام که به راحتی بوکمارک، ذخیره یا چاپ شود.

HTML چیست؟

HTML مخفف Hypertext Markup Language است – کدی که برای ایجاد ساختار یک صفحه وب و محتوای آن استفاده می شود.

این زبان نشانه گذاری از یک سری عناصر تشکیل شده است که برای نشان دادن محتوا یا عملکرد به روش خاصی استفاده می شود و بخش عمده ای از کد جلویی هر وب سایت است.

HTML زبانی برای توصیف ساختار صفحات وب است... با HTML، نویسندگان ساختار صفحات را با استفاده از نشانه گذاری توصیف می کنند. عناصر زبان به قطعات محتوا مانند پاراگراف، فهرست، جدول و غیره برچسب می زنند. – از W3.org

برای مثال، می‌توانید قسمت‌های مختلفی از محتوا را محصور کنید یا بپیچید - جایی که تگ‌های محصور می‌توانند یک کلمه یا تصویر را به صفحه دیگری پیوند دهند. همچنین می‌توانید از این برای ایتالیک کردن کلمات و بزرگ‌تر یا کوچک‌تر کردن فونت‌ها استفاده کنید.

آنگونه W3، برخی از کارهای دیگری که HTML به شما اجازه می دهد انجام دهید عبارتند از:

  • انتشار اسناد آنلاین با سرفصل ها، متن ها، جداول، لیست ها، عکس ها، و غیره
  • بازیابی اطلاعات آنلاین با کلیک یک دکمه از طریق لینک های فرامتن.
  • طراحی اشکال برای انجام معاملات با خدمات از راه دور به اطلاعات را جستجو کنید، رزرو کنید یا محصولات را سفارش دهید، از جمله توابع دیگر.
  • از جمله صفحات گسترده، کلیپ های ویدئویی و سایر رسانه ها و برنامه هایی که قبلاً در اسناد شما وجود دارد.

بنابراین اگر قرار بود خط را بسازید "سگ من بسیار شیرین است" ایستاده به خودی خود، می توانید با قرار دادن آن در برچسب های پاراگراف (در ادامه در این مورد بیشتر) مشخص کنید که یک پاراگراف است که به صورت زیر است: سگ من خیلی شیرینه

تفاوت بین HTML و HTML5 چیست؟

همانطور که از نام نشان می دهد، HTML5 پنجمین نسخه استاندارد HTML است. این برنامه از ادغام ویدیو و صدا در زبان پشتیبانی می کند که نیاز به افزونه ها و عناصر شخص ثالث را کاهش می دهد.

در زیر تفاوت های اصلی بین HTML و HTML5 آورده شده است:

HTML

  • بدون پشتیبانی از فلش پلیر صدا و تصویر را پشتیبانی نمی کند.
  • از کوکی ها برای ذخیره داده های موقت استفاده می کند.
  • به JavaScipt اجازه نمی دهد در مرورگر اجرا شود.
  • با استفاده از فناوری‌های مختلف مانند VML، Silver-light و Flash و غیره، امکان گرافیک برداری را فراهم می‌کند.
  • جلوه های کشیدن و رها کردن را نمی دهد.
  • با تمام مرورگرهای قدیمی کار می کند.
  • کمتر سازگار با موبایل
  • اعلام Doctype طولانی و پیچیده است.
  • عناصری مانند nav و header و همچنین ویژگی هایی مانند charset، async، و پینگ.
  • دریافت موقعیت جغرافیایی واقعی کاربران با استفاده از مرورگر بسیار دشوار است.
  • نمی توانم نحو نادرست را مدیریت کنم.

HTML5

  • پشتیبانی از کنترل های صوتی و تصویری با استفاده از و برچسب ها
  • از پایگاه داده های SQL و حافظه پنهان برنامه برای ذخیره داده های آفلاین استفاده می کند.
  • به جاوا اسکریپت اجازه می دهد تا در پس زمینه با استفاده از JS Web worker API کار کند.
  • گرافیک برداری بخش اساسی HTML5 است، بسیار شبیه به SVG و بوم.
  • به جلوه های کشیدن و رها کردن اجازه می دهد.
  • کشیدن اشکال را ممکن کنید.
  • از تمام مرورگرهای جدید مانند فایرفاکس، موزیلا، کروم و سافاری پشتیبانی می کند.
  • سازگارتر با موبایل
  • اعلام Doctype ساده و آسان است.
  • دارای عناصر جدیدی برای ساختارهای وب مانند ناوبری، سرصفحه و پاورقی، و همچنین دارای ویژگی های مجموعه نویسه،sync، و پینگ.
  • رمزگذاری کاراکترها را ساده و آسان می کند.
  • امکان ردیابی موقعیت جغرافیایی کاربر با استفاده از JS GeoLocation API.
  • توانایی مدیریت نحو نادرست.
 

علاوه بر این، عناصر زیادی از HTML وجود دارد که یا اصلاح شده یا از HTML5 حذف شده اند. این شامل:

  • - تغییر کرد به
  • - تغییر کرد به
  • - تغییر کرد به
  • - حذف شده
  • - حذف شده
  • - حذف شده
  • - بدون برچسب جدید از CSS استفاده می کند.
  • - بدون برچسب جدید از CSS استفاده می کند.
  • - بدون برچسب جدید از CSS استفاده می کند.
  • - بدون برچسب جدید از CSS استفاده می کند.
  • - بدون برچسب جدید از CSS استفاده می کند.

در همین حال، HTML5 همچنین شامل تعدادی از عناصر جدید اضافه شده است. این شامل:

 

نمونه های HTML5 (کد PlayGround)

نمونه های ساختار معنایی

In HTML5 برخی از عناصر معنایی وجود دارد که می توان از آنها برای تعریف بخش های مختلف یک صفحه وب استفاده کرد. در اینجا رایج ترین آنها هستند:

html5 عناصر ساختار معنایی
منبع: w3schools.com
 

سرتیتر

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

Nav

<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

 

برگه تقلب HTML را دانلود کنید

 

CSS چیست؟

برگه های سبک آبشاری یا CSS نحوه نمایش عناصر HTML روی صفحه را توضیح می دهد. از آنجا که می تواند طرح بندی چندین صفحه را به طور همزمان کنترل کند، می تواند در زمان و تلاش شما صرفه جویی کند.

CSS زبانی است برای توصیف ارائه صفحات وب از جمله رنگ ها، طرح بندی و فونت ها. این امکان را به فرد می دهد تا ارائه را با انواع مختلف دستگاه ها، مانند صفحه نمایش بزرگ، صفحه نمایش کوچک، یا چاپگر تطبیق دهد. – از W3.org

تفاوت بین HTML و CSS چیست؟

در حالی که HTML و CSS هر دو زبانی هستند که برای ساخت صفحات وب و برنامه ها استفاده می شوند، اما عملکردهای متفاوتی دارند.

HTML چیزی است که شما برای تعیین ساختار و محتوایی که در صفحه وب نمایش داده می شود استفاده می کنید.

از سوی دیگر، از CSS برای اصلاح استفاده می شود طراحی وب سایت عناصر HTML موجود در صفحه وب (شامل طرح‌بندی، جلوه‌های بصری و رنگ پس‌زمینه).

HTML ساختار و محتوا را ایجاد می کند، CSS طراحی یا سبک را انجام می دهد. HTML و CSS با هم یک رابط صفحه وب را تشکیل می دهند.

CSS Syntax چیست؟

نحو CSS از یک انتخابگر و یک بلوک اعلان تشکیل شده است.

انتخابگر عنصر HTML را تعیین می کند که باید استایل دهی شود در حالی که بلوک اعلان حاوی یک یا چند اعلان یا جفت CSS یک نام ویژگی و یک مقدار با یک دو نقطه بین آنها است.

اعلان ها با نقطه ویرگول از هم جدا می شوند و بلوک های اعلان همیشه در پرانتزهای مجعد قرار می گیرند.

به عنوان مثال، اگر می خواهید ظاهر عنوان 1 خود را تغییر دهید، نحو CSS شما چیزی شبیه به این خواهد بود: h1 {color:red; اندازه فونت: 16pc;}

برگه تقلب CSS را کامل کنید

استفاده از CSS به اندازه کافی آسان است. چالش این است که تعداد زیادی انتخابگر و اعلامیه وجود دارد که یادآوری همه آنها اگر غیرممکن نباشد، دشوار است. با این حال، لازم نیست آنها را حفظ کنید.

در اینجا یک برگه تقلب برای CSS و CSS3 که می توانید در هر زمان از آن استفاده کنید.

برگه تقلب CSS

 

دانلود CSS Cheat Sheet

 

PHP چیست؟

PHP مخفف Hypertext Preprocessor است، یک زبان اسکریپت نویسی منبع باز محبوب و جاسازی شده در HTML است که برای توسعه وب سایت های پویا، برنامه های کاربردی وب یا وب سایت های ثابت استفاده می شود.

پس از PHP یک زبان سمت سرور است، اسکریپت های آن بر روی سرور (نه در مرورگر) اجرا می شود و خروجی آن یک HTML ساده در مرورگر است.

PHP یک زبان برنامه نویسی همه منظوره منبع باز پرکاربرد است که مخصوصاً برای توسعه وب مناسب است و می تواند در HTML جاسازی شود. – از PHP.net

این زبان برنامه نویسی سمت سرور بر روی انواع سیستم عامل ها از جمله ویندوز، سیستم عامل مک، لینوکس و یونیکس اجرا می شود. همچنین با اکثر سرورها مانند Apache و IIS سازگار است.

در مقایسه با زبان های دیگر مانند ASP و JSP، یادگیری PHP برای مبتدیان آسان است. PHP همچنین ویژگی های زیادی را ارائه می دهد که توسعه دهندگان سطح پیشرفته به آن نیاز دارند.

تفاوت بین PHP و HTML چیست؟

اگرچه هر دو زبان برای آن بسیار مهم هستند توسعه وب، PHP و HTML از چندین جهت متفاوت هستند.

تفاوت اصلی در این است که این دو زبان برای چه استفاده می شوند.

HTML برای سمت مشتری استفاده می شود (یا جلویی) توسعه، در حالی که PHP برای سمت سرور استفاده می شود توسعه است.

HTML زبانی است که توسعه دهندگان برای سازماندهی محتوا در یک وب سایت استفاده می کنند، مانند درج متن، تصاویر، جداول و لینک ها، قالب بندی متن و تعیین رنگ ها.

در همین حال، PHP برای ذخیره و بازیابی داده ها از پایگاه داده، انجام عملیات منطقی، ارسال و پاسخ به ایمیل ها، آپلود و دانلود فایل ها، توسعه برنامه های دسکتاپ و غیره استفاده می شود.

از نظر نوع کد، HTML ثابت است در حالی که PHP پویا است. یک کد HTML همیشه هر بار که باز می شود یکسان است، در حالی که نتایج PHP بسته به مرورگر کاربر متفاوت است.

برای توسعه دهندگان جدید، یادگیری هر دو زبان آسان است، اگرچه منحنی یادگیری با HTML کوتاهتر از PHP است.

برگه تقلب PHP را کامل کنید

اگر شما یک برنامه نویس تازه کار هستید و می خواهید در PHP مهارت بیشتری داشته باشید یا دانش خود را در مورد آن گسترش دهید، در اینجا یک برگه تقلب PHP می توانید به سرعت مراجعه کنید

این برگه تقلب از توابع PHP - که میانبرهایی برای کدهای پرکاربرد هستند - تشکیل شده است که در زبان برنامه نویسی تعبیه شده اند.

برگه تقلب PHP

 

برگه تقلب PHP را دانلود کنید

 

برگه تقلب نهایی HTML، CSS و PHP

چه یک توسعه‌دهنده با تجربه باشید یا فقط فردی که شروع به برنامه‌نویسی می‌کند، داشتن چیزی که همیشه می‌توانید برای مرجع به آن مراجعه کنید یا به سادگی حافظه خود را تازه کنید، عالی است.

و به عنوان یک هدیه برای توسعه دهندگانی که بین آنها دستکاری می کنند HTML، CSS، و PHP، در اینجا یک برگه تقلب نهایی است، با هر آنچه که باید در مورد این سه زبان برنامه نویسی بدانید و به خاطر بسپارید کامل کنید:

 

برگه تقلب ترکیبی HTML، CSS و PHP را دانلود کنید

 

مطلع باشید! به خبرنامه ما بپیوندید
اکنون مشترک شوید و به راهنماها، ابزارها و منابع فقط برای مشترکین دسترسی داشته باشید.
می توانید در هر زمانی اشتراک خود را لغو کنید. اطلاعات شما امن است
مطلع باشید! به خبرنامه ما بپیوندید
اکنون مشترک شوید و به راهنماها، ابزارها و منابع فقط برای مشترکین دسترسی داشته باشید.
می توانید در هر زمانی اشتراک خود را لغو کنید. اطلاعات شما امن است
به اشتراک گذاشتن برای...