HTML, CSS ary PHP: The Ultimate Cheat Sheet

📥 Download my Taratasy fitaka HTML, CSS ary PHP, feno amin'ny zavatra rehetra tokony ho fantatrao sy tadidinao momba ireo fiteny telo kaody ireo.

• Inona no atao hoe HTML?
• Ohatra HTML5 (Code PlayGround)
• 📥 Taratasy fitaka HTML
• Inona no atao hoe CSS?
• 📥 Taratasy fitaka CSS
• Inona no atao hoe PHP?
• 📥 PHP Cheat Sheet
• 📥 HTML CSS sy PHP Cheat Sheet

Mety haharitra taona maro ny fahaizan'ny kaody mba hifehezana tanteraka ny marika rehetra, ny syntax ary ny singa hafa amin'ny fiteny fandaharana mifamatotra matetika.

Na ireo mpamorona efa za-draharaha aza dia mety ho tafiditra ao anatin'ny fandrika hanadino ny fehezanteny marina ho an'ny asa manokana. Noho izany, tsy azo atao ny manantena ny maitso bebe kokoa web developers mba hanana fahatakarana tsy misy kilema ny zavakanto.

Izany no antony takelaka fitaka ho an'ny HTML, CSS ary PHP dia tena ilaina, na firy taona ianao no nanao fanazaran-tena. Izy io dia mpitari-dalana haingana amin'ny fitadiavana ny baiko sy ny syntax mety, ahafahanao mifantoka amin'ny fivoaran'ny tranonkala tena izy.

Eto ambany ianao dia hahita takelaka fitaka mirona amin'ny maso ialohavan'ny famelombelomana haingana mba hanampiana anao amin'ny ezaka ataonao. Nataoko koa izy io mba ho voamarika mora foana, voatahiry, na atao pirinty mba hahamora kokoa anao.

Inona no atao hoe HTML?

HTML dia midika hoe Hypertext Markup Language – kaody ampiasaina hamoronana ny firafitry ny pejy web sy ny atiny.

Ity fiteny marika ity dia ahitana andiana singa izay nampiasaina mba hanehoana ny votoaty na hiasa amin'ny fomba iray ary ampahany lehibe amin'ny kaody farany amin'ny tranokala tsirairay.

HTML no fiteny ilazana ny firafitry ny pejin-tranonkala… Miaraka amin'ny HTML, ny mpanoratra dia mamaritra ny firafitry ny pejy mampiasa marika. Ny singa ao amin'ny fiteny dia manisy marika ny votoaty toy ny andalana, lisitra, latabatra, sns. – avy amin'ny W3.org

Ohatra, azonao atao ny mamehy na mamehy ny ampahany samihafa amin'ny atiny - izay ahafahan'ny marika mametaka teny na rohy hyperlink amin'ny pejy hafa. Azonao atao koa ny mampiasa an'io hanisy sora-mandry ny teny sy hahatonga ny endritsoratra ho lehibe na kely kokoa, ankoatra ny hafa.

Araka ny voalaza tetsy amin'ny W3, ny sasany amin'ireo zavatra hafa azonao atao amin'ny HTML dia ahitana:

• Famoahana antontan-taratasy an-tserasera amin'ny lohateny, lahatsoratra, tabilao, lisitra, sary, Etc.
• Maka ny vaovao an-tserasera amin'ny fipihana bokotra amin'ny alalan'ny rohy hypertext.
• nanaovany teny ho an'ny fanaovana fifampiraharahana amin'ny serivisy lavitra mankany mikaroka fampahalalana, manaova famandrihana, na manafatra vokatra, ankoatry ny asa hafa.
• anisan'izany ny takelaka, horonan-tsary, ary media hafa ary ny fangatahana efa ao amin'ny antontan-taratasinao.

Koa raha te hanao ny tsipika ianao “Tena mamy ny alikako” mijoro irery, azonao atao ny mamaritra fa fehintsoratra izy io amin'ny alàlan'ny fametahana azy amin'ny marika paragrafy (bebe kokoa amin'ity aoriana ity), izay toa: Mamy be ny alikako

Inona no maha samy hafa ny HTML sy HTML5?

