HTML, CSS na PHP: Akwụkwọ aghụghọ kacha mma

📥 Download nke m HTML, CSS na PHP mpempe akwụkwọ aghụghọ, juputara na ihe niile ịchọrọ ịma ma cheta gbasara asụsụ atọ ndị a.

• Gịnị bụ HTML?
• Ọmụmaatụ HTML5 (koodu PlayGround)
• 📥 HTML Cheat Sheet
• Kedu ihe bụ CSS?
• 📥 Akwụkwọ aghụghọ CSS
• Kedu ihe bụ PHP?
• 📥 Mpempe akwụkwọ aghụghọ PHP
• 📥 HTML CSS na PHP Cheat Sheet

Nkà nke koodu nzuzo nwere ike were ọtụtụ afọ iji mara mkpado niile, syntaxes, na akụkụ ndị ọzọ nke asụsụ mmemme na-ejikọkarị ọnụ.

Ọbụna ndị mmepe nwere ahụmahụ nwere ike ịdaba n'ọnyà nke ichefu syntax ziri ezi maka otu ọrụ. Dị ka nke a, ọ bụ ihe ezi uche na-adịghị na ya ịtụ anya akwụkwọ ndụ akwụkwọ ndụ ọzọ ndị mmepe weebụ inwe nghọta na-enweghị ntụpọ nke nka.

Nke a bụ ihe mere mpempe akwụkwọ aghụghọ maka HTML, CSS na PHP bara uru nke ukwuu, n'agbanyeghị ogologo oge ị na-eme ihe. Ọ na-eje ozi dị ka onye ndu ngwa ngwa ịchọta iwu ziri ezi na syntaxes, na-enye gị ohere ilekwasị anya na mmepe weebụ n'ezie.

N'okpuru ebe a, ị ga-ahụ mpempe akwụkwọ aghụghọ na-achọsi ike anya nke ndị na-enye ume ọhụrụ ga-enyere gị aka na mbọ nzuzo gị. Emekwara m ya ka ọ dị mfe ịdekọ, chekwaa ma ọ bụ bipụta ya maka ịdị mma gị.

Gịnị bụ HTML?

HTML na-anọchi anya Hypertext Markup Language – koodu nke eji emepụta nhazi maka ibe weebụ yana ọdịnaya ya.

Asụsụ akara a nwere usoro ihe eji eme ka ọdịnaya pụta ma ọ bụ rụọ ọrụ n'ụzọ ụfọdụ ma bụrụ akụkụ bụ isi nke koodu n'ihu nke weebụsaịtị ọ bụla.

HTML bụ asụsụ maka ịkọwa usoro nke ibe weebụ … Na HTML, ndị ode akwụkwọ na-akọwa usoro nke ibe site na iji akara. Ihe ndị dị na akara asụsụ ahụ na-edobe iberibe ọdịnaya dịka paragraf, ndepụta, tebụl, na ihe ndị ọzọ. - sitere na W3.org

Dịka ọmụmaatụ, ị nwere ike itinye ma ọ bụ kechie akụkụ dị iche iche nke ọdịnaya - ebe mkpado mkpuchi nwere ike ime ka otu okwu ma ọ bụ ihe oyiyi hyperlink na ibe ọzọ. Ịnwekwara ike iji nke a depụta mkpụrụ okwu ma mee ka mkpụrụedemede ukwu ma ọ bụ pere mpe, n'etiti ndị ọzọ.

Dị ka e kwuru site W3, ụfọdụ ihe HTML na-enye gị ohere ime gụnyere:

• Iji bipụta akwụkwọ n'ịntanetị isiokwu, ederede, tebụl, ndepụta, foto, Wdg
• Iweghachite ozi ịntanetị na ịpị bọtịnụ site na njikọ hypertext.
• emebe forms n'ihi na-eduzi azụmahịa na ime obodo ọrụ ka chọọ ozi, ndoputa, ma ọ bụ tụọ ngwaahịa, n'etiti ọrụ ndị ọzọ.
• tinyere mpempe akwụkwọ, obere vidiyo na mgbasa ozi ndị ọzọ na ngwa dị na akwụkwọ gị.

Ya mere ọ bụrụ na ị ga-eme akara "Nkịta m na-atọ ụtọ nke ukwuu" guzo naanị ya, ị nwere ike ịkọwapụta na ọ bụ paragraf site na itinye ya na mkpado paragraf (karịa na nke a mechara), nke ga-adị ka: Nkịta m na-atọ ụtọ nke ukwuu

Kedu ihe dị iche n'etiti HTML na HTML5?

