HTML, CSS dhe PHP: Fleta përfundimtare e mashtrimit

📥 Shkarkoni tim Fletët e mashtrimit HTML, CSS dhe PHP, i plotësuar me gjithçka që ju duhet të dini dhe mbani mend në lidhje me këto tre gjuhë kodimi.

• Çfarë është HTML?
• Shembuj HTML5 (Kodi PlayGround)
• 📥 Fletë mashtrimi HTML
• Çfarë është CSS?
• 📥 Fletë mashtrimi CSS
• Çfarë është PHP?
• 📥 Fletë mashtrimi PHP
• 📥 Fletë mashtrimi HTML CSS dhe PHP

Arti i kodimit mund të marrë vite për t'u zotëruar plotësisht me të gjitha etiketat, sintaksat dhe elementët e tjerë të gjuhëve të programimit shpesh të ndërthurura.

Edhe zhvilluesit më me përvojë mund të bien në grackën e harrimit të sintaksës së saktë për detyra të veçanta. Si e tillë, është joreale të presësh më shumë gjelbërim zhvilluesit e uebit për të pasur një zotërim të përsosur të artit.

Kjo është arsyeja pse fletë mashtrimi për HTML, CSS dhe PHP janë jashtëzakonisht të dobishme, pavarësisht se sa kohë keni praktikuar. Ai shërben si një udhëzues i shpejtë për të gjetur komandat dhe sintaksat e duhura, duke ju lejuar të përqendroheni në zhvillimin aktual të uebit.

Më poshtë, do të gjeni fletë mashtrimi me prirje vizuale, të paraprira nga rifreskues të shpejtë për t'ju ndihmuar në përpjekjet tuaja për kodim. Unë e kam bërë gjithashtu që të shënohet, ruhet ose printohet lehtësisht për lehtësinë tuaj.

Çfarë është HTML?

HTML qëndron për gjuhën e shënjimit të hipertekstit – një kod që përdoret për të krijuar strukturën për një faqe interneti dhe përmbajtjen e saj.

Kjo gjuhë shënjimi përbëhet nga një seri elementësh që përdoren për të bërë përmbajtjen të shfaqet ose të funksionojë në një mënyrë të caktuar dhe është një pjesë kryesore e kodit të faqes së përparme të çdo faqe interneti.

HTML është gjuha për përshkrimin e strukturës së ueb faqeve… Me HTML, autorët përshkruajnë strukturën e faqeve duke përdorur markup. Elementet e gjuhës emërtojnë pjesë të përmbajtjes si paragrafi, lista, tabela, etj. - nga W3.org

Për shembull, mund të mbyllni ose mbështillni pjesë të ndryshme të përmbajtjes – ku etiketat mbyllëse mund të krijojnë një lidhje të një fjale ose imazhi me një faqe tjetër. Ju gjithashtu mund ta përdorni këtë për të përmbledhur fjalët dhe për t'i bërë fontet më të mëdha ose më të vogla, ndër të tjera.

Siç është cekur nga W3, disa nga gjërat e tjera që HTML ju lejon të bëni përfshijnë:

• Publikimi i dokumenteve online me titujt, teksti, tabelat, listat, fotot, Etj
• Marrja e informacionit në internet me klikimin e një butoni nëpërmjet lidhjet e hipertekstit.
• projektim Format për kryerjen e transaksioneve me shërbime në distancë për kërkoni informacion, bëni rezervime ose porositni produkte, ndër funksionet e tjera.
• Duke përfshirë fletëllogaritëse, videoklipe dhe media të tjera dhe aplikacionet tashmë në dokumentet tuaja.

Pra, nëse do të bënit linjën “Qeni im është shumë i ëmbël” qëndroni më vete, mund të specifikoni se është një paragraf duke e mbyllur në etiketat e paragrafëve (më shumë për këtë më vonë), që do të duket si: Qeni im është shumë i ëmbël

Cili është ndryshimi midis HTML dhe HTML5?

Si emri sugjeron, HTML5 është versioni i pestë i standardit HTML. Ai mbështet integrimin e videos dhe audios në gjuhë, gjë që redukton nevojën për shtojca dhe elementë të palëve të treta.

