HTML, CSS è PHP: L'Ultime Cheat Sheet

U nostru cuntenutu hè supportatu da i lettori. Se cliccate nantu à i nostri ligami, pudemu guadagnà una cumissioni. Cumu rivisemu.

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

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:

HTML

  • Ùn sustene micca l'audio è u video senza supportu di Flash Player.
  • Utilizà i cookies per almacenà dati tempuranee.
  • Ùn permette micca JavaScipt di eseguisce in u navigatore.
  • Permette gràfiche vettoriali utilizendu diverse tecnulugia cum'è VML, Silver-light, è Flash, frà altri.
  • Ùn permette micca l'effetti di drag and drop.
  • Funziona cù tutti i navigatori più vechji.
  • Meno mobile-friendly.
  • A dichjarazione di Doctype hè longa è complicata.
  • Ùn hà micca elementi cum'è nav è header, è ancu attributi cum'è charset, async, è ping.
  • Estremamente difficiuli di ottene una vera GeoLocation di l'utilizatori usendu un navigatore.
  • Ùn pò micca trattà a sintassi imprecisa.

HTML5

  • Supporta i cuntrolli audio è video cù l'usu di è tags.
  • Utiliza basa di dati SQL è cache di l'applicazione per almacenà dati offline.
  • Permette à JavaScript di travaglià in fondo cù l'usu di l'API JS Web worker.
  • I grafici vettoriali sò una parte fundamentale di HTML5, cum'è SVG è canvas.
  • Permette effetti drag and drop.
  • Fate pussibule di disegnà forme.
  • Supporta tutti i novi navigatori cum'è Firefox, Mozilla, Chrome è Safari.
  • Più mobile-friendly.
  • A dichjarazione di Doctype hè simplice è faciule.
  • Hà novi elementi per strutture web cum'è nav, header, and footer, frà altri, è hà ancu attributi di charset, unsync, è ping.
  • Rende a codificazione di caratteri simplice è faciule.
  • Permette di seguità a GeoLocation di l'utilizatori utilizendu l'API JS GeoLocation.
  • Capace di trattà a sintassi imprecisa.
 

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:

Elementi di struttura semantica html5
Source: w3schools.com
 

Intestazione

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

Sezzione

<section>
  <h2>Internet Browsers</h2>
  <p>Google Chrome, Mozilla Firefox, Internet Explorer, Safari and Opera dominate the browser market.</p>
</section>

Articulu

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

A parte (barra laterale)

<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

<footer>
  <p>Copyright Example.com. Read our <a href="#">privacy policy</a>.</p>
</footer>
 

Esempii basi di furmatu di testu

Intestazioni à

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

Paragrafu ( & )

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

Senza ordine è lista urdinata

<ul>
  <li>HTML5</li>
  <li>CSS3</li>
  <li>PHP</li>
</ul>

<ol>
  <li>HTML5</li>
  <li>CSS3</li>
  <li>PHP</li>
</ol>

Blockquote è cita

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

Link

<p>Search for it on <a href="https://www.google.com/" title="Google search engine">Google</a>

Pulsante

<button name="button">I am a Button. Click me!</button>
 

Rottura di linea

<p>The line break tag produces a<br> line break in<br> text (carriage-return)</p>

Linea horizontale

<p>This is the first paragraph of text.</p><hr><p>This is second paragraph of text.</p>
 

Indirizzu

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

Indice è superscript

<p>The chemical formula of water is H<sub>2</sub>O</p>

<p>This text is <sup>superscripted</sup></p>
 

Abbreviazione

<p><abbr title="Hypertext Markup Language">HTML</abbr> is easy to learn.</p>

Codice

<p>This is normal text. <code>This is code.</code> This is normal text.</p>
 

U tempu

<p>The movie starts at <time>20:00</time>.</p>

Sguassatu

<p>I am <del>wrong</del> right, you are <del>right</del> wrong.</p>
 

Esempii di tavulinu

Esempiu di testa di tavulinu, corpu è pedi

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

Intestazioni di tabella, fila è esempiu di dati

<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

Image

<img src="images/dinosaur.png" 
     alt="The head and torso of a dinosaur skeleton;it has a large head with long sharp teeth"/>

Picture

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

Figura

<figure>
    <img src="/images/frog.png" alt="Tree frog" />
    <figcaption>Tree frog by David Clode on Unsplash</figcaption>
</figure>

Video

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

html cheat sheet

 

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.

CSS Cheat Sheet

 

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.

Cheat Sheet PHP

 

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

 

FAQ

Chì ghjè u html css cheat sheet?

HTML è CSS cheat sheet hè una risorsa utile per i principianti è ancu i sviluppatori web sperimentati. Questa pratica guida di riferimentu furnisce una rapida panoramica di a sintassi è e proprietà HTML è CSS più cumuni. 

Induve possu uttene php cheat sheet pdf?

Pudete truvà schede PHP in formatu PDF da diverse fonti in linea. Eccu alcuni posti induve pudete circà:
Situ ufficiale PHP: Verificate u situ web ufficiale di PHP (php.net) per a documentazione ufficiale, chì include un manuale PHP cumpletu chì pudete scaricà in formatu PDF. Mentre ùn hè micca un cheat sheet per se, cuntene una larga infurmazione nantu à e funzioni PHP è l'usu.
Siti web di schede PHP: Parechje siti web furnisce schede per a prugrammazione PHP. I siti web cum'è "Cheatography" spessu offrenu schede di trucchi cuntribuiti da l'utilizatori in formatu PDF. Basta à circà "PHP cheat sheet PDF" in u vostru mutore di ricerca preferitu per truvà queste risorse.
GitHub: GitHub hè una piattaforma per i sviluppatori per sparte codice è risorse. Pudete truvà fogli di trucchi PHP in formatu PDF in GitHub cerchendu "Foglia di trucchi PHP" in a barra di ricerca di GitHub. Parechji sviluppatori è urganisazioni sparte i so fogli di trucchi è risorse quì.
Generatori PDF in linea: Ci sò strumenti in linea chì permettenu di creà schede persunalizate per PHP, selezziunate e funzioni è temi specifichi chì vulete include. Questi strumenti generanu un schedariu PDF per voi per scaricà. Un tali strumentu hè "PDFCcrowd".
Ricurdatevi di assicurà chì a fonte chì utilizate per un fogliu di truccu PHP hè reputable è aghjurnata per assicurà a precisione è a pertinenza à i vostri bisogni.

