HTML, CSS iyo PHP: Xaashida khiyaamada ugu dambeysa

📥 Soo deji my HTML, CSS iyo warqadaha qishka PHP, ku buuxi wax kasta oo aad u baahan tahay inaad ogaato oo aad xasuusato oo ku saabsan saddexdan luqadood ee codaynta.

• Waa maxay HTML?
• HTML5 Tusaalooyinka (Code PlayGround)
• 📥 Xaashida Khiyaanada HTML
• Waa maxay CSS?
• 📥 CSS Cheat Sheet
• Waa maxay PHP?
• 📥 Xaashida Khiyaanada ee PHP
• 📥 HTML CSS iyo PHP Cheat Sheet

Farshaxanka codayntu waxay qaadan kartaa sanado in si buuxda loo maamulo dhammaan tagsyada, syntaxes, iyo qaybaha kale ee luuqadaha barnaamijyada inta badan isku xidhan.

Xataa kuwa khibrada leh ee horumariyayaashu waxay ku dhici karaan dabinka illowda ereyga saxda ah ee hawlo gaar ah. Sidan oo kale, waa wax aan macquul ahayn in la filayo cagaar badan horumarinta webka si aad u fahanto fanka aan cillad lahayn.

Tani waa sababta khayaanada xaashida HTML, CSS, iyo PHP aad bay faa'iido u leeyihiin, iyadoon loo eegayn muddada aad ku tababaranaysay. Waxay u adeegtaa hage degdeg ah si aad u heshid amarrada saxda ah iyo jumladaha, taas oo kuu ogolaanaysa inaad diirada saarto horumarinta webka dhabta ah.

Hoosta, waxaad ka heli doontaa xaashi khiyaamo muuqaal ah oo ay ka horreeyaan dib-u-cusbooneysiyo degdeg ah si ay kaaga caawiyaan dadaalkaaga codaynta. Waxaan sidoo kale ka dhigay in si fudud loo calaamadeeyo, loo kaydiyo, ama loo daabaco si ay kugu habboonaato.

Waa maxay HTML?

HTML waxay u taagan tahay Luuqada Calaamadaynta Hypertext – kood loo isticmaalo in lagu sameeyo qaab-dhismeedka bogga shabakadda iyo waxa ku jira.

Luqadda calaamadaynta waxay ka kooban tahay qaybo taxane ah oo loo isticmaali jiray in nuxurku u muuqdo ama u shaqeeyo hab gaar ah waana qayb weyn oo ka mid ah koodka hore ee mareegaha kasta.

HTML waa luqadda lagu qeexo qaab-dhismeedka boggaga internetka … HTML-ka, qorayaashu waxay ku qeexaan qaab-dhismeedka boggaga iyagoo isticmaalaya calaamadayn. Cunsurada afku waxay calaamadiyaan qaybo ka mid ah nuxurka sida cutubka, liiska, miiska, iyo wixii la mid ah. - ka W3.org

Tusaale ahaan, waxaad ku xidhi kartaa ama duubi kartaa qaybo kala duwan oo ka mid ah nuxurka - halkaas oo calaamadaha ku lifaaqan ay ka dhigi karaan erey ama sawirka bog kale. Waxa kale oo aad u isticmaali kartaa tan si aad erayada farta ugu dhejiso oo aad farta uga dhigto mid weyn ama ka yar, iyo kuwo kale.

Sida ku xusan by W3, qaar ka mid ah waxyaabaha kale ee HTML kuu ogolaanaya inaad sameyso waxaa ka mid ah:

• Daabacaada dukumeenti onlayn ah cinwaanada, qoraalka, miisaska, liisaska, sawiro, IWM
• Soo celinta macluumaadka onlaynka ah adigoo gujinaya badhanka via links hypertext.
• naqshadaynta foomamka u samaynta macaamil ganacsi ee adeegyada fog raadi macluumaadka, samee boos celin, ama dalbo alaabta, iyo hawlaha kale.
• ku jiraan xaashida faafinta, cajaladaha fiidyaha, iyo warbaahinta kale iyo codsiyada hore ugu jiray dukumeentigaaga.

Markaa haddii aad samayn lahayd khadka "Eygaygu aad buu u macaan yahay" Istaag, waxaad ku qeexi kartaa inay tahay tuduc adiga oo ku soo lifaaqa tags paragraphs (wax badan oo tan dambe ah), oo u ekaan lahaa: Eeyga aad buu u macaan yahay

Waa maxay faraqa u dhexeeya HTML iyo HTML5?

Sida magacaba ka muuqata, HTML5 waa nooca shanaad ee heerka HTML. Waxay taageertaa is dhexgalka fiidiyowga iyo maqalka ee luqadda, taas oo yareyneysa baahida loo qabo plugins iyo walxaha dhinac saddexaad.