Më poshtë janë ndryshimet kryesore midis HTML dhe HTML5:

Për më tepër, ka shumë elementë të HTML që janë modifikuar ose hequr nga HTML5. Kjo perfshin:

• – Ndryshuar në
• – Ndryshuar në
• – Ndryshuar në
• – U hoq
• – U hoq
• – U hoq
• - Asnjë etiketë e re. Përdor CSS.
• - Asnjë etiketë e re. Përdor CSS.
• - Asnjë etiketë e re. Përdor CSS.
• - Asnjë etiketë e re. Përdor CSS.
• - Asnjë etiketë e re. Përdor CSS.

Ndërkohë, HTML5 përfshin gjithashtu një numër elementësh të shtuar rishtazi. Kjo perfshin:

Shembuj HTML5 (Kodi PlayGround)

Shembuj të strukturës semantike

In HTML5 ka disa elemente semantike që mund të përdoren për të përcaktuar pjesë të ndryshme të një faqe interneti. Këtu janë ato më të zakonshmet:

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

Shembuj bazë të formatimit të tekstit

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

Shembuj tabelash

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

Shembuj mediash

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

Fletën e plotë të mashtrimit HTML

Pavarësisht nëse jeni një zhvillues me përvojë ose dikush që thjesht po kërkon të lagështojë këmbët e tij në industri, gjithmonë ndihmon të kesh një Fletë mashtrimi të formatimit HTML i dobishëm. Dhe unë kam projektuar një që mund t'ju ndihmojë në çdo hap të rrugës.

Shkarkoni fletën e mashtrimit HTML

Çfarë është CSS?

Fletët e stilit kaskadë ose CSS përshkruan se si elementët HTML do të shfaqen në ekran. Për shkak se mund të kontrollojë paraqitjet e shumë faqeve në të njëjtën kohë, mund t'ju kursejë shumë kohë dhe përpjekje.

CSS është gjuha për përshkrimin e prezantimit të faqeve të internetit, duke përfshirë ngjyrat, paraqitjen dhe shkronjat. Ai lejon që dikush të përshtatë prezantimin me lloje të ndryshme pajisjesh, të tilla si ekrane të mëdha, ekrane të vegjël ose printera. - nga W3.org

Cili është ndryshimi midis HTML dhe CSS?

Ndërsa HTML dhe CSS janë të dyja gjuhë të përdorura për të ndërtuar uebfaqe dhe aplikacione, ato kanë funksione të ndryshme.

HTML është ajo që përdorni për të diktuar strukturën dhe përmbajtjen që do të shfaqet në faqen e internetit.

CSS, nga ana tjetër, përdoret për modifikimin e web design të elementeve HTML në faqen e internetit (duke përfshirë paraqitjen, efektet vizuale dhe ngjyrën e sfondit).

HTML krijon strukturën dhe përmbajtjen, CSS bën dizajnin ose stilin. Së bashku, HTML dhe CSS përbëjnë një ndërfaqe të faqes në internet.

Çfarë është sintaksa CSS?

Sintaksa CSS përbëhet nga një përzgjedhës dhe një bllok deklarimi.

Përzgjedhësi përcakton elementin HTML që do të stilohet ndërsa blloku i deklarimit përmban një ose më shumë deklarata ose çifte CSS një emër pronësie dhe një vlerë me një dy pika midis tyre.

Deklaratat janë të ndara me pikëpresje dhe blloqet e deklaratave janë gjithmonë të mbyllura në kllapa kaçurrelë.

Për shembull, nëse dëshironi të modifikoni pamjen e titullit tuaj 1, sintaksa juaj CSS do të duket diçka si kjo: h1 {color:red; madhësia e shkronjave: 16 pc;}

Fleta e plotë mashtrimi CSS

CSS është mjaft e lehtë për t'u përdorur. Sfida është se ka shumë përzgjedhës dhe deklarata që kujtimi i të gjithëve është i vështirë nëse jo i pamundur. Megjithatë, nuk keni nevojë t'i mësoni përmendësh.

