HTML, CSS agus PHP: An duilleag meallta deireannach

📥 Luchdaich sìos mo Duilleagan meallta HTML, CSS agus PHP, lìon leis a h-uile dad a dh’ fheumas tu a bhith eòlach agus cuimhne a thaobh na trì cànanan còdaidh sin.

• Dè a th ’ann an HTML?
• Eisimpleirean HTML5 (Còd PlayGround)
• 📥 Duilleag meallta HTML
• Dè a th ’ann an CSS?
• 📥 Duilleag meallta CSS
• Dè a th ’ann am PHP?
• 📥 Duilleag meallta PHP
• 📥 HTML CSS agus duilleag meallta PHP

Faodaidh ealain còdaidh bliadhnaichean a thoirt gus làn mhaighstireachd a dhèanamh leis na tagaichean, co-chòrdadh, agus eileamaidean eile de chànanan prògramaidh gu tric eadar-fhighte.

Faodaidh eadhon an luchd-leasachaidh nas eòlaiche tuiteam a-steach don ribe a bhith a’ dìochuimhneachadh a’ cho-chòrdadh ceart airson gnìomhan sònraichte. Mar sin, tha e neo-phractaigeach a bhith a’ dùileachadh barrachd uaine leasaichean lìn gu'm biodh tuigse neo-ghlan air an eala.

'S e seo carson a duilleagan meallta airson HTML, CSS, agus PHP air leth feumail, ge bith dè cho fada ‘s a tha thu air a bhith ag obair. Bidh e na stiùireadh sgiobalta airson na h-òrdughan agus na co-aontaran ceart a lorg, a’ toirt cothrom dhut fòcas a chuir air fìor leasachadh lìn.

Gu h-ìosal, lorgaidh tu duilleagan meallta le claonadh lèirsinneach le ùrachadh sgiobalta ro làimh gus do chuideachadh le na h-oidhirpean còdaidh agad. Tha mi cuideachd air a dhèanamh gu bhith furasta a chomharrachadh, a shàbhaladh no a chlò-bhualadh airson do ghoireasachd.

Dè a th ’ann an HTML?

Tha HTML a’ seasamh airson Hypertext Markup Language - còd a thathas a’ cleachdadh gus structar duilleag-lìn agus an susbaint a chruthachadh.

Tha an cànan comharrachaidh seo air a dhèanamh suas de shreath de eileamaidean a bhiodh a’ toirt air susbaint nochdadh no obrachadh ann an dòigh shònraichte agus tha e na phrìomh phàirt de chòd aghaidh gach làrach-lìn.

Is e HTML an cànan airson cunntas a thoirt air structar dhuilleagan lìn ... Le HTML, bidh ùghdaran a’ toirt cunntas air structar dhuilleagan a’ cleachdadh comharrachadh. Tha na h-eileamaidean den leubail cànain pìosan susbaint leithid paragraf, liosta, clàr, agus mar sin air adhart. - bho W3.org

Mar eisimpleir, faodaidh tu diofar phàirtean den t-susbaint a chuartachadh no a phasgadh - far an urrainn dha na tagaichean cuairteachaidh eadar-cheangal facal no ìomhaigh a dhèanamh gu duilleag eile. Faodaidh tu seo a chleachdadh cuideachd gus faclan a chlò-bhualadh agus na clò-bhualaidhean a dhèanamh nas motha no nas lugha, am measg feadhainn eile.

Mar a chaidh ainmeachadh le W3, tha cuid de na rudan eile a leigeas leat HTML a dhèanamh a’ toirt a-steach:

• A’ foillseachadh sgrìobhainnean air-loidhne le cinn, teacsa, clàran, liostaichean, dealbhanMsaa
• A’ faighinn fiosrachadh air-loidhne air ais le cliogadh putan tro ceanglaichean hypertext.
• dealbhadh foirmean airson gnothaichean a dhèanamh le seirbheisean iomallach gu lorg fiosrachadh, glèidheadh, no òrdachadh bathar, am measg ghnìomhan eile.
• gabhail a-steach duilleagan-clèithe, criomagan bhidio, agus meadhanan eile agus tagraidhean a tha sna sgrìobhainnean agad mu thràth.

Mar sin nam biodh tu airson an loidhne a dhèanamh “Tha mo chù gu math milis” seasamh leis fhèin, faodaidh tu sònrachadh gur e paragraf a th’ ann le bhith ga chuartachadh ann an tagaichean paragrafan (barrachd air seo nas fhaide air adhart), a bhiodh coltach: Tha mo chù gu math milis

Dè an diofar eadar HTML agus HTML5?

