HTML, CSS un PHP: labākā apkrāptu lapa

📥 Lejupielādēt manu HTML, CSS un PHP apkrāptu lapas, komplektā ar visu, kas jums jāzina un jāatceras par šīm trim kodēšanas valodām.

• Kas ir HTML?
• HTML5 piemēri (Code PlayGround)
• 📥 HTML apkrāptu lapa
• Kas ir CSS?
• 📥 CSS apkrāptu lapa
• Kas ir PHP?
• 📥 PHP apkrāptu lapa
• 📥 HTML CSS un PHP apkrāptu lapa

Kodēšanas māksla var aizņemt vairākus gadus, lai pilnībā apgūtu visus tagus, sintakses un citus programmēšanas valodu elementus, kas bieži ir savstarpēji saistīti.

Pat pieredzējušāki izstrādātāji var iekrist slazdā, aizmirstot pareizo sintaksi konkrētiem uzdevumiem. Tāpēc ir nereāli gaidīt vairāk zaļās krāsas tīmekļa izstrādātāji nevainojami izprast mākslu.

Tas ir iemesls, kāpēc apkrāptu lapas HTML, CSS un PHP ir ārkārtīgi noderīgi neatkarīgi no tā, cik ilgi esat praktizējis. Tas kalpo kā ātrs ceļvedis pareizo komandu un sintakses atrašanai, ļaujot koncentrēties uz faktisko tīmekļa izstrādi.

Zemāk jūs atradīsiet vizuāli slīpas apkrāptu lapas, pirms kurām ir ātri atsvaidzināšanas līdzekļi, lai palīdzētu jums kodēšanas centienos. Jūsu ērtībai esmu to arī izveidojis tā, lai to varētu viegli pievienot grāmatzīmēm, saglabāt vai izdrukāt.

Kas ir HTML?

HTML apzīmē hiperteksta iezīmēšanas valodu – kods, ko izmanto, lai izveidotu tīmekļa lapas un tās satura struktūru.

Šī iezīmēšanas valoda sastāv no virknes elementu, ko izmanto, lai saturs parādītos vai darbotos noteiktā veidā, un tā ir katras vietnes priekšgala koda galvenā daļa.

HTML ir valoda Web lapu struktūras aprakstīšanai… Izmantojot HTML, autori apraksta lapu struktūru, izmantojot marķējumu. Valodas elementi apzīmē satura daļas, piemēram, rindkopa, saraksts, tabula utt. – no W3.org

Piemēram, varat pievienot vai ietīt dažādas satura daļas, kur iekļaujošie tagi var izveidot vārdu vai attēlu hipersaiti uz citu lapu. Varat arī to izmantot, lai, cita starpā, vārdus kursētu un palielinātu vai samazinātu fontus.

Kā atzīmēja W3, dažas citas lietas, ko HTML ļauj darīt, ietver:

• Tiešsaistes dokumentu publicēšana ar virsraksti, teksts, tabulas, saraksti, fotogrāfijas, Uc
• Tiešsaistes informācijas izgūšana, noklikšķinot uz pogas, izmantojot hiperteksta saites.
• Projektēšana formas darījumu veikšanai ar attālinātiem pakalpojumiem uz meklēt informāciju, veikt rezervācijas vai pasūtīt produktus, starp citām funkcijām.
• Ieskaitot izklājlapas, videoklipi un citi multivides līdzekļi un pieteikumiem, kas jau ir jūsu dokumentos.

Tātad, ja jums vajadzētu izveidot līniju “Mans suns ir ļoti mīļš” stāvēt pats par sevi, varat norādīt, ka tā ir rindkopa, iekļaujot to rindkopu tagos (vairāk par to vēlāk), kas izskatās šādi: Mans suns ir ļoti mīļš

Kāda ir atšķirība starp HTML un HTML5?

