HTML, CSS thiab PHP: Qhov kawg Cheat Sheet

📥 Download kuv HTML, CSS thiab PHP cheat nplooj ntawv, ua kom tiav nrog txhua yam koj xav paub thiab nco ntsoov txog peb hom lus coding no.

• HTML yog dab tsi?
• HTML5 Piv txwv (Code PlayGround)
• 📥 HTML Cheat Sheet
• CSS yog dab tsi?
• 📥 CSS Cheat Sheet
• PHP yog dab tsi?
• 📥 PHP Cheat Sheet
• 📥 HTML CSS thiab PHP Cheat Sheet

Kev kos duab ntawm coding tuaj yeem siv sijhawm ntau xyoo los ua kom tiav nrog tag nrho cov cim npe, syntaxes, thiab lwm yam ntawm cov lus programming feem ntau cuam tshuam.

Txawm tias cov neeg tsim khoom paub ntau dua tuaj yeem poob rau hauv qhov ntxiab ntawm tsis nco qab qhov tseeb syntax rau cov haujlwm tshwj xeeb. Raws li xws li, nws yog unrealistic xav kom muaj ntsuab ntau web developers kom muaj ib tug flawless tuav ntawm art.

Qhov no yog vim li cas dag nplooj ntawv rau HTML, CSS, thiab PHP muaj txiaj ntsig zoo heev, tsis hais ntev npaum li cas koj tau xyaum. Nws ua haujlwm raws li cov lus qhia ceev kom nrhiav tau cov lus txib kom raug thiab syntaxes, tso cai rau koj tsom mus rau kev txhim kho lub vev xaib tiag tiag.

Hauv qab no, koj yuav pom cov nplooj ntawv cuav uas pom tau ua ntej los ntawm kev hloov tshiab sai los pab koj hauv koj qhov kev sim coding. Kuv kuj tau ua kom yooj yim bookmarked, txuag, lossis luam tawm rau koj qhov yooj yim.

HTML yog dab tsi?

HTML stands rau Hypertext Markup Language - tus lej uas siv los tsim cov qauv rau nplooj ntawv web thiab nws cov ntsiab lus.

Cov lus cim npe no yog suav nrog ntau cov ntsiab lus uas siv los ua cov ntsiab lus tshwm sim lossis ua haujlwm ib txoj hauv kev thiab yog ib feem tseem ceeb ntawm cov cai hauv ntej ntawm txhua lub vev xaib.

HTML yog hom lus piav qhia txog cov qauv ntawm nplooj ntawv Web ... Nrog HTML, cov kws sau ntawv piav qhia cov qauv ntawm nplooj ntawv siv markup. Cov ntsiab lus ntawm cov lus sau cov ntsiab lus xws li kab lus, daim ntawv teev npe, rooj, thiab lwm yam. - los ntawm W3.org

Piv txwv li, koj tuaj yeem kaw lossis qhwv ntau qhov sib txawv ntawm cov ntsiab lus - qhov twg cov cim cim tuaj yeem ua rau lo lus lossis duab hyperlink mus rau lwm nplooj ntawv. Koj tuaj yeem siv qhov no los ntsuas cov lus italicize thiab ua kom cov ntawv loj dua lossis me dua, thiab lwm yam.

Raws li muab sau los ntawm W3, qee qhov ntawm lwm yam HTML tso cai rau koj ua suav nrog:

• Tshaj tawm cov ntaub ntawv online nrog headings, text, tables, lists, duab, Thiab lwm yam
• Retrieving online cov ntaub ntawv ntawm nias ntawm lub pob ntawm hypertext links.
• Designing ntaub ntawv rau kev ua lag luam nrog cov kev pabcuam chaw taws teeb rau tshawb nrhiav cov ntaub ntawv, ua kev tshwj tseg, lossis xaj khoom, ntawm lwm cov haujlwm.
• Nrog spreadsheets, video clips, thiab lwm yam xov xwm thiab daim ntawv thov twb muaj nyob rau hauv koj cov ntaub ntawv.

Yog li ntawd yog hais tias koj yuav tau ua txoj kab "Kuv tus dev qab zib heev" sawv ntawm nws tus kheej, koj tuaj yeem qhia meej tias nws yog kab lus los ntawm kev kaw nws hauv kab lus cim npe (ntxiv rau qhov no tom qab), uas yuav zoo li: Kuv tus dev qab zib heev

Qhov txawv ntawm HTML thiab HTML5 yog dab tsi?

