HTML, CSS ati PHP: The Gbẹhin iyanjẹ dì

📥 Download mi HTML, CSS ati PHP cheat sheets, pari pẹlu ohun gbogbo ti o nilo lati mọ ki o ranti nipa awọn ede ifaminsi mẹta wọnyi.

• Kini HTML?
• Awọn apẹẹrẹ HTML5 (Koodu PlayGround)
• 📥 HTML Cheat Sheet
• Kini CSS?
• 📥 CSS Cheat Sheet
• Kini PHP?
• 📥 PHP Cheat Sheet
• 📥 HTML CSS ati PHP Cheat Sheet

Iṣẹ ọna ti ifaminsi le gba awọn ọdun lati ṣakoso ni kikun pẹlu gbogbo awọn afi, awọn ọna kika, ati awọn eroja miiran ti awọn ede siseto nigbagbogbo ni ajọṣepọ.

Paapaa awọn olupilẹṣẹ ti o ni iriri diẹ sii le ṣubu sinu pakute ti gbagbe sintasi ti o tọ fun awọn iṣẹ ṣiṣe kan pato. Bi iru bẹẹ, kii ṣe otitọ lati nireti alawọ ewe diẹ sii Awọn onisele wẹẹbu lati ni oye ti ko ni abawọn ti aworan naa.

Eyi ni idi cheat sheets fun HTML, CSS, ati PHP wulo pupọ, laibikita bi o ṣe pẹ to ti o ti nṣe adaṣe. O ṣiṣẹ bi itọsọna iyara si wiwa awọn aṣẹ to tọ ati awọn sintasi, gbigba ọ laaye lati dojukọ idagbasoke oju opo wẹẹbu gangan.

Ni isalẹ, iwọ yoo rii awọn iwe iyanjẹ ti oju ti o ṣaju nipasẹ awọn isọdọtun iyara lati ṣe iranlọwọ fun ọ ninu awọn igbiyanju ifaminsi rẹ. Mo ti tun jẹ ki o jẹ bukumaaki ni irọrun, fipamọ, tabi titẹjade fun irọrun rẹ.

Kini HTML?

HTML duro fun Hypertext Markup Language – koodu kan ti o lo lati ṣẹda eto fun oju-iwe wẹẹbu kan ati akoonu rẹ.

Ede isamisi yii jẹ ninu onka awọn eroja ti o lo lati jẹ ki akoonu han tabi ṣiṣẹ ni ọna kan ati pe o jẹ apakan pataki ti koodu ipari iwaju ti oju opo wẹẹbu kọọkan.

HTML jẹ ede fun apejuwe ọna ti awọn oju-iwe ayelujara … Pẹlu HTML, awọn onkọwe ṣe apejuwe ilana ti awọn oju-iwe ni lilo isamisi. Awọn eroja ti aami ede awọn ege akoonu gẹgẹbi paragirafi, atokọ, tabili, ati bẹbẹ lọ. – lati W3.org

Fun apẹẹrẹ, o le paade tabi fi ipari si awọn oriṣiriṣi awọn ẹya ti akoonu – nibiti awọn ami isamisi le ṣe ọrọ kan tabi aworan hyperlink si oju-iwe miiran. O tun le lo eyi lati ṣe italicize awọn ọrọ ati jẹ ki awọn nkọwe tobi tabi kere si, laarin awọn miiran.

Bi a ti ṣe akiyesi nipasẹ W3, diẹ ninu awọn ohun miiran HTML gba ọ laaye lati ṣe pẹlu:

• Titẹjade awọn iwe aṣẹ lori ayelujara pẹlu awọn akọle, ọrọ, tabili, awọn akojọ, awọn fọto, Bbl
• Gbigba alaye lori ayelujara ni titẹ bọtini kan nipasẹ hypertext ìjápọ.
• nse fọọmu fun ifọnọhan awọn iṣowo pẹlu awọn iṣẹ latọna jijin si wa alaye, ṣe awọn ifiṣura, tabi paṣẹ awọn ọja, laarin awọn iṣẹ miiran.
• Pẹlu awọn iwe kaakiri, awọn agekuru fidio, ati awọn media miiran ati awọn ohun elo tẹlẹ ninu awọn iwe aṣẹ rẹ.

Nitorina ti o ba ṣe ila naa "Aja mi dun pupọ" duro funrarẹ, o le pato pe o jẹ paragira kan nipa sisọ rẹ sinu awọn ami awọn paragira (diẹ sii lori eyi nigbamii), eyiti yoo dabi: Aja mi dun pupo

Kini iyato laarin HTML ati HTML5?

Bi awọn orukọ ni imọran, HTML5 jẹ ẹya karun ti boṣewa HTML. O ṣe atilẹyin isọpọ ti fidio ati ohun sinu ede, eyiti o dinku iwulo fun awọn afikun ẹni-kẹta ati awọn eroja.