Hoos waxaa ah faraqa ugu weyn ee u dhexeeya HTML iyo HTML5:

Intaa waxaa dheer, waxaa jira walxo badan oo HTML ah oo la bedelay ama laga saaray HTML5. Kuwaas waxaa ka mid ah:

• – Loo beddelay
• – Loo beddelay
• – Loo beddelay
• – La saaray
• – La saaray
• – La saaray
• – Wax cusub ma jiro. Wuxuu adeegsadaa CSS
• – Wax cusub ma jiro. Wuxuu adeegsadaa CSS
• – Wax cusub ma jiro. Wuxuu adeegsadaa CSS
• – Wax cusub ma jiro. Wuxuu adeegsadaa CSS
• – Wax cusub ma jiro. Wuxuu adeegsadaa CSS

Dhanka kale, HTML5 waxa kale oo ku jira tiro walxo cusub oo lagu daray. Kuwaas waxaa ka mid ah:

HTML5 Tusaalooyinka (Code PlayGround)

Tusaalooyinka Qaab-dhismeedka Semantic

In HTML5 waxaa jira qaybo semantic ah oo loo isticmaali karo in lagu qeexo qaybaha kala duwan ee bogga shabakadda. Waa kuwan kuwa ugu badan:

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

Tusaalooyinka Habaynta Qoraalka Aasaasiga ah

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

Tusaalooyinka Shaxda

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

Tusaalooyinka Warbaahinta

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

Xaashida khiyaamaynta HTML oo dhamaystiran

Haddi aad tahay horumariye khibrad leh ama qof doonaya in uu cagihiisa ku qoyo warshadaha, had iyo jeer way ku caawisaa in aad yeelato Qaabaynta HTML xaashida khiyaamada anfacaya Oo waxaan naqshadeeyay mid ku caawin kara tallaabo kasta oo jidka ah.

Soo deji xaashida khiyaamada HTML

Waa maxay CSS?

Cascading Style Sheets ama CSS qeexayaa sida curiyayaasha HTML loogu soo bandhigi doono shaashadda. Sababtoo ah waxay isku mar maamuli kartaa qaabaynta bogag badan, waxay ku badbaadin kartaa waqti iyo dadaal badan.

CSS waa luqadda lagu sifeeyo soo bandhigida bogagga shabakadda, oo ay ku jiraan midabada, qaabka, iyo xarfaha. Waxay u ogolaataa mid inuu la qabsado bandhigga noocyo kala duwan oo qalab ah, sida shaashado waaweyn, shaashado yaryar, ama daabacado. - ka W3.org

Waa maxay Farqiga u dhexeeya HTML iyo CSS?

Halka HTML iyo CSS ay yihiin labada luuqadood ee loo isticmaalo in lagu dhiso boggaga internetka iyo codsiyada, waxay leeyihiin hawlo kala duwan.

HTML waa waxa aad isticmaasho si aad u qeexdo qaab dhismeedka iyo waxa ku jira ee lagu soo bandhigi doono bogga internetka.

CSS, dhanka kale, waxaa loo isticmaalaa wax ka beddelka design web curiyayaasha HTML ee ku yaal bogga mareegaha (oo ay ku jiraan qaabaynta, saamaynta muuqaalka, iyo midabka asalka).

HTML waxa ay abuurtaa qaab-dhismeedka iyo waxa ku jira, CSS waxa ay samaysaa qaabaynta ama qaabka. Si wada jir ah, HTML iyo CSS waxay ka samaysan yihiin is dhexgalka bogga internetka.

Waa maxay CSS Syntax?

CSS Syntax waxa uu ka kooban yahay doore iyo block cadeyn.

Xulashada ayaa go'aamisa curiyaha HTML in la qaabeeyo halka baloogga cadeynta uu ka kooban yahay hal ama ka badan oo cadeyn ama lammaane CSS ah magac hanti iyo qiime leh xiidan dhexdooda.

Bayaanka waxaa lagu kala saaraa hal-koobyo iyo baloogyada caddaynta had iyo jeer waxay ku xidhan yihiin xargaha laxo.

Tusaale ahaan, haddii aad rabto inaad wax ka beddesho qaabka ciwaankaaga 1 u eg yahay, ereygaaga CSS wuxuu u ekaan doonaa wax sidan oo kale ah: h1 {color: red; cabbirka fartu:16pc;}

Xaashida khiyaamaynta CSS oo dhammaystiran

CSS waa fududahay in la isticmaalo. Caqabadda jirta ayaa ah in ay jiraan dad badan oo wax dooranaya iyo cadeynaya in la xasuusto dhamaantood ay adagtahay haddaanay suurtagal ahayn. Uma baahnid inaad iyaga xifdiso, in kastoo.