Këtu është një fletë mashtrimi për CSS dhe CSS3 që mund ta përdorni në çdo kohë.

Shkarkoni fletën e mashtrimit CSS

Çfarë është PHP?

PHP është një akronim për Hypertext Preprocessor, një gjuhë e njohur skriptimi me burim të hapur, të ngulitur në HTML, e përdorur për zhvillimin e faqeve të internetit dinamike, aplikacioneve në ueb ose uebsajteve statike.

Që prej PHP është një gjuhë nga ana e serverit, skriptet e tij ekzekutohen në server (jo në shfletues), dhe dalja e tij është një HTML e thjeshtë në shfletues.

PHP është një gjuhë skriptimi me burim të hapur të përdorur gjerësisht për qëllime të përgjithshme, e cila është veçanërisht e përshtatshme për zhvillimin e uebit dhe mund të futet në HTML. - nga PHP.net

Kjo gjuhë skriptimi nga ana e serverit funksionon në një sërë sistemesh operative, duke përfshirë Windows, Mac OS, Linux dhe Unix. Është gjithashtu i pajtueshëm me shumicën e serverëve si Apache dhe IIS.

Krahasuar me gjuhë të tjera si ASP dhe JSP, PHP është e lehtë për t'u mësuar për fillestarët. PHP ofron gjithashtu shumë veçori që u nevojiten zhvilluesve të nivelit të avancuar.

Cili është ndryshimi midis PHP dhe HTML?

Edhe pse të dyja gjuhët janë vendimtare për Tema & Dukje, PHP dhe HTML janë të ndryshme në disa mënyra.

Dallimi kryesor qëndron në atë për çfarë përdoren të dy gjuhët.

HTML përdoret për anën e klientit (ose front-end) zhvillim, ndërsa PHP përdoret nga ana e serverit zhvillimit.

HTML është gjuha që zhvilluesit përdorin për organizimin e përmbajtjes në një faqe interneti, të tilla si futja e tekstit, imazheve, tabelave dhe hiperlidhjeve, formatimi i tekstit dhe specifikimi i ngjyrave.

Ndërkohë, PHP përdoret për të ruajtur dhe marrë të dhëna nga një bazë të dhënash, për të kryer operacione logjike, për të dërguar dhe për t'iu përgjigjur emaileve, për të ngarkuar dhe shkarkuar skedarë, për të zhvilluar aplikacione për desktop dhe më shumë.

Për sa i përket llojit të kodit, HTML është statike ndërsa PHP është dinamike. Një kod HTML është gjithmonë i njëjtë sa herë që hapet, ndërsa rezultatet PHP ndryshojnë në varësi të shfletuesit të përdoruesit.

Për zhvilluesit e rinj, të dyja gjuhët janë të lehta për t'u mësuar, megjithëse kurba e të mësuarit është më e shkurtër me HTML sesa PHP.

Fleta e plotë e mashtrimit PHP

Nëse jeni një programues fillestar që dëshironi të jeni më të aftë në PHP ose të zgjeroni njohuritë tuaja për të, këtu është një Fletë mashtrimi PHP ju mund t'i referoheni shpejt.

Kjo fletë mashtrimi përbëhet nga funksione PHP – të cilat janë shkurtore për kodet e përdorura gjerësisht – që janë të integruara në gjuhën e skriptimit.

Shkarkoni fletën e mashtrimit PHP

Fleta e mashtrimit përfundimtar HTML, CSS dhe PHP

Pavarësisht nëse je një zhvillues me përvojë ose thjesht dikush që fillon të kodojë, është mirë të kesh diçka të cilës mund t'i rikthehesh gjithmonë për referencë ose thjesht të rifreskosh kujtesën.

Dhe si një dhuratë për zhvilluesit që mashtrojnë mes tyre HTML, CSS dhe PHP, këtu është një fletë mashtrimi ULTIMATE, i plotësuar me gjithçka që ju duhet të dini dhe mbani mend në lidhje me këto tre gjuhë kodimi:

Shkarkoni fletën e mashtrimit të kombinuar HTML, CSS dhe PHP