Mar a tha ainm ag ràdh, Is e HTML5 an còigeamh dreach den inbhe HTML. Bidh e a’ toirt taic do aonachadh bhidio is claisneachd sa chànan, a lughdaicheas an fheum air plugins agus eileamaidean treas-phàrtaidh.

Gu h-ìosal tha na prìomh eadar-dhealachaidhean eadar HTML agus HTML5:

A bharrachd air an sin, tha mòran eileamaidean de HTML a chaidh an atharrachadh no an toirt air falbh bho HTML5. Nam measg tha:

• - Air atharrachadh gu
• - Air atharrachadh gu
• - Air atharrachadh gu
• - Air a thoirt air falbh
• - Air a thoirt air falbh
• - Air a thoirt air falbh
• - Gun tag ùr. A 'cleachdadh CSS.
• - Gun tag ùr. A 'cleachdadh CSS.
• - Gun tag ùr. A 'cleachdadh CSS.
• - Gun tag ùr. A 'cleachdadh CSS.
• - Gun tag ùr. A 'cleachdadh CSS.

Aig an aon àm, tha HTML5 cuideachd a 'toirt a-steach grunn eileamaidean ùra. Nam measg tha:

Eisimpleirean HTML5 (Còd PlayGround)

Eisimpleirean de structar semantach

In HTML5 tha cuid de eileamaidean semantach ann a dh'fhaodar a chleachdadh gus diofar phàirtean de dhuilleag lìn a mhìneachadh. Seo an fheadhainn as cumanta:

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

Eisimpleirean de chruth teacsa bunaiteach

<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]mple.com">[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>

Eisimpleirean clàr

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

Eisimpleirean de na meadhanan

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

Cuir crìoch air duilleag meallta HTML

Ge bith an e leasaiche eòlach a th’ annad no cuideigin a tha dìreach airson an casan fhliuch sa ghnìomhachas, bidh e an-còmhnaidh na chuideachadh Duilleag cheat html làimhe. Agus tha mi air fear a dhealbhadh a dh’ fhaodadh do chuideachadh a h-uile ceum den t-slighe.

Luchdaich a-nuas html cheat duilleag

Dè a th ’ann an CSS?

Cascading Style Sheets no CSS ag innse mar a thèid eileamaidean HTML a thaisbeanadh air an sgrion. Leis gun urrainn dha smachd a chumail air grunn dhuilleagan aig an aon àm, faodaidh e tòrr ùine is oidhirp a shàbhaladh dhut.

Is e CSS an cànan airson cunntas a thoirt air taisbeanadh dhuilleagan lìn, a’ toirt a-steach dathan, cruth, agus clòidean. Leigidh e le aon an taisbeanadh atharrachadh gu diofar sheòrsaichean innealan, leithid scrionaichean mòra, scrionaichean beaga, no clò-bhualadairean. - bho W3.org

Dè an diofar eadar HTML agus CSS?

Ged is e HTML agus CSS an dà chànan a thathas a’ cleachdadh airson duilleagan-lìn agus tagraidhean a thogail, tha diofar dhleastanasan aca.

Is e HTML a chleachdas tu gus an structar agus an t-susbaint a thèid a thaisbeanadh air an duilleag-lìn òrdachadh.

Tha CSS, air an làimh eile, air a chleachdadh airson atharrachadh an fhaidhle dealbhadh-lìn de na h-eileamaidean HTML air an duilleag-lìn (a’ gabhail a-steach cruth, buaidhean lèirsinneach, agus dath cùl-raoin).

Bidh HTML a’ cruthachadh an structair agus an t-susbaint, CSS a’ dèanamh an dealbhadh no an stoidhle. Còmhla, tha HTML agus CSS a 'dèanamh suas eadar-aghaidh duilleag-lìn.

Dè a th’ ann an CSS Syntax?

Co-chòrdadh CSS air a dhèanamh suas de roghnaichear agus bloc dearbhaidh.

Bidh an roghnaiche a’ dearbhadh an eileamaid HTML a thèid a stialladh fhad ‘s a tha aon no barrachd dhearbhaidhean no paidhir CSS, ainm seilbh agus luach le coloin eatorra, anns a’ bhloc dearbhaidh.

Tha dearbhaidhean air an sgaradh le semicolons agus tha blocaichean dearbhaidh an-còmhnaidh dùinte ann am braces lùbach.

Mar eisimpleir, ma tha thu airson an dòigh anns a bheil do cheann 1 a' coimhead atharrachadh, bhiodh an co-chòrdadh CSS agad a' coimhead mar seo: h1 {dath:red; meud cruth-clò: 16pc;}

Cuir crìoch air duilleag meallta CSS

Tha CSS furasta gu leòr a chleachdadh. Is e an dùbhlan gu bheil tòrr luchd-taghaidh agus dearbhaidhean ann a tha duilich mura h-eil e do-dhèanta a bhith gan cuimhneachadh. Chan fheum thu an cuimhneachadh, ge-tà.