Araka ny anarana kevitra, HTML5 no dikan-teny fahadimy amin'ny fenitra HTML. Izy io dia manohana ny fampidirana horonan-tsary sy feo amin'ny fiteny, izay mampihena ny filana plugins sy singa hafa.

Ireto ambany ireto ny fahasamihafana lehibe eo amin'ny HTML sy HTML5:

Fanampin'izany, misy singa HTML maro izay novana na nesorina tao amin'ny HTML5. Anisan'izany ny:

• – Niova ho
• – Niova ho
• – Niova ho
• – Nesorina
• – Nesorina
• – Nesorina
• - Tsy misy marika vaovao. Mampiasa CSS.
• - Tsy misy marika vaovao. Mampiasa CSS.
• - Tsy misy marika vaovao. Mampiasa CSS.
• - Tsy misy marika vaovao. Mampiasa CSS.
• - Tsy misy marika vaovao. Mampiasa CSS.

Mandritra izany fotoana izany, ny HTML5 dia ahitana singa vaovao maromaro ihany koa. Anisan'izany ny:

Ohatra HTML5 (Code PlayGround)

Ohatra amin'ny rafitra semantika

In HTML5 misy singa semantika sasany azo ampiasaina hamaritana ampahany samihafa amin'ny pejin-tranonkala. Ireto ny mahazatra indrindra:

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

Ohatra fandrafetana lahatsoratra fototra

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

Ohatra latabatra

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

Ohatra amin'ny haino aman-jery

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

Complete HTML Cheat Sheet

Na mpamorona efa za-draharaha ianao na olona te-hanao ny tongony amin'ny indostria, dia manampy foana ny fananana Taratasy fandrafetana HTML mora ampiasaina. Ary nanamboatra iray aho izay afaka manampy anao amin'ny dingana rehetra.

Download HTML Cheat Sheet

Inona no atao hoe CSS?

Cascading Style Sheets na CSS mamaritra ny fomba hanehoana singa HTML eo amin'ny efijery. Satria afaka mifehy ny fandrafetana pejy maromaro miaraka amin'ny fotoana iray izy, dia afaka mamonjy anao fotoana sy ezaka be.

CSS no fiteny ilazana ny fanolorana pejin-tranonkala, ao anatin'izany ny loko, ny lamina ary ny endritsoratra. Izy io dia ahafahan'ny iray mampifanaraka ny fampisehoana amin'ny karazana fitaovana isan-karazany, toy ny efijery lehibe, efijery kely, na mpanonta. – avy amin'ny W3.org

Inona no mahasamihafa ny HTML sy CSS?

Raha samy fiteny ampiasaina hanamboarana pejin-tranonkala sy fampiharana ny HTML sy CSS, dia samy manana ny asany izy ireo.

HTML no ampiasainao handidy ny rafitra sy ny atiny izay haseho amin'ny pejin-tranonkala.

Ny CSS, etsy ankilany, dia ampiasaina amin'ny fanovana ny Malagasy famolavolana amin'ireo singa HTML ao amin'ny pejin-tranonkala (anisan'izany ny fandrindrana, ny vokatra hita maso, ary ny loko ambadika).

HTML no mamorona ny rafitra sy ny atiny, CSS no manao ny endrika na ny fomba. Miaraka, HTML sy CSS no mandrafitra ny pejy web interface.

Inona no atao hoe CSS Syntax?

CSS Syntax dia voaforon'ny mpifidy sy sakana fanambarana.

Ny mpifidy no mamaritra ny singa HTML ho asiana endrika raha toa ka misy fanambarana iray na maromaro na maromaro amin'ny CSS anarana sy sanda misy tsangambato eo anelanelan'izy ireo ny sakana fanambaràna.

Ny fanambaràna dia sarahin'ny semicolons ary ny bloc declaration dia asiana braces olioly foana.

