HTML, CSS è PHP: L'Ultime Cheat Sheet

📥 Scaricate u mo Cheat sheets HTML, CSS è PHP, cumpletu cù tuttu ciò chì avete bisognu di sapè è ricurdate di sti trè lingue di codificazione.

• Chì ghjè HTML?
• Esempi HTML5 (Codice PlayGround)
• 📥 Cheat Sheet HTML
• Cosa hè CSS?
• 📥 Cheat Sheet CSS
• Cosa hè PHP?
• 📥 Cheat Sheet PHP
• 📥 Cheat Sheet HTML CSS è PHP

L'arti di codificazione pò piglià anni per ammaistrà cumplettamente cù tutte e tag, sintassi è altri elementi di linguaggi di prugrammazione spessu intrecciati.

Ancu i sviluppatori più sperimentati ponu cascà in a trappula di scurdà di a sintassi curretta per i travaglii particulari. Per quessa, ùn hè micca realisticu di aspittà più verde sviluppatori web per avè una cunniscenza impeccabile di l'arti.

Ghjè per quessa cheat sheets per HTML, CSS è PHP sò estremamente utili, indipendentemente da quantu tempu avete praticatu. Serve cum'è una guida rapida per truvà i cumandamenti è sintassi ghjusti, chì vi permettenu di fucalizza nantu à u sviluppu web attuale.

Sottu, truverete fogli di trucchi visualmente inclinati preceduti da rinfreschi rapidi per aiutà vi in ​​i vostri sforzi di codificazione. Aghju ancu fattu per esse facilmente marcatu, salvatu o stampatu per a vostra comodità.

Chì ghjè HTML?

HTML significa Hypertext Markup Language - un codice chì hè utilizatu per creà a struttura per una pagina web è u so cuntenutu.

Questa lingua di marcatura hè custituita da una seria d'elementi chì anu usatu per fà chì u cuntenutu apparisce o funziona in un certu modu è hè una parte maiò di u codice front-end di ogni situ web.

HTML hè a lingua per descriverà a struttura di e pagine Web ... Cù HTML, l'autori descrizanu a struttura di e pagine utilizendu marcatura. L'elementi di a lingua etichettanu pezzi di cuntenutu cum'è paràgrafu, lista, table, etc. – da W3.org

Per esempiu, pudete chjappà o imbulighjate diverse parti di u cuntenutu - induve l'etichetti di chjude ponu fà una parolla o un hyperlink à una altra pagina. Pudete ancu aduprà questu per corsu e parolle è fà i caratteri più grande o più chjucu, frà altri.

Comu sunnu famusi pi W3, alcune di l'altri cose chì HTML vi permette di fà include:

• Publicazione di documenti in linea cù intestazioni, testu, tavule, listi, ritratti, Etc.
• Recuperazione di l'infurmazioni in linea à cliccà un buttone via ligami ipertestu.
• cuncepisce diàlogu per fà transazzione cù servizii remoti à cercà infurmazione, fà riservazioni, o ordini prudutti, frà altre funzioni.
• Inclusa spreadsheets, video clips, è altri media è applicazioni digià in i vostri documenti.

Allora s'è tù avissi a fari la ligna "U mo cane hè assai dolce" stand da ellu stessu, pudete specificà chì hè un paràgrafu chjusu in i tags di paragrafi (più nantu à questu più tardi), chì pareranu cum'è: U mo cane hè assai dolce

Chì ghjè a diffarenza trà HTML è HTML5?

Comu lu nomu fà capiri, HTML5 hè a quinta versione di u standard HTML. Supporta l'integrazione di video è audio in a lingua, chì riduce a necessità di plugins è elementi di terzu.

Quì sottu sò e principali differenze trà HTML è HTML5:

Inoltre, ci sò parechji elementi di HTML chì sò stati mudificati o eliminati da HTML5. Questi include:

• - Cambiatu à
• - Cambiatu à
• - Cambiatu à
• – Sguassatu
• – Sguassatu
• – Sguassatu
• - Nisuna tag nova. Utiliza CSS.
• - Nisuna tag nova. Utiliza CSS.
• - Nisuna tag nova. Utiliza CSS.
• - Nisuna tag nova. Utiliza CSS.
• - Nisuna tag nova. Utiliza CSS.

Intantu, HTML5 include ancu una quantità di elementi di novu aghjuntu. Questi include:

Esempi HTML5 (Codice PlayGround)

Esempi di struttura semantica

In HTML5 ci sò qualchi elementi semantichi chì ponu esse usatu per definisce diverse parti di una pagina web. Eccu i più cumuni:

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

Esempii basi di furmatu di testu

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

Esempii di tavulinu

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

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

Full HTML Cheat Sheet

Ch'ella sia un sviluppatore espertu o qualchissia chì cerca solu di bagnà i pedi in l'industria, sempre aiuta à avè un Cheat sheet di furmatu HTML utile. È aghju disignatu unu chì puderia aiutà à ogni passu di a strada.

Scaricate HTML Cheat Sheet

Cosa hè CSS?

Cascading Style Sheets o CSS descrive cumu l'elementi HTML seranu affissati nantu à u screnu. Perchè pò cuntrullà parechje pagine à u stessu tempu, pò salvà assai tempu è sforzu.