Kā norāda nosaukums, HTML5 ir HTML standarta piektā versija. Tā atbalsta video un audio integrāciju valodā, kas samazina vajadzību pēc trešo pušu spraudņiem un elementiem.

Tālāk ir norādītas galvenās atšķirības starp HTML un HTML5.

Turklāt ir daudzi HTML elementi, kas ir vai nu pārveidoti, vai noņemti no HTML5. Tie ietver:

• – Mainīts uz
• – Mainīts uz
• – Mainīts uz
• – Noņemts
• – Noņemts
• – Noņemts
• - Nav jaunas atzīmes. Izmanto CSS.
• - Nav jaunas atzīmes. Izmanto CSS.
• - Nav jaunas atzīmes. Izmanto CSS.
• - Nav jaunas atzīmes. Izmanto CSS.
• - Nav jaunas atzīmes. Izmanto CSS.

Tikmēr HTML5 ietver arī vairākus tikko pievienotus elementus. Tie ietver:

HTML5 piemēri (Code PlayGround)

Semantiskās struktūras piemēri

In HTML5 ir daži semantiski elementi, kurus var izmantot, lai definētu dažādas tīmekļa lapas daļas. Šeit ir visizplatītākie:

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

Pamata teksta formatēšanas piemēri

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

Tabulu piemēri

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

Plašsaziņas līdzekļu piemēri

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

Pabeigt HTML Cheat Sheet

Neatkarīgi no tā, vai esat pieredzējis izstrādātājs vai kāds, kurš tikai vēlas iegūt savas kājas šajā nozarē, vienmēr palīdz HTML formatēšanas apkrāptu lapa parocīgs. Un es esmu izstrādājis tādu, kas varētu jums palīdzēt ik uz soļa.

Lejupielādēt HTML apkrāptu lapu

Kas ir CSS?

Kaskādes stila lapas vai CSS apraksta, kā HTML elementi tiks parādīti ekrānā. Tā kā tas var kontrolēt vairāku lapu izkārtojumus vienlaikus, tas var ietaupīt daudz laika un pūļu.

CSS ir valoda, lai aprakstītu tīmekļa lapu prezentāciju, tostarp krāsas, izkārtojumu un fontus. Tas ļauj pielāgot prezentāciju dažāda veida ierīcēm, piemēram, lieliem ekrāniem, maziem ekrāniem vai printeriem. – no W3.org

Kāda ir atšķirība starp HTML un CSS?

Lai gan HTML un CSS ir valodas, ko izmanto tīmekļa lapu un lietojumprogrammu veidošanai, tām ir dažādas funkcijas.

HTML ir tas, ko izmantojat, lai diktētu struktūru un saturu, kas tiks parādīts tīmekļa lapā.

No otras puses, CSS tiek izmantots, lai modificētu web dizains HTML elementi tīmekļa lapā (tostarp izkārtojums, vizuālie efekti un fona krāsa).

HTML veido struktūru un saturu, CSS veido dizainu vai stilu. HTML un CSS kopā veido tīmekļa lapas saskarni.

Kas ir CSS sintakse?

CSS sintakse sastāv no atlasītāja un deklarācijas bloka.

Atlasītājs nosaka veidojamo HTML elementu, savukārt deklarāciju blokā ir viena vai vairākas deklarācijas vai CSS pāri, rekvizīta nosaukums un vērtība ar kolu starp tām.

Deklarācijas tiek atdalītas ar semikolu, un deklarāciju bloki vienmēr ir ievietoti krokainās iekavās.

Piemēram, ja vēlaties mainīt 1. virsraksta izskatu, jūsu CSS sintakse izskatīsies apmēram šādi: h1 {color:red; fonta izmērs: 16 gab;}

Aizpildiet CSS apkrāptu lapu

CSS ir pietiekami viegli lietojams. Izaicinājums ir tāds, ka ir daudz atlasītāju un paziņojumu, ka tos visus atcerēties ir grūti, ja ne neiespējami. Tomēr jums tie nav jāiegaumē.