Halkan waa a xaashida khiyaamada ee CSS iyo CSS3 oo aad isticmaali karto wakhti kasta.

Soo deji xaashida khiyaamada CSS

Waa maxay PHP?

PHP waa soo gaabinta loogu talagalay Processor-ka Hypertext, il furan oo caan ah, luqad qoraal ah oo HTML-ku-xidhan oo loo isticmaalo horumarinta mareegaha firfircoon, codsiyada webka, ama mareegaha mareegaha taagan.

Tan iyo markii ay PHP waa luuqad dhinaca server-ka ah, Qoraalladeeda waxa lagu fuliyaa server-ka (ma aha browser-ka), wax-soo-saarkiisuna waa HTML cad oo browser-ka ah.

PHP waa il furan oo si weyn loo isticmaalo luqad qoraal-qoraal ah oo ujeedo-guud ah kaas oo si gaar ah ugu habboon horumarinta mareegaha waxaana lagu dhejin karaa HTML. - ka PHP.net

Luqaddan qoraalka-dhinaca server-ka ah waxay ku shaqaysaa habab hawleedyo kala duwan, oo ay ku jiraan Windows, Mac OS, Linux, iyo Unix. Waxa kale oo ay la jaanqaadi kartaa inta badan adeegayaasha sida Apache iyo IIS.

Marka la barbardhigo luqadaha kale sida ASP iyo JSP, PHP way fududahay in la barto kuwa bilowga ah. PHP waxa kale oo uu bixiyaa sifooyin badan oo horumariyayaal heerka sare ahi u baahan yihiin.

Waa maxay Farqiga u dhexeeya PHP iyo HTML?

Inkastoo labada luuqadood ay muhiim u yihiin horumarinta web, PHP iyo HTML waxay ku kala duwan yihiin siyaabo dhowr ah.

Farqiga ugu muhiimsani wuxuu ku jiraa waxa labada luqadood loo isticmaalo.

HTML waxaa loo isticmaalaa dhinaca macmiilka (ama hore-dhamaadka) horumarka, halka PHP waxaa loo isticmaalaa dhinaca server-ka horumarinta.

HTML waa luqadda horumariyayaashu u adeegsadaan abaabulka waxyaabaha ku jira mareegaha, sida gelida qoraalka, sawirrada, miisaska, iyo isku xidhka-xirmooyinka, habaynta qoraalka, iyo qeexida midabada.

Dhanka kale, PHP waxaa loo isticmaalaa in lagu kaydiyo lagana soo saaro xogta kaydka xogta, fulinta hawlgallo macquul ah, dirida iyo ka jawaabista iimaylada, raritaanka iyo soo dejinta faylalka, horumarinta codsiyada miiska, iyo in ka badan.

Xagga nooca koodka, HTML waa mid taagan halka PHP uu firfircoon yahay. Koodhka HTML had iyo jeer waa isku mid mar kasta oo la furo, halka natiijooyinka PHP ay kala duwan yihiin iyadoo ku xiran browserka isticmaalaha.

Horumarinta cusub, labada luqadoodba way fududahay in la barto, inkastoo qalooca waxbarashadu uu ka gaaban yahay HTML marka loo eego PHP.

Xaashida khiyaamaynta PHP oo dhammaystiran

Haddii aad tahay barnaamij-yaqaan ku cusub oo raba inuu aad ugu fiicnaado PHP ama ballaariyo aqoontaada, halkan waa Xaashida qishka ee PHP si degdeg ah ayaad u tixraaci kartaa.

Xaashidan qishka waxay ka kooban tahay hawlo PHP ah - kuwaas oo ah habab gaaban oo loogu talagalay koodhadhka aadka loo isticmaalo - kuwaas oo lagu dhisay luqadda qoraalka.

Soo deji xaashida khiyaamada PHP

HTML ugu dambeeya, CSS iyo PHP Cheat Sheet

Haddi aad tahay horumariye khibrad leh ama qof bilaabaya codeing, aad ayay u fiicantahay in aad haysato wax aad mar walba dib ugu soo laaban karto tixraac ahaan ama si fudud dib u cusboonaysii xusuustaada.

Iyo hadiyad ahaan kuwa horumariya kuwaas oo u dhexeeya HTML, CSS, iyo PHP, halkan waa xaashi khiyaamo ah oo ULTIMATE ah, ku buuxi wax kasta oo aad u baahan tahay inaad ogaato oo aad xasuusato oo ku saabsan saddexdan luqadood ee codaynta:

Soo deji HTML isku dhafan, CSS & PHP Cheat Sheet