Dị ka aha na-atụ aro, HTML5 bụ ụdị nke ise nke ọkọlọtọ HTML. Ọ na-akwado ntinye vidiyo na ọdịyo n'ime asụsụ, nke na-ebelata mkpa nke plugins na ihe ndị ọzọ.

N'okpuru bụ isi ọdịiche dị n'etiti HTML na HTML5:

Na mgbakwunye, enwere ọtụtụ ihe HTML emezigharịrị ma ọ bụ wepụ na HTML5. Ndị a gụnyere:

• – Agbanwere ka
• – Agbanwere ka
• – Agbanwere ka
• – Wepụrụ
• – Wepụrụ
• – Wepụrụ
• – Ọ dịghị ọhụrụ mkpado. Na-eji CSS.
• – Ọ dịghị ọhụrụ mkpado. Na-eji CSS.
• – Ọ dịghị ọhụrụ mkpado. Na-eji CSS.
• – Ọ dịghị ọhụrụ mkpado. Na-eji CSS.
• – Ọ dịghị ọhụrụ mkpado. Na-eji CSS.

Ka ọ dị ugbu a, HTML5 tinyekwara ọtụtụ ihe ndị agbakwunyere ọhụrụ. Ndị a gụnyere:

Ọmụmaatụ HTML5 (koodu PlayGround)

Ihe Nlereanya Nhazi Semantic

In HTML5 enwere ụfọdụ ihe nhụsianya enwere ike iji kọwaa akụkụ dị iche iche nke ibe weebụ. Nke a bụ ndị a na-ahụkarị:

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

Ihe Nlereanya Nhazi ederede bụ isi

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

Ihe Nlereanya Okpokoro

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

Ihe Nlereanya Mgbasa Ozi

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

Mpempe akwụkwọ aghụghọ HTML zuru ezu

Ma ị bụ onye nrụpụta nwere ahụmahụ ma ọ bụ onye na-achọ naanị ka mmiri mmiri na ụlọ ọrụ ahụ, ọ na-enyere aka mgbe niile inwe Akwụkwọ aghụghọ HTML kemfe. Emebekwara m otu nke ga-enyere gị aka n'ụzọ ọ bụla.

Budata mpempe akwụkwọ aghụghọ HTML

Kedu ihe bụ CSS?

Mpempe akwụkwọ Style Cascading ma ọ bụ CSS na-akọwa ka a ga-esi gosipụta ihe HTML na ihuenyo. N'ihi na ọ nwere ike ijikwa nhazi ọtụtụ ibe n'otu oge, ọ nwere ike ịchekwa gị nnukwu oge na mbọ.

CSS bụ asụsụ maka ịkọwa ihe ngosi ibe weebụ, gụnyere agba, okirikiri nhọrọ ukwuu na mkpụrụedemede. Ọ na-enye ohere ka mmadụ gbanwee ihe ngosi na ụdị ngwaọrụ dị iche iche, dị ka nnukwu ihuenyo, obere ihuenyo, ma ọ bụ ngwa nbipute. - sitere na W3.org

Kedu ihe dị iche n'etiti HTML na CSS?

Ebe HTML na CSS bụ asụsụ abụọ a na-eji wuo ibe weebụ na ngwa, ha nwere ọrụ dị iche iche.

HTML bụ ihe ị na-eji ekpebi nhazi na ọdịnaya nke a ga-egosipụta na ibe weebụ.

CSS, n'aka nke ọzọ, a na-eji maka mgbanwe nke web imewe nke ihe HTML dị na ibe weebụ (gụnyere okirikiri nhọrọ ukwuu, mmetụta a na-ahụ anya, na agba ndabere).

HTML na-emepụta nhazi na ọdịnaya, CSS na-eme nhazi ma ọ bụ ụdị. Ọnụ, HTML na CSS mebere interface ibe weebụ.

Kedu ihe bụ CSS Syntax?

Njikọ CSS bụ nke ahọpụtara na ngọngọ nkwupụta.

Onye nhọpụta ahụ na-ekpebi mmewere HTML ka a ga-edobe ebe mgbochi nkwupụta nwere otu nkwupụta ma ọ bụ karịa ma ọ bụ ụzọ abụọ CSS aha akụrụngwa yana uru nwere oghere n'etiti ha.

A na-ekewa nkwupụta site na semicolons, a na-etinyekwa ngọngọ nkwupụta mgbe niile n'ime ihe nkwado.

Dịka ọmụmaatụ, ọ bụrụ na ịchọrọ ịgbanwe ka isiokwu 1 gị dị, syntax CSS gị ga-adị ka nke a: h1 {color: red; nha font: 16pc;}

Mpempe akwụkwọ aghụghọ CSS zuru ezu