Ni isalẹ wa awọn iyatọ akọkọ laarin HTML ati HTML5:

Ni afikun, ọpọlọpọ awọn eroja ti HTML wa ti o ti yipada tabi yọkuro lati HTML5. Iwọnyi pẹlu:

• – Yi pada si
• – Yi pada si
• – Yi pada si
• – Yọ
• – Yọ
• – Yọ
• – Ko si titun tag. Nlo CSS.
• – Ko si titun tag. Nlo CSS.
• – Ko si titun tag. Nlo CSS.
• – Ko si titun tag. Nlo CSS.
• – Ko si titun tag. Nlo CSS.

Nibayi, HTML5 tun pẹlu nọmba kan ti awọn eroja tuntun ti a ṣafikun. Iwọnyi pẹlu:

Awọn apẹẹrẹ HTML5 (Koodu PlayGround)

Awọn Apeere Ilana Itumọ

In HTML5 diẹ ninu awọn eroja atunmọ ti o le ṣee lo lati ṣalaye awọn ẹya oriṣiriṣi oju-iwe wẹẹbu kan. Eyi ni awọn ti o wọpọ julọ:

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

Awọn Apeere kika Ọrọ Ipilẹ

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

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

Awọn apẹẹrẹ Media

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

Iyanjẹ HTML pipe

Boya o jẹ olupilẹṣẹ ti igba tabi ẹnikan ti o kan n wa lati jẹ ki ẹsẹ wọn tutu ninu ile-iṣẹ naa, o ṣe iranlọwọ nigbagbogbo lati ni HTML iyanjẹ dì ọwọ. Ati pe Mo ti ṣe apẹrẹ ọkan ti o le ṣe iranlọwọ fun ọ ni gbogbo igbesẹ ti ọna naa.

Ṣe igbasilẹ iwe iyanjẹ HTML

Kini CSS?

Cascading Style Sheets tabi CSS ṣe apejuwe bi awọn eroja HTML yoo ṣe han loju iboju. Nitoripe o le ṣakoso awọn ipilẹ oju-iwe pupọ ni akoko kanna, o le ṣafipamọ akoko ati igbiyanju pupọ fun ọ.

CSS jẹ ede fun apejuwe igbejade ti awọn oju-iwe wẹẹbu, pẹlu awọn awọ, ifilelẹ, ati awọn nkọwe. O ngbanilaaye ọkan lati mu igbejade naa pọ si awọn iru ẹrọ oriṣiriṣi, gẹgẹbi awọn iboju nla, awọn iboju kekere, tabi awọn atẹwe. – lati W3.org

Kini Iyatọ Laarin HTML ati CSS?

Lakoko ti HTML ati CSS jẹ awọn ede mejeeji ti a lo lati kọ awọn oju opo wẹẹbu ati awọn ohun elo, wọn ni awọn iṣẹ oriṣiriṣi.

HTML jẹ ohun ti o lo lati ṣe ilana ilana ati akoonu ti yoo han lori oju opo wẹẹbu naa.

CSS, ni ida keji, ni a lo fun iyipada ti awọn ayelujara design ti awọn eroja HTML lori oju-iwe wẹẹbu (pẹlu ifilelẹ, awọn ipa wiwo, ati awọ abẹlẹ).

HTML ṣẹda eto ati akoonu, CSS ṣe apẹrẹ tabi ara. Papọ, HTML ati CSS ṣe apẹrẹ oju-iwe wẹẹbu kan.

Kini Sintasi CSS?

CSS Sintasi jẹ ti yiyan ati Àkọsílẹ ìkéde.

Oluyan naa pinnu ipin HTML lati ṣe ara nigba ti Àkọsílẹ ikede ni ọkan tabi diẹ ẹ sii awọn ikede tabi awọn orisii CSS orukọ ohun-ini kan ati iye kan pẹlu oluṣafihan laarin wọn.

Awọn ikede ti yapa nipasẹ awọn semicolons ati awọn bulọọki ikede nigbagbogbo wa ni pipade ni awọn àmúró iṣupọ.

Fún àpẹrẹ, tí o bá fẹ́ ṣàtúnṣe ọ̀nà tí àkọlé 1 rẹ ṣe rí, ìsopọ̀ pẹ̀lú CSS rẹ yóò dàbí ohun kan bí èyí: h1 {color: red; Ìwọ̀n Font: 16pc;}

Pari iwe iyanjẹ CSS

CSS rọrun to lati lo. Ipenija ni pe ọpọlọpọ awọn yiyan ati awọn ikede ni o wa pe iranti gbogbo wọn nira ti ko ba ṣeeṣe. O ko ni lati ṣe akori wọn, botilẹjẹpe.