Raws li lub npe no qhia, HTML5 yog qhov thib tsib version ntawm HTML tus qauv. Nws txhawb kev koom ua ke ntawm kev yees duab thiab suab rau hauv cov lus, uas txo qhov kev xav tau ntawm peb tog plugins thiab cov ntsiab lus.

Hauv qab no yog qhov sib txawv tseem ceeb ntawm HTML thiab HTML5:

Tsis tas li ntawd, muaj ntau lub ntsiab lus ntawm HTML uas tau hloov kho lossis tshem tawm ntawm HTML5. Cov no suav nrog:

• - Hloov rau
• - Hloov rau
• - Hloov rau
• - Tshem tawm
• - Tshem tawm
• - Tshem tawm
• - Tsis muaj tag. Siv CSS.
• - Tsis muaj tag. Siv CSS.
• - Tsis muaj tag. Siv CSS.
• - Tsis muaj tag. Siv CSS.
• - Tsis muaj tag. Siv CSS.

Lub caij no, HTML5 kuj suav nrog ntau lub ntsiab lus tshiab tshiab. Cov no suav nrog:

HTML5 Piv txwv (Code PlayGround)

Semantic Structure Piv txwv

In HTML5 muaj qee cov ntsiab lus semantic uas tuaj yeem siv los txheeb xyuas qhov sib txawv ntawm nplooj ntawv web. Nov yog cov feem ntau:

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

Basic Text Formatting Piv txwv

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

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

Media piv txwv

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

Ua kom tiav HTML Cheat Sheet

Txawm hais tias koj yog tus tsim tawm raws caij nyoog lossis ib tus neeg uas tab tom nrhiav kom tau lawv txhais taw ntub hauv kev lag luam, nws ib txwm pab kom muaj HTML cheat sheet ua ke. Thiab kuv tau tsim ib qho uas tuaj yeem pab koj txhua kauj ruam ntawm txoj kev.

Download HTML Cheat Sheet

CSS yog dab tsi?

Cascading Style Sheets lossis CSS piav qhia yuav ua li cas HTML cov ntsiab lus yuav tshwm sim ntawm qhov screen. Vim tias nws tuaj yeem tswj tau ntau nplooj ntawv 'layouts tib lub sijhawm, nws tuaj yeem txuag koj ntau lub sijhawm thiab siv zog.

CSS yog hom lus piav qhia txog kev nthuav qhia ntawm nplooj ntawv Web, suav nrog xim, layout, thiab fonts. Nws tso cai rau ib tug los hloov qhov kev nthuav qhia rau ntau hom khoom siv, xws li cov ntxaij vab tshaus loj, cov ntxaij vab tshaus me, lossis cov tshuab luam ntawv. - los ntawm W3.org

Qhov txawv ntawm HTML thiab CSS yog dab tsi?

Thaum HTML thiab CSS yog ob hom lus siv los tsim cov nplooj ntawv web thiab kev siv, lawv muaj cov haujlwm sib txawv.

HTML yog qhov koj siv los hais cov qauv thiab cov ntsiab lus uas yuav tshwm sim rau ntawm nplooj ntawv web.

CSS, ntawm qhov tod tes, yog siv rau kev hloov kho ntawm cov web tsim ntawm cov ntsiab lus HTML ntawm nplooj ntawv web (xws li layout, pom cov teebmeem, thiab xim tom qab).

HTML tsim cov qauv thiab cov ntsiab lus, CSS ua tus tsim lossis style. Ua ke, HTML thiab CSS ua ib lub webpage interface.

CSS Syntax yog dab tsi?

CSS Syntax yog ua los ntawm ib tug selector thiab ib tug declaration block.

Tus neeg xaiv txiav txim siab txog cov ntsiab lus HTML uas yuav tsum tau styled thaum qhov kev tshaj tawm thaiv muaj ib lossis ntau tshaj cov lus tshaj tawm los yog khub ntawm CSS ib lub npe khoom thiab tus nqi nrog cov nyuv ntawm lawv.

Cov lus tshaj tawm raug cais los ntawm semicolons thiab cov ntawv tshaj tawm yog ib txwm nyob rau hauv curly braces.

Piv txwv li, yog tias koj xav hloov txoj kev uas koj lub ntsiab lus 1 zoo li, koj CSS syntax yuav zoo li ib yam dab tsi zoo li no: h1 {xim: liab; font-loj: 16pc; }

Ua kom tiav CSS Cheat Sheet

