HTML, CSS și PHP: Cheat Sheet suprem

📥 Descărcați-mi Cheat sheets HTML, CSS și PHP, complet cu tot ce trebuie să știți și să vă amintiți despre aceste trei limbaje de codare.

• Ce este HTML?
• Exemple HTML5 (Code PlayGround)
• 📥 Cheat Sheet HTML
• Ce este CSS?
• 📥 Cheat Sheet CSS
• Ce este PHP?
• 📥 Cheat Sheet PHP
• 📥 Cheat Sheet HTML CSS și PHP

Arta de a codifica poate dura ani pentru a stăpâni pe deplin cu toate etichetele, sintaxele și alte elemente ale limbajelor de programare adesea împletite.

Chiar și dezvoltatorii mai experimentați pot cădea în capcana de a uita sintaxa corectă pentru anumite sarcini. Ca atare, este nerealist să te aștepți la mai mult verde dezvoltatorii web pentru a avea o înțelegere impecabilă a artei.

Acesta este motivul cheat sheets pentru HTML, CSS și PHP sunt extrem de utile, indiferent de cât timp ai exersat. Acesta servește ca un ghid rapid pentru a găsi comenzile și sintaxele potrivite, permițându-vă să vă concentrați pe dezvoltarea web reală.

Mai jos, veți găsi foi de trucuri înclinate vizual, precedate de reîmprospătări rapide pentru a vă ajuta în eforturile dvs. de codare. De asemenea, l-am făcut să fie ușor marcat, salvat sau imprimat pentru confortul dvs.

Ce este HTML?

HTML înseamnă Hypertext Markup Language – un cod care este folosit pentru a crea structura unei pagini web și conținutul acesteia.

Acest limbaj de marcare este compus dintr-o serie de elemente care făceau ca conținutul să apară sau să funcționeze într-un anumit mod și este o parte majoră a codului front-end al fiecărui site web.

HTML este limbajul de descriere a structurii paginilor Web... Cu HTML, autorii descriu structura paginilor folosind marcaj. Elementele limbii etichetează părți de conținut, cum ar fi paragraf, listă, tabel și așa mai departe. – de la W3.org

De exemplu, puteți include sau încheia diferite părți ale conținutului – unde etichetele incluse pot crea un hyperlink pentru un cuvânt sau o imagine către o altă pagină. De asemenea, puteți folosi acest lucru pentru a scrie cu italice cuvinte și pentru a face fonturile mai mari sau mai mici, printre altele.

După cum sa menționat de către W3, unele dintre celelalte lucruri pe care HTML le permite să le faci includ:

• Publicarea documentelor online cu titluri, text, tabele, liste, fotografii, Etc
• Recuperarea informațiilor online prin clic pe un buton prin link-uri hipertext.
• Proiectare formulare pentru efectuarea de tranzacții cu servicii la distanță către căutați informații, faceți rezervări sau comandați produse, printre alte funcții.
• Inclusiv foi de calcul, clipuri video și alte medii și aplicațiile deja în documentele dvs.

Deci dacă ar fi să faci linia „Câinele meu este foarte dulce” stand de la sine, puteți specifica că este un paragraf încadrându-l în etichete de paragrafe (mai multe despre asta mai târziu), care ar arăta astfel: Câinele meu este foarte dulce

Care este diferența dintre HTML și HTML5?

După cum sugerează și numele, HTML5 este a cincea versiune a standardului HTML. Acceptă integrarea video și audio în limbă, ceea ce reduce nevoia de pluginuri și elemente terțe.

Mai jos sunt principalele diferențe dintre HTML și HTML5:

În plus, există multe elemente de HTML care au fost fie modificate, fie eliminate din HTML5. Acestea includ:

• - Schimbat în
• - Schimbat în
• - Schimbat în
• - Îndepărtat
• - Îndepărtat
• - Îndepărtat
• – Nicio etichetă nouă. Utilizează CSS.
• – Nicio etichetă nouă. Utilizează CSS.
• – Nicio etichetă nouă. Utilizează CSS.
• – Nicio etichetă nouă. Utilizează CSS.
• – Nicio etichetă nouă. Utilizează CSS.

Între timp, HTML5 include și o serie de elemente nou adăugate. Acestea includ:

Exemple HTML5 (Code PlayGround)

Exemple de structură semantică

In HTML5 există câteva elemente semantice care pot fi folosite pentru a defini diferite părți ale unei pagini web. Iată cele mai comune:

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

Exemple de formatare de bază a textului

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

Exemple de tabele

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

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

Cheat Sheet HTML complet

Indiferent dacă sunteți un dezvoltator experimentat sau cineva care doar caută să-și ude picioarele în industrie, întotdeauna ajută să aveți un Cheat sheet formatare HTML la indemana. Și am conceput unul care te poate ajuta la fiecare pas.

Descărcați Cheat Sheet HTML

Ce este CSS?

Foi de stil în cascadă sau CSS descrie modul în care elementele HTML vor fi afișate pe ecran. Deoarece poate controla mai multe aspecte în același timp, vă poate economisi mult timp și efort.

CSS este limbajul pentru descrierea prezentării paginilor Web, inclusiv culorile, aspectul și fonturile. Permite adaptarea prezentării la diferite tipuri de dispozitive, cum ar fi ecrane mari, ecrane mici sau imprimante. – de la W3.org

Care este diferența dintre HTML și CSS?

În timp ce HTML și CSS sunt ambele limbi folosite pentru a construi pagini web și aplicații, ele au funcții diferite.

HTML este ceea ce utilizați pentru a dicta structura și conținutul care va fi afișat pe pagina web.

CSS, pe de altă parte, este folosit pentru modificarea Web Design a elementelor HTML de pe pagina web (inclusiv aspect, efecte vizuale și culoare de fundal).

HTML creează structura și conținutul, CSS face designul sau stilul. Împreună, HTML și CSS formează o interfață de pagină web.

Ce este Sintaxa CSS?

Sintaxa CSS este alcătuită dintr-un selector și un bloc de declarare.

Selectorul determină elementul HTML care urmează să fie stilat în timp ce blocul de declarații conține una sau mai multe declarații sau perechi de CSS un nume de proprietate și o valoare cu două puncte între ele.

Declarațiile sunt separate prin punct și virgulă, iar blocurile de declarații sunt întotdeauna închise între acolade.

De exemplu, dacă doriți să modificați felul în care arată titlul dvs. 1, sintaxa dvs. CSS ar arăta cam așa: h1 {color:red; dimensiunea fontului: 16 buc;}

Fișă completă de cheat CSS

CSS este destul de ușor de utilizat. Provocarea este că există o mulțime de selectori și declarații conform cărora amintirea lor pe toate este dificil, dacă nu imposibil. Totuși, nu trebuie să le memorezi.

Iată un Cheat sheet pentru CSS și CSS3 pe care îl poți folosi oricând.

Descărcați CSS Cheat Sheet

Ce este PHP?

PHP este un acronim pentru Hypertext Preprocessor, un limbaj de scripting popular cu sursă deschisă, încorporat în HTML, utilizat pentru dezvoltarea de site-uri web dinamice, aplicații web sau site-uri web statice.

Întrucât PHP este un limbaj pe partea de server, scripturile sale sunt executate pe server (nu în browser), iar rezultatul său este un HTML simplu pe browser.

PHP este un limbaj de scriptare de uz general cu sursă deschisă, utilizat pe scară largă, care este potrivit în special pentru dezvoltarea web și poate fi încorporat în HTML. – de la PHP.net

Acest limbaj de scripting pe server rulează pe o varietate de sisteme de operare, inclusiv Windows, Mac OS, Linux și Unix. De asemenea, este compatibil cu majoritatea serverelor precum Apache și IIS.

În comparație cu alte limbi precum ASP și JSP, PHP este ușor de învățat pentru începători. PHP oferă, de asemenea, o mulțime de funcții de care au nevoie dezvoltatorii de nivel avansat.

Care este diferența dintre PHP și HTML?

Deși ambele limbi sunt cruciale pentru dezvoltare web, PHP și HTML sunt diferite în mai multe moduri.

Diferența cheie constă în ceea ce sunt folosite cele două limbi.

HTML este folosit pentru partea client (sau front-end) dezvoltare, în timp ce PHP este folosit pentru partea serverului de dezvoltare.

HTML este limbajul folosit de dezvoltatori pentru organizarea conținutului pe un site web, cum ar fi inserarea de text, imagini, tabele și hyperlinkuri, formatarea textului și specificarea culorilor.

Între timp, PHP este folosit pentru a stoca și a prelua date dintr-o bază de date, pentru a efectua operațiuni logice, pentru a trimite și a răspunde la e-mailuri, pentru a încărca și descărca fișiere, pentru a dezvolta aplicații desktop și multe altele.

În ceea ce privește tipul de cod, HTML este static, în timp ce PHP este dinamic. Un cod HTML este întotdeauna același de fiecare dată când este deschis, în timp ce rezultatele PHP variază în funcție de browserul utilizatorului.

Pentru dezvoltatorii noi, ambele limbi sunt ușor de învățat, deși curba de învățare este mai scurtă cu HTML decât PHP.

Cheat Sheet complet PHP

Dacă ești un programator începător care dorește să fie mai competent în PHP sau să-ți extindă cunoștințele despre acesta, iată un Cheat sheet PHP te poți referi rapid la.

Această foaie de cheat constă din funcții PHP – care sunt comenzi rapide pentru codurile utilizate pe scară largă – care sunt încorporate în limbajul de scripting.

Descarcă PHP Cheat Sheet

Cheat Sheet Ultimate HTML, CSS și PHP

Indiferent dacă sunteți un dezvoltator experimentat sau doar cineva care începe să codifice, este grozav să aveți ceva la care puteți reveni oricând pentru referință sau pur și simplu să vă împrospătați memoria.

Și ca un cadou pentru dezvoltatorii care jongla între ele HTML, CSS și PHP, aici este o foaie de cheat ULTIMATE, complet cu tot ce trebuie să știți și să vă amintiți despre aceste trei limbaje de codare:

Descărcați Cheat Sheet combinat HTML, CSS și PHP