Seo a Duilleag cheat airson CSS agus CSS3 as urrainn dhut a chleachdadh uair sam bith.

Luchdaich a-nuas cheat CSS fhrithealaiche

Dè a th ’ann am PHP?

Tha PHP na acronaim airson Hypertext Preprocessor, cànan sgrìobhaidh mòr-chòrdte le còd fosgailte, stèidhichte air HTML, air a chleachdadh airson làraich-lìn fiùghantach, tagraidhean lìn no làraich-lìn statach a leasachadh.

Bho Tha PHP na chànan taobh an fhrithealaiche, tha na sgriobtaichean aige air an cur gu bàs air an fhrithealaiche (chan ann sa bhrobhsair), agus tha an toradh aige mar HTML soilleir air a’ bhrobhsair.

Tha PHP na chànan sgrìobhaidh làn-adhbhar fosgailte a tha air a chleachdadh gu farsaing agus a tha gu sònraichte freagarrach airson leasachadh lìn agus faodar a stèidheachadh ann an HTML. - bho PHP.net

Bidh an cànan sgrìobhaidh seo taobh an fhrithealaiche a’ ruith air grunn shiostaman obrachaidh, nam measg Windows, Mac OS, Linux, agus Unix. Tha e cuideachd co-chòrdail ris a’ mhòr-chuid de luchd-frithealaidh leithid Apache agus IIS.

An coimeas ri cànanan eile leithid ASP agus JSP, tha PHP furasta ionnsachadh do luchd-tòiseachaidh. Tha PHP cuideachd a’ tabhann pailteas fheartan a dh’ fheumas luchd-leasachaidh ìre adhartach.

Dè an diofar eadar PHP agus HTML?

Ged a tha an dà chànan deatamach airson -lìn leasachaidh, PHP agus HTML eadar-dhealaichte ann an grunn dhòighean.

Tha am prìomh eadar-dhealachadh anns na tha an dà chànan air a chleachdadh.

Tha HTML air a chleachdadh airson taobh teachdaiche (no aghaidh) leasachadh, fhad 'sa Tha PHP air a chleachdadh airson taobh an fhrithealaiche leasachadh.

Is e HTML an cànan a bhios luchd-leasachaidh a’ cleachdadh airson susbaint a chuir air dòigh air làrach-lìn, leithid cuir a-steach teacsa, ìomhaighean, clàran, agus ceanglaichean eadar-lìn, cruth teacsa, agus sònrachadh dhathan.

Aig an aon àm, tha PHP air a chleachdadh gus dàta a stòradh agus fhaighinn air ais bho stòr-dàta, gnìomhan loidsigeach a dhèanamh, puist-d a chuir agus freagairt, faidhlichean a luchdachadh suas agus a luchdachadh sìos, tagraidhean deasg a leasachadh, agus barrachd.

A thaobh seòrsa còd, Tha HTML statach fhad ‘s a tha PHP fiùghantach. Tha còd HTML an-còmhnaidh mar an ceudna gach uair a thèid fhosgladh, agus bidh toraidhean PHP ag atharrachadh a rèir brabhsair an neach-cleachdaidh.

Do luchd-leasachaidh ùr, tha an dà chànan furasta ionnsachadh, ged a tha an lùb ionnsachaidh nas giorra le HTML na PHP.

Cuir crìoch air duilleag meallta PHP

Mas e prògramadair ùr a th’ annad a tha airson a bhith nas fileanta ann am PHP no an eòlas agad air a leudachadh, seo agad Duilleag fiosrachaidh airson php faodaidh tu iomradh a thoirt gu sgiobalta.

Tha an duilleag meallta seo a’ toirt a-steach gnìomhan PHP - a tha nan ath-ghoiridean airson na còdan a tha air an cleachdadh gu farsaing - a tha air an togail a-steach don chànan sgrìobhaidh.

Luchdaich a-nuas cheat airson php

An duilleag meallta HTML, CSS agus PHP deireannach

Ge bith an e leasaiche eòlach a th’ annad no dìreach cuideigin a tha a’ tòiseachadh a’ còdadh, tha e math rudeigin a bhith agad air am faod thu tilleadh airson fiosrachadh no dìreach do chuimhne ùrachadh.

Agus mar thiodhlac do luchd-leasachaidh a bhios a’ juggle eadar HTML, CSS, agus PHP, seo duilleag meallta ULTIMATE, lìon leis a h-uile dad a dh’ fheumas tu a bhith eòlach agus cuimhne a thaobh na trì cànanan còdaidh sin:

Luchdaich sìos duilleag meallta HTML, CSS & PHP