CSS dị mfe iji. Ihe ịma aka bụ na enwere ọtụtụ ndị na-ahọpụta na nkwupụta na icheta ha niile siri ike ma ọ bụrụ na ọ gaghị ekwe omume. Otú ọ dị, ịgaghị eburu ha n'isi.

Nke a bụ a mpempe akwụkwọ aghụghọ maka CSS na CSS3 nke ị nwere ike iji oge ọ bụla.

Budata mpempe akwụkwọ aghụghọ CSS

Kedu ihe bụ PHP?

PHP bụ okwu mkpọ okwu maka Hypertext Preprocessor, isi mmalite mepere emepe ama ama, asụsụ HTML agbakwunyere eji emepe webụsaịtị siri ike, ngwa webụ ma ọ bụ webụsaịtị kwụ ọtọ.

ebe ọ bụ na PHP bụ asụsụ n'akụkụ ihe nkesa, a na-eme ihe odide ya na ihe nkesa (ọ bụghị na ihe nchọgharị), na mmepụta ya bụ HTML dị larịị na ihe nchọgharị ahụ.

PHP bụ asụsụ edemede izugbe na-emepe emepe nke dabara adaba maka mmepe weebụ yana enwere ike itinye ya na HTML. - sitere na PHP.net

Asụsụ ederede n'akụkụ ihe nkesa na-arụ n'ụdị sistemụ arụmọrụ dị iche iche, gụnyere Windows, Mac OS, Linux, na Unix. Ọ dakọtara na ọtụtụ sava dị ka Apache na IIS.

Tụnyere asụsụ ndị ọzọ dị ka ASP na JSP, PHP dị mfe ịmụta maka ndị mbido. PHP na-enyekwa ọtụtụ atụmatụ nke ndị mmepe ọkwa dị elu chọrọ.

Kedu ihe dị iche n'etiti PHP na HTML?

Ọ bụ ezie na asụsụ abụọ ahụ dị oke mkpa web mmepe, PHP na HTML dị iche n'ụzọ dị iche iche.

Isi ihe dị iche bụ ihe ejiri asụsụ abụọ ahụ mee ihe.

A na-eji HTML eme ihe maka ndị ahịa (ma ọ bụ n'ihu-ọgwụgwụ) mmepe, mgbe A na-eji PHP maka akụkụ nkesa mmepe.

HTML bụ asụsụ ndị mmepe na-eji maka ịhazi ọdịnaya na webụsaịtị, dị ka ịtinye ederede, onyonyo, tebụl na hyperlinks, nhazi ederede, na ịkọwapụta agba.

Ka ọ dị ugbu a, a na-eji PHP chekwaa ma weghachite data site na nchekwa data, rụọ ọrụ ezi uche dị na ya, zipu na zaghachi ozi ịntanetị, bulite na budata faịlụ, mepụta ngwa desktọpụ na ndị ọzọ.

N'ihe gbasara ụdị koodu, HTML kwụ ọtọ ebe PHP dị ike. Koodu HTML na-abụkarị otu mgbe ọ bụla emepere ya, ebe nsonaazụ PHP dị iche dabere na ihe nchọgharị onye ọrụ.

Maka ndị mmepe ọhụrụ, asụsụ abụọ ahụ dị mfe ịmụta, n'agbanyeghị na usoro mmụta dị mkpụmkpụ na HTML karịa PHP.

Mpempe akwụkwọ aghụghọ PHP zuru ezu

Ọ bụrụ na ị bụ onye mmemme novice nke chọrọ ịma nke ọma na PHP ma ọ bụ gbasaa ihe ọmụma gbasara ya, nke a bụ Mpempe akwụkwọ aghụghọ PHP ị nwere ike na-ezo aka ngwa ngwa.

Mpempe akwụkwọ aghụghọ a nwere ọrụ PHP - nke bụ ụzọ mkpirisi maka koodu ndị a na-ejikarị eme ihe - nke arụnyere n'ime asụsụ scripting.

Budata mpempe akwụkwọ aghụghọ PHP

HTML kacha, CSS na PHP Cheat Sheet

Ma ị bụ onye nrụpụta oge ochie ma ọ bụ naanị onye na-amalite itinye koodu, ọ dị mma ịnwe ihe ị nwere ike ịlaghachi na ya maka ntụnye aka ma ọ bụ mee ka ebe nchekwa gị dị ọhụrụ.

Na dị ka onyinye mmepe ndị juggle n'etiti HTML, CSS na PHP, ebe a bụ akwụkwọ aghụghọ ULTIMATE, juputara na ihe niile ịchọrọ ịma ma cheta gbasara asụsụ atọ ndị a:

Budata HTML, CSS & PHP Cheat Sheet jikọtara ọnụ