Chì ghjè u html5 cheat sheet?

Una risorsa utile per i sviluppatori hè u HTML5 Cheat Sheet, chì furnisce una guida di riferimentu rapida per i diversi elementi, attributi è sintassi utilizati in HTML5. Questa cheat sheet include infurmazione nantu à cumu creà intestazioni, paragrafi, ligami, imagine, tabelle, forme è più. Serve cum'è un strumentu utile sia per i principianti sia per i sviluppatori sperimentati, aiutendu à risparmià tempu è evite errori mentre codificanu in HTML5.

Chì sò e principal differenzi trà php vs HTML?

PHP è HTML sò spessu paragunati è cuntrastati per via di e so funzioni distinte è utilità in u sviluppu web. Mentre HTML hè rispunsevule per definisce a struttura è u cuntenutu di e pagine web, PHP permette a creazione di elementi dinamichi, cum'è forme interattive è integrazione di basa di dati. In cunseguenza, l'scelta trà PHP è HTML dipende largamente da i bisogni specifichi è l'ugettivi di un prughjettu di sviluppu web.

Induve puderia truvà un fogliu di trucchi di tag html?

Pudete truvà tag HTML cheat sheets in linea da diverse fonti. Eccu alcuni posti induve pudete circà:
U situ ufficiale W3C: U World Wide Web Consortium (W3C) hè l'urganizazione chì sviluppa è mantene i normi web, cumpresu HTML. Hanu una documentazione cumpleta nantu à HTML, chì serve cum'è una riferenza autoritaria. Visita a sezione HTML di u situ W3C per infurmazioni detallate nantu à e tag HTML.
Mozilla Developer Network (MDN): MDN offre una vasta documentazione nantu à e tecnulugia web, cumpresu HTML. A so guida di riferimentu HTML hè unu di i risorsi più affidabili è aghjurnati più freti. Pudete accede à a riferenza di l'elementu HTML in MDN web docs.
Siti web di schede HTML: Parechji siti web furnenu tag HTML cheat sheets in diversi formati, cumpresu PDF. I siti web cum'è "Cheatography", "HTML.com" è "W3Schools" spessu offrenu schede HTML stampabili.
GitHub: GitHub hè una risorsa preziosa per i sviluppatori. Pudete truvà fogli di tag HTML in diversi repositori cerchendu "scheat HTML" o parolle chjave simili in GitHub.
Generatori PDF in linea: Cum'è cù i cheat sheets PHP, ci sò strumenti in linea chì permettenu di creà tags HTML persunalizati cheat sheets selezziunate e tags specifichi è elementi chì vulete include. Questi strumenti generanu un schedariu PDF per voi per scaricà.

Quì pudete ancu truvà u furmatu pdf di html cheat sheet.

Mathias Ahlgren hè u CEO è fundatore di Website Rating, dirigendu una squadra glubale di editori è scrittori. Hà un maestru in scienza di l'infurmazione è gestione. A so carriera hà pivotatu à SEO dopu e prime esperienze di sviluppu web durante l'università. Cù più di 15 anni in SEO, marketing digitale è sviluppi web. U so focus include ancu a sicurità di u situ web, pruvata da un certificatu in Cyber ​​Security. Questa sperienza diversa sustene a so dirigenza Website Rating.

U "Squadra WSR" hè u gruppu cullettivu di editori esperti è scrittori specializati in tecnulugia, sicurezza in Internet, marketing digitale è sviluppu web. Appassionati di u regnu digitale, pruducenu un cuntenutu bè ricercatu, perspicace è accessibile. U so impegnu à a precisione è a chiarezza rende Website Rating una risorsa di fiducia per stà infurmatu in u mondu digitale dinamicu.

Stà infurmatu! Unisci a nostra newsletter
Abbonate avà è uttene accessu gratuitu à guide, strumenti è risorse solu per l'abbonati.
Pudete unsubscribe in ogni mumentu. I vostri dati sò sicuru.
Stà infurmatu! Unisci a nostra newsletter
Abbonate avà è uttene accessu gratuitu à guide, strumenti è risorse solu per l'abbonati.
Pudete unsubscribe in ogni mumentu. I vostri dati sò sicuru.
Stà infurmatu! Unisci a nostra newsletter!
Abbonate avà è uttene accessu gratuitu à guide, strumenti è risorse solu per l'abbonati.
Stà à ghjornu! Unisci a nostra Newsletter
Pudete unsubscribe in ogni mumentu. I vostri dati sò sicuru.
A mo Cumpagnia
Stà à ghjornu! Unisci a nostra Newsletter
🙌 Sò (quasi) abbonati !
Andate in u vostru email inbox, è apre u email chì vi aghju mandatu per cunfirmà u vostru indirizzu email.
A mo Cumpagnia
Siete iscritti!
Grazie per u vostru abbonamentu. Mandemu una newsletter cù dati insightful ogni luni.
sparte à...