Lūk apkrāptu lapa CSS un CSS3 ko varat izmantot jebkurā laikā.

Lejupielādēt CSS apkrāptu lapu

Kas ir PHP?

PHP ir akronīms vārdam Hypertext Preprocessor, populāra atvērtā pirmkoda, HTML iegulta skriptu valoda, ko izmanto dinamisku vietņu, tīmekļa lietojumprogrammu vai statisku vietņu izstrādei.

Kopš PHP ir servera puses valoda, tā skripti tiek izpildīti serverī (nevis pārlūkprogrammā), un tā izvade ir vienkāršs HTML pārlūkprogrammā.

PHP ir plaši izmantota atvērtā pirmkoda vispārējas nozīmes skriptu valoda, kas ir īpaši piemērota tīmekļa izstrādei un ko var iegult HTML. – no PHP.net

Šī servera puses skriptu valoda darbojas dažādās operētājsistēmās, tostarp Windows, Mac OS, Linux un Unix. Tas ir saderīgs arī ar lielāko daļu serveru, piemēram, Apache un IIS.

Salīdzinot ar citām valodām, piemēram, ASP un JSP, PHP ir viegli iemācīties iesācējiem. PHP piedāvā arī daudzas funkcijas, kas nepieciešamas progresīva līmeņa izstrādātājiem.

Kāda ir atšķirība starp PHP un HTML?

Lai gan abas valodas ir ļoti svarīgas web izstrāde, PHP un HTML atšķiras vairākos veidos.

Galvenā atšķirība ir tajā, kam tiek izmantotas abas valodas.

HTML tiek izmantots klienta pusē (vai front-end) izstrāde, kamēr PHP tiek izmantots servera pusē izstrāde.

HTML ir valoda, ko izstrādātāji izmanto satura organizēšanai vietnē, piemēram, teksta, attēlu, tabulu un hipersaišu ievietošanai, teksta formatēšanai un krāsu norādīšanai.

Tikmēr PHP tiek izmantots, lai uzglabātu un izgūtu datus no datu bāzes, veiktu loģiskas darbības, nosūtītu un atbildētu uz e-pastiem, augšupielādētu un lejupielādētu failus, izstrādātu darbvirsmas lietojumprogrammas un daudz ko citu.

Runājot par koda veidu, HTML ir statisks, savukārt PHP ir dinamisks. HTML kods vienmēr ir vienāds katru reizi, kad tas tiek atvērts, savukārt PHP rezultāti atšķiras atkarībā no lietotāja pārlūkprogrammas.

Jaunajiem izstrādātājiem abas valodas ir viegli iemācīties, lai gan HTML mācīšanās līkne ir īsāka nekā PHP.

Aizpildiet PHP apkrāptu lapu

Ja esat iesācējs programmētājs, kurš vēlas apgūt PHP vai paplašināt savas zināšanas par to, šeit ir PHP apkrāptu lapa jūs varat ātri atsaukties.

Šī krāpšanās lapa sastāv no PHP funkcijām, kas ir plaši izmantoto kodu īsceļi, kas ir iebūvēti skriptu valodā.

Lejupielādējiet PHP apkrāptu lapu

Ultimate HTML, CSS un PHP apkrāptu lapa

Neatkarīgi no tā, vai esat pieredzējis izstrādātājs vai kāds, kurš tikai sāc kodēt, ir lieliski, ja jums ir kaut kas, pie kā vienmēr varat atgriezties, lai iegūtu uzziņu vai vienkārši atsvaidzinātu atmiņu.

Un kā dāvana izstrādātājiem, kuri žonglē starp HTML, CSS un PHP, šeit ir ULTIMATE apkrāptu lapa, komplektā ar visu, kas jums jāzina un jāatceras par šīm trim kodēšanas valodām:

Lejupielādējiet kombinēto HTML, CSS un PHP apkrāptu lapu