CSS yooj yim txaus siv. Qhov kev sib tw yog tias muaj ntau tus neeg xaiv thiab cov lus tshaj tawm uas nco ntsoov lawv txhua tus yog qhov nyuaj yog tias tsis ua tsis tau. Koj tsis tas yuav cim lawv, txawm li cas los xij.

Ntawm no yog a Cheat Sheet rau CSS thiab CSS3 uas koj tuaj yeem siv txhua lub sijhawm.

Download CSS Cheat Sheet

PHP yog dab tsi?

PHP yog ib qho acronym rau Hypertext Preprocessor, qhov nrov qhib-qhov chaw, HTML-embedded scripting lus siv los tsim cov vev xaib dynamic, web applications, lossis cov vev xaib zoo li qub.

Txij thaum PHP yog ib hom lus server-sab, nws cov ntawv sau tau raug tua rau ntawm tus neeg rau zaub mov (tsis yog hauv browser), thiab nws cov zis yog HTML dawb ntawm qhov browser.

PHP yog ib hom lus qhib dav siv dav dav uas tsim nyog rau kev txhim kho lub vev xaib thiab tuaj yeem nkag mus rau hauv HTML. - los ntawm PHP.net

Lub server-sab scripting lus no khiav ntawm ntau yam kev khiav haujlwm, suav nrog Windows, Mac OS, Linux, thiab Unix. Nws kuj tau sib xws nrog feem ntau cov servers xws li Apache thiab IIS.

Piv rau lwm yam lus xws li ASP thiab JSP, PHP yooj yim kawm rau cov pib tshiab. PHP kuj tseem muaj ntau yam nta uas cov neeg tsim kho qib siab xav tau.

Qhov txawv ntawm PHP thiab HTML yog dab tsi?

Txawm hais tias ob hom lus tseem ceeb heev rau web loj hlob, PHP thiab HTML sib txawv ntawm ntau txoj hauv kev.

Qhov sib txawv tseem ceeb nyob hauv qhov ob hom lus siv rau.

HTML yog siv rau cov neeg siv-sab (los yog pem hauv ntej-kawg) kev loj hlob, thaum PHP yog siv rau server-sab kev loj hlob.

HTML yog cov neeg tsim cov lus siv los teeb tsa cov ntsiab lus ntawm lub vev xaib, xws li ntxig cov ntawv, duab, rooj, thiab hyperlinks, formatting ntawv, thiab qhia cov xim.

Lub caij no, PHP yog siv los khaws thiab khaws cov ntaub ntawv los ntawm cov ntaub ntawv, ua haujlwm zoo, xa thiab teb rau email, upload thiab rub tawm cov ntaub ntawv, tsim cov ntawv thov desktop, thiab ntau dua.

Nyob rau hauv cov nqe lus ntawm code hom, HTML yog zoo li qub thaum PHP yog dynamic. Ib qho HTML code yeej ib txwm zoo ib yam txhua zaus nws qhib, thaum PHP cov txiaj ntsig sib txawv nyob ntawm tus neeg siv lub browser.

Rau cov neeg tsim khoom tshiab, ob hom lus yooj yim kawm, txawm hais tias qhov kev kawm nkhaus luv luv nrog HTML dua li PHP.

Ua kom tiav PHP Cheat Sheet

Yog hais tias koj yog ib tug novice programmer uas xav kom paub ntau ntxiv hauv PHP lossis nthuav koj txoj kev paub txog nws, ntawm no yog ib qho PHP cheat sheet koj tuaj yeem xa mus sai.

Daim ntawv khib nyiab no muaj PHP ua haujlwm - uas yog shortcuts rau cov lej siv dav - uas tau tsim rau hauv cov lus sau.

Download PHP Cheat Sheet

Qhov kawg HTML, CSS thiab PHP Cheat Sheet

Txawm hais tias koj yog tus tsim tawm raws caij nyoog lossis tsuas yog ib tus neeg pib coding, nws yog qhov zoo rau muaj qee yam koj tuaj yeem rov qab los rau kev siv lossis tsuas yog ua kom koj lub cim xeeb.

Thiab raws li ib tug khoom plig rau developers uas juggle ntawm HTML, CSS, thiab PHP, ntawm no yog daim ntawv qhia tsis zoo, ua kom tiav nrog txhua yam koj xav paub thiab nco ntsoov txog peb hom lus coding no:

Download Combined HTML, CSS & PHP Cheat Sheet