Eyi ni a iyanjẹ dì fun CSS ati CSS3 ti o le lo nigbakugba.

Ṣe igbasilẹ Iwe Iyanjẹ CSS

Kini PHP?

PHP jẹ adape fun Hypertext Preprocessor, orisun ṣiṣi ti o gbajumọ, ede ifisi HTML ti a lo fun idagbasoke awọn oju opo wẹẹbu ti o ni agbara, awọn ohun elo wẹẹbu, tabi awọn oju opo wẹẹbu aimi.

niwon PHP jẹ ede ẹgbẹ olupin, awọn iwe afọwọkọ rẹ ti wa ni ṣiṣe lori olupin (kii ṣe ni ẹrọ aṣawakiri), ati pe iṣelọpọ rẹ jẹ HTML itele lori ẹrọ aṣawakiri.

PHP jẹ orisun ṣiṣi-iṣiro gbogbogbo-ede kikọ iwe afọwọkọ ti o baamu paapaa fun idagbasoke wẹẹbu ati pe o le fi sii sinu HTML. – lati PHP.net

Ede iwe afọwọkọ ẹgbẹ olupin yii nṣiṣẹ lori ọpọlọpọ awọn ọna ṣiṣe, pẹlu Windows, Mac OS, Linux, ati Unix. O tun ni ibamu pẹlu ọpọlọpọ awọn olupin bii Apache ati IIS.

Ti a ṣe afiwe si awọn ede miiran bii ASP ati JSP, PHP rọrun lati kọ ẹkọ fun awọn olubere. PHP tun nfunni ni ọpọlọpọ awọn ẹya ti awọn olupilẹṣẹ ipele ti ilọsiwaju nilo.

Kini Iyatọ Laarin PHP ati HTML?

Botilẹjẹpe awọn ede mejeeji ṣe pataki si ayelujara idagbasoke, PHP ati HTML yatọ si ni awọn ọna pupọ.

Iyatọ bọtini wa ninu ohun ti a lo awọn ede meji fun.

HTML ti wa ni lilo fun onibara-ẹgbẹ (tabi iwaju-opin) idagbasoke, nigba ti PHP ti lo fun olupin-ẹgbẹ Idagbasoke.

HTML jẹ ede ti awọn olupilẹṣẹ nlo fun siseto akoonu lori oju opo wẹẹbu kan, gẹgẹbi fifi ọrọ sii, awọn aworan, awọn tabili, ati awọn ọna asopọ hyperlinks, ọrọ tito akoonu, ati asọye awọn awọ.

Nibayi, PHP ni a lo lati fipamọ ati gba data pada lati ibi ipamọ data, ṣe awọn iṣẹ ọgbọn, firanṣẹ ati fesi si awọn imeeli, gbejade ati ṣe igbasilẹ awọn faili, dagbasoke awọn ohun elo tabili, ati diẹ sii.

Ni awọn ofin ti iru koodu, HTML jẹ aimi nigba ti PHP jẹ ìmúdàgba. Koodu HTML nigbagbogbo jẹ kanna ni gbogbo igba ti o ṣii, lakoko ti awọn abajade PHP yatọ da lori ẹrọ aṣawakiri olumulo.

Fun awọn olupilẹṣẹ tuntun, awọn ede mejeeji rọrun lati kọ ẹkọ, botilẹjẹpe ọna ikẹkọ ti kuru pẹlu HTML ju PHP lọ.

Pari PHP iyanjẹ dì

Ti o ba jẹ olupilẹṣẹ alakobere ti o fẹ lati ni oye diẹ sii ni PHP tabi faagun imọ rẹ nipa rẹ, eyi ni a PHP iyanjẹ dì o le ni kiakia tọka si.

Iwe iyanjẹ yii ni awọn iṣẹ PHP - eyiti o jẹ awọn ọna abuja fun awọn koodu ti a lo lọpọlọpọ - ti a ṣe sinu ede kikọ.

Ṣe igbasilẹ iwe iyanjẹ PHP

HTML Gbẹhin, CSS ati PHP Cheat Sheet

Boya o jẹ olupilẹṣẹ ti igba tabi ẹnikan kan ti o bẹrẹ ifaminsi, o jẹ ohun nla lati ni nkan ti o le pada wa nigbagbogbo fun itọkasi tabi sọtun iranti rẹ nirọrun.

Ati bi ebun kan si Difelopa ti o juggle laarin HTML, CSS, ati PHP, eyi jẹ iwe iyanjẹ ULTIMATE kan, pari pẹlu ohun gbogbo ti o nilo lati mọ ati ranti nipa awọn ede ifaminsi mẹta wọnyi:

Ṣe igbasilẹ HTML Apapo, CSS & PHP Cheat Sheet