CSS hè a lingua per descrizzione di a presentazione di e pagine Web, cumpresi culori, layout è fonts. Permette di adattà a presentazione à diversi tipi di dispusitivi, cum'è grandi schermi, schermi chjuchi o stampanti. – da W3.org

Chì ghjè a Differenza trà HTML è CSS?

Mentre HTML è CSS sò tramindui lingui utilizati per custruisce pagine web è applicazioni, anu diverse funzioni.

HTML hè ciò chì aduprate per dictate a struttura è u cuntenutu chì serà affissatu nantu à a pagina web.

CSS, invece, hè utilizatu per a mudificazione di u oculistica di l'elementi HTML nantu à a pagina web (cumprese layout, effetti visuali è culore di fondo).

HTML crea a struttura è u cuntenutu, CSS faci u disignu o stile. Inseme, HTML è CSS custituiscenu una interfaccia di pagina web.

Cosa hè a sintassi CSS?

Sintassi CSS hè custituitu da un selettore è un bloccu di dichjarazione.

U selettore determina l'elementu HTML per esse stilatu mentre u bloccu di dichjarazione cuntene una o più dichjarazioni o coppie di CSS un nome di pruprietà è un valore cù un colon trà elli.

E dichjarazioni sò siparati da punti e virgule è i blocchi di dichjarazione sò sempre chjusi in parentesi ricci.

Per esempiu, sè vo vulete mudificà l'aspettu di u vostru intestazione 1, a vostra sintassi CSS s'assumiglia à questu: h1 {culore: rossu; font-size: 16pc;}

Scheda completa CSS Cheat Sheet

CSS hè abbastanza faciule d'utilizà. A sfida hè chì ci sò assai selettori è dichjarazioni chì ricurdà tutti hè difficiule, se micca impussibile. Ùn avete micca à memorizà elli, però.

Eccu un cheat sheet per CSS è CSS3 chì pudete aduprà in ogni mumentu.

Scaricate CSS Cheat Sheet

Cosa hè PHP?

PHP hè un acronimu per Hypertext Preprocessor, un pupulare linguaghju di scripting HTML-incrustatu open-source utilizatu per sviluppà siti web dinamichi, applicazioni web o siti web statici.

Dapoi PHP hè una lingua di u servitore, i so scripts sò eseguiti nantu à u servitore (micca in u navigatore), è a so pruduzzioni hè un HTML chjaru in u navigatore.

PHP hè una lingua di scrittura di ughjettu generale aperta largamente utilizata chì hè soprattuttu adattata per u sviluppu web è pò esse integrata in HTML. – da PHP.net

Questa lingua di scrittura di u servitore funziona nantu à una varietà di sistemi operativi, cumprese Windows, Mac OS, Linux è Unix. Hè ancu cumpatibile cù a maiò parte di i servitori cum'è Apache è IIS.

Comparatu à altre lingue cum'è ASP è JSP, PHP hè faciule d'amparà per i principianti. PHP offre ancu assai funzioni chì i sviluppatori di livellu avanzatu necessitanu.

Chì ghjè a Differenza trà PHP è HTML?

Eppuru chì e duie lingue sò cruciali per sviluppu Web, PHP è HTML sò diffirenti in parechje manere.

A diferenza chjave hè in ciò chì e duie lingue sò usate.

HTML hè utilizatu per u cliente (o front-end) sviluppu, mentri PHP hè utilizatu per u latu di u servitore sviluppu.

L'HTML hè a lingua chì i sviluppatori utilizanu per urganizà u cuntenutu in un situ web, cum'è l'inserimentu di testu, imaghjini, tavule è hyperlinks, furmatu di testu, è specificà i culori.

Intantu, PHP hè utilizatu per almacenà è ricuperà e dati da una basa di dati, eseguisce operazioni logiche, mandà è risponde à e-mail, caricate è scaricate fugliali, sviluppà applicazioni desktop, è più.

In quantu à u tipu di codice, HTML hè staticu mentre PHP hè dinamicu. Un codice HTML hè sempre u listessu ogni volta chì hè apertu, mentre chì i risultati PHP varianu secondu u navigatore di l'utilizatori.

Per i novi sviluppatori, e duie lingue sò faciuli d'amparà, anche se a curva di apprendimentu hè più corta cù HTML cà PHP.

Full PHP Cheat Sheet

Sè vo site un programatore principiante chì vole esse più prufessore in PHP o espansione a vostra cunniscenza di questu, eccu un Cheat sheet PHP pudete riferite rapidamente.

Questa cheat sheet hè custituita da funzioni PHP - chì sò scurciate per i codici largamente utilizati - chì sò integrati in a lingua di scrittura.

Scaricate PHP Cheat Sheet

L'Ultimate HTML, CSS è PHP Cheat Sheet

Ch'ella sia un sviluppatore espertu o solu qualcunu chì principia à codificà, hè fantastico avè qualcosa chì pudete sempre vultà per riferimentu o semplicemente rinfriscà a vostra memoria.

È cum'è un rigalu à i sviluppatori chì si juggle trà HTML, CSS, è PHP, eccu un ULTIMATE cheat sheet, cumpletu cù tuttu ciò chì avete bisognu di sapè è ricurdate di sti trè lingue di codificazione:

Scaricate u Cheat Sheet cumminatu HTML, CSS è PHP