HTML, CSS sareng PHP: The Ultimate Cheat Sheet

📥 Unduh abdi HTML, CSS jeung PHP curang lambar, lengkep sareng sadaya anu anjeun kedah terang sareng émut ngeunaan tilu basa coding ieu.

• Naon HTML?
• Conto HTML5 (Kode PlayGround)
• 📥 HTML Cheat Sheet
• Naon CSS?
• 📥 Lembar Curang CSS
• Naon ari PHP?
• 📥 Lembar Curang PHP
• 📥 HTML CSS jeung PHP Cheat Sheet

Seni coding tiasa mangtaun-taun kanggo ngawasaan sadayana tag, sintaksis, sareng unsur-unsur basa pamrograman sanés anu sering dihijikeun.

Malah pamekar anu langkung berpengalaman tiasa digolongkeun kana bubu hilap sintaksis anu leres pikeun tugas-tugas khusus. Sapertos kitu, teu realistis pikeun ngaharepkeun langkung héjo pamekar wéb pikeun boga keupeul flawless seni.

Ieu naha curang lambar pikeun HTML, CSS, jeung PHP pisan mangpaat, paduli sabaraha lila anjeun geus latihan. Éta janten pituduh gancang pikeun milarian paréntah sareng sintaksis anu leres, ngamungkinkeun anjeun pikeun difokuskeun pangwangunan wéb anu saleresna.

Di handap ieu, anjeun bakal mendakan lembar curang anu condong sacara visual anu didahuluan ku penyegaran gancang pikeun ngabantosan anjeun dina usaha coding anjeun. Kuring ogé geus nyieun eta gampang bookmarked, disimpen, atawa dicitak pikeun genah Anjeun.

Naon HTML?

HTML nangtung pikeun Hypertext Markup Language – kode anu dipaké pikeun nyieun struktur pikeun kaca wéb jeung eusina.

Basa markup ieu diwangun ku runtuyan elemen anu dipaké pikeun nyieun eusi muncul atawa fungsi cara nu tangtu sarta mangrupa bagian utama kode hareup-tungtung unggal ramatloka.

HTML nyaéta basa pikeun ngajelaskeun struktur kaca Wéb ... Kalawan HTML, pangarang ngajelaskeun struktur kaca maké markup. Unsur-unsur labél basa eusina saperti paragraf, daftar, tabél, jeung sajabana. – ti W3.org

Contona, anjeun tiasa ngalampirkeun atanapi mungkus bagian anu béda tina eusi - dimana tag anu ngalampirkeun tiasa ngadamel hyperlink kecap atanapi gambar ka halaman sanés. Anjeun ogé tiasa nganggo ieu pikeun miringkeun kecap sareng ngajantenkeun fon langkung ageung atanapi langkung alit.

Salaku dicatet ku W3, sababaraha hal sejenna HTML ngidinan Anjeun pikeun ngalakukeun ngawengku:

• Publishing dokumén online kalawan judul, téks, tabél, daptar, potoJeung sajabana
• Retrieving informasi online di klik hiji tombol via Tumbu hypertext.
• ngarancang bentuk pikeun ngalakonan transaksi kalayan layanan jauh ka milarian inpormasi, ngadamel reservasi, atanapi mesen produk, diantara fungsi séjén.
• kaasup spreadsheets, klip video, jeung media sejenna sareng aplikasi anu parantos aya dina dokumén anjeun.

Janten upami anjeun badé ngadamel garis "Anjing abdi manis pisan" nangtung sorangan, anjeun tiasa netepkeun yén éta mangrupikeun paragraf ku ngalampirkeunana dina tag paragraf (langkung seueur ngeunaan ieu engké), anu bakal katingali sapertos: Anjing abdi manis pisan

Naon bédana antara HTML jeung HTML5?

Ngaranna nunjukkeun, HTML5 nyaéta versi kalima tina standar HTML. Éta ngadukung integrasi pidéo sareng audio kana basa, anu ngirangan kabutuhan plugins sareng elemen pihak katilu.

Di handap ieu aya béda utama antara HTML jeung HTML5:

Salaku tambahan, aya seueur unsur HTML anu parantos dirobih atanapi dipiceun tina HTML5. Ieu kalebet:

• – Dirobah jadi
• – Dirobah jadi
• – Dirobah jadi
• – Dipiceun
• – Dipiceun
• – Dipiceun
• - Henteu aya tag énggal. Ngagunakeun CSS.
• - Henteu aya tag énggal. Ngagunakeun CSS.
• - Henteu aya tag énggal. Ngagunakeun CSS.
• - Henteu aya tag énggal. Ngagunakeun CSS.
• - Henteu aya tag énggal. Ngagunakeun CSS.

Samentara éta, HTML5 ogé ngawengku sababaraha elemen anyar ditambahkeun. Ieu kalebet:

Conto HTML5 (Kode PlayGround)

Conto Struktur Semantik

In HTML5 aya sababaraha elemen semantis nu bisa dipaké pikeun nangtukeun bagian béda tina hiji kaca web. Ieu anu paling umum:

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

Conto Format Téks Dasar

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

Conto tabél

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

Conto Média

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

Lembar curang HTML lengkep

Naha anjeun pamekar anu berpengalaman atanapi jalma anu ngan ukur hoyong baseuh dina industri, éta salawasna ngabantosan gaduh Lembar curang pormat HTML gunana. Sareng kuring parantos ngararancang hiji anu tiasa ngabantosan anjeun unggal léngkah.

Unduh HTML Cheat Sheet

Naon CSS?

Cascading Style Sheets atanapi CSS ngajelaskeun kumaha elemen HTML bakal dipintonkeun dina layar. Kusabab éta tiasa ngontrol sababaraha halaman dina waktos anu sami, éta tiasa ngahémat waktos sareng usaha anjeun.

CSS mangrupikeun basa pikeun ngajelaskeun presentasi halaman wéb, kalebet warna, perenah, sareng fon. Hal ieu ngamungkinkeun hiji adaptasi presentasi ka tipena béda alat, kayaning layar badag, layar leutik, atawa printer. – ti W3.org

Naon Bedana Antara HTML jeung CSS?

Bari HTML jeung CSS duanana basa dipaké pikeun ngawangun webpages sarta aplikasi, aranjeunna gaduh fungsi béda.

HTML mangrupikeun naon anu anjeun anggo pikeun ngarahkeun struktur sareng kontén anu bakal ditingalikeun dina halaman wéb.

CSS, di sisi séjén, dipaké pikeun modifikasi tina desain web elemen HTML dina kaca web (kaasup perenah, épék visual, jeung warna latar).

HTML nyiptakeun struktur sareng eusi, CSS ngalakukeun desain atanapi gaya. Kalawan babarengan, HTML jeung CSS nyieun hiji panganteur kaca web.

Naon ari CSS Syntax?

Sintaksis CSS diwangun ku pamilih sareng blok deklarasi.

Pamilih nangtukeun unsur HTML pikeun gaya bari blok deklarasi ngandung hiji atawa leuwih deklarasi atawa pasangan CSS ngaran sipat sarta nilai kalawan titik antara aranjeunna.

Deklarasi dipisahkeun ku titik koma sareng blok deklarasi sok diapit ku kurung keriting.

Contona, upami anjeun hoyong ngarobih cara judul 1 anjeun katingali, sintaksis CSS anjeun bakal siga kieu: h1 {color: red; ukuran font: 16 pc;}

Lengkep CSS Curang Lambaran

CSS cukup gampang dianggo. Tangtanganna nyaéta aya seueur pamilih sareng deklarasi yén nginget éta sadayana sesah upami henteu mungkin. Anjeun teu kudu ngapalkeun aranjeunna, sanajan.

Di dieu hiji curang lambar pikeun CSS jeung CSS3 nu bisa Anjeun pake iraha wae.

Unduh CSS Cheat Sheet

Naon ari PHP?

PHP mangrupa akronim pikeun Hypertext Preprocessor, open-source populér, basa scripting HTML-embedded dipaké pikeun ngembangkeun ramatloka dinamis, aplikasi wéb, atawa situs web statik.

ti mimiti PHP mangrupikeun basa sisi server, skrip na dieksekusi dina server (henteu dina browser), sarta output na mangrupakeun HTML polos dina browser nu.

PHP mangrupikeun basa skrip tujuan umum open source anu seueur dianggo anu khusus cocog pikeun pangwangunan wéb sareng tiasa dilebetkeun kana HTML. – ti PHP.net

Basa skrip sisi server ieu dijalankeun dina sababaraha sistem operasi, kalebet Windows, Mac OS, Linux, sareng Unix. Éta ogé cocog sareng kalolobaan server sapertos Apache sareng IIS.

Dibandingkeun sareng basa sanés sapertos ASP sareng JSP, PHP gampang diajar pikeun pamula. PHP ogé nawiskeun seueur fitur anu diperyogikeun ku pamekar tingkat maju.

Naon Bedana Antara PHP sareng HTML?

Sanajan duanana basa anu krusial pikeun tumuwuhna web, PHP jeung HTML béda dina sababaraha cara.

Beda konci perenahna dina naon dua basa dipaké pikeun.

HTML dipaké pikeun sisi klien (atawa hareup-tungtung) ngembangkeun, bari PHP dipaké pikeun server-side pangwangunan.

HTML mangrupikeun basa anu dianggo ku pamekar pikeun ngatur eusi dina halaman wéb, sapertos nyelapkeun téks, gambar, tabel, sareng hyperlink, pormat téks, sareng nangtukeun warna.

Samentara éta, PHP dianggo pikeun nyimpen sareng nyandak data tina pangkalan data, ngalaksanakeun operasi logis, ngirim sareng ngawalon email, unggah sareng unduh file, ngembangkeun aplikasi desktop, sareng seueur deui.

Dina hal tipe kode, HTML statik sedengkeun PHP dinamis. Kode HTML sok sarua unggal dibuka, sedengkeun hasil PHP rupa-rupa gumantung kana browser pamaké.

Pikeun pamekar anyar, duanana basa téh gampang pikeun neuleuman, sanajan kurva learning leuwih pondok kalawan HTML ti PHP.

Lembar PHP curang lengkep

Upami anjeun programmer pemula anu hoyong langkung pinter dina PHP atanapi ngalegaan pangaweruh anjeun ngeunaan éta, ieu mangrupikeun PHP curang lembar anjeun tiasa gancang ngarujuk kana.

Lembar curang ieu diwangun ku fungsi PHP - anu mangrupakeun potong kompas pikeun kode anu loba dipaké - anu diwangun kana basa skrip.

Unduh PHP Cheat Sheet

The Ultimate HTML, CSS jeung PHP Cheat Sheet

Naha anjeun pamekar anu berpengalaman atanapi ngan ukur jalma anu ngamimitian coding, éta hadé pikeun ngagaduhan hal anu anjeun tiasa uih deui pikeun rujukan atanapi ngan saukur nyegerkeun mémori anjeun.

Jeung salaku kado pikeun pamekar anu juggle antara HTML, CSS, sareng PHP, ieu mangrupikeun lambaran curang ULTIMATE, lengkep sareng sadaya anu anjeun kedah terang sareng émut ngeunaan tilu basa coding ieu:

Unduh Gabungan HTML, CSS & PHP Cheat Sheet