Ohatra, raha te hanova ny endriky ny lohateninao 1 ianao, dia ho toy izao ny syntax CSS-nao: h1 {color:red; haben'ny endri-tsoratra: 16pc;}

Fenoy ny CSS Cheat Sheet

Ny CSS dia mora ampiasaina. Ny fanamby dia be dia be ny mpifidy sy ny fanambarana fa sarotra na tsy azo atao ny mitadidy azy rehetra. Tsy voatery manao tsianjery azy ireo anefa ianao.

Indro misy takelaka ho an'ny CSS sy CSS3 izay azonao ampiasaina amin'ny fotoana rehetra.

Download CSS Cheat Sheet

Inona no atao hoe PHP?

PHP dia fanafohezana ny Hypertext Preprocessor, loharano misokatra malaza, fiteny sora-baventy misy HTML ampiasaina amin'ny famolavolana vohikala mavitrika, fampiharana tranonkala, na tranokala static.

Koa satria PHP dia fiteny amin'ny lafiny server, ny sorany dia tanterahina amin'ny mpizara (fa tsy ao amin'ny navigateur), ary ny famoahana azy dia HTML tsotra amin'ny navigateur.

PHP dia fiteny fampiasa amin'ny teny fanoratana ankapoben'ny loharano misokatra izay mety indrindra amin'ny fampivoarana tranonkala ary azo ampidirina amin'ny HTML. – avy amin'ny PHP.net

Ity fiteny fanoratana amin'ny lafiny server ity dia mandeha amin'ny rafitra fiasa isan-karazany, ao anatin'izany ny Windows, Mac OS, Linux, ary Unix. Mifanaraka amin'ny ankamaroan'ny mpizara toa an'i Apache sy IIS ihany koa izy io.

Raha ampitahaina amin'ny fiteny hafa toa ny ASP sy JSP, PHP dia mora ianarana ho an'ireo vao manomboka. Ny PHP ihany koa dia manolotra endri-javatra maro izay ilain'ny mpamorona avo lenta.

Inona no maha samy hafa ny PHP sy HTML?

Na dia samy zava-dehibe aza ny fiteny roa Malagasy fampandrosoana, PHP sy HTML dia samy hafa amin'ny fomba maro.

Ny tena maha samy hafa dia ny hoe inona no ampiasaina amin'ny fiteny roa.

HTML dia ampiasaina amin'ny lafiny mpanjifa (na eo anoloana) fampandrosoana, raha PHP dia ampiasaina amin'ny lafiny server fampandrosoana.

HTML no fiteny ampiasain'ny mpamorona amin'ny fandaminana votoaty amin'ny tranonkala iray, toy ny fampidirana lahatsoratra, sary, tabilao, rohy, rohy, fandrafetana lahatsoratra, ary famaritana loko.

Mandritra izany fotoana izany, PHP dia ampiasaina hitahiry sy haka angon-drakitra avy amin'ny angon-drakitra, hanao asa lojika, handefasana sy hamaly mailaka, hampiditra sy hisintona rakitra, hamolavola rindranasa desktop, sy ny maro hafa.

Raha ny karazana code, Ny HTML dia static raha ny PHP dia mavitrika. Ny kaody HTML dia mitovy foana isaky ny misokatra, fa ny valin'ny PHP dia miovaova arakaraka ny navigateur mpampiasa.

Ho an'ny mpamorona vaovao dia mora ianarana ireo fiteny roa ireo, na dia fohy kokoa aza ny curve fianarana amin'ny HTML noho ny PHP.

Fenoy PHP Cheat Sheet

Raha programmer vaovao ianao ka te hahay kokoa amin'ny PHP na hanitatra ny fahalalanao momba izany, ity misy PHP cheat sheet azonao atao ny manondro haingana.

Ity takelaka fitaka ity dia misy fiasa PHP - izay hitsin-dàlana ho an'ny kaody be mpampiasa - izay natsangana tamin'ny fiteny scripting.

Download PHP Cheat Sheet

Ny Ultimate HTML, CSS ary PHP Cheat Sheet

Na mpamorona efa za-draharaha ianao na olona vao manomboka manao coding, dia mahafinaritra ny manana zavatra azonao iverenana foana ho fanondroana na hamelombelona ny fitadidianao fotsiny.

Ary ho toy ny fanomezana ho an'ny developer izay juggle eo HTML, CSS, ary PHP, ity misy takelaka fitaka ULTIMATE, feno amin'ny zavatra rehetra tokony ho fantatrao sy tadidinao momba ireto fiteny telo ireto:

Misintona HTML, CSS & PHP Cheat Sheet