HTML, CSS ва PHP: Варақаи ниҳоии фиреб

📥 зеркашӣ кунед Варақаҳои фиребҳои HTML, CSS ва PHP, бо ҳама чизҳое, ки шумо бояд дар бораи ин се забони рамзгузорӣ донед ва дар хотир доред.

• HTML чист?
• Намунаҳои HTML5 (Code PlayGround)
• 📥 Варақаи фиребҳои HTML
• CSS чист?
• 📥 Варақаи фиребҳои CSS
• PHP чист?
• 📥 Варақаи фиребҳои PHP
• 📥 HTML CSS ва PHP варақаи фиреб

Санъати рамзгузорӣ метавонад барои пурра азхуд кардани ҳама тегҳо, синтаксисҳо ва дигар унсурҳои забонҳои барномасозӣ, ки аксар вақт бо ҳам алоқаманданд, солҳоро талаб кунад.

Ҳатто таҳиягарони ботаҷриба метавонанд ба доми фаромӯш кардани синтаксиси дуруст барои вазифаҳои мушаххас афтоданд. Аз ин рӯ, интизори сабзиши бештар ғайривоқеист таҳиягарони веб ки ба санъат бенуксон сарфахм равад.

Ин аст, ки чаро варақаҳои фиреб барои HTML, CSS ва PHP новобаста аз он ки шумо чанд вақт машқ карда истодаед, бениҳоят муфиданд. Он ҳамчун дастури зуд барои дарёфти фармонҳо ва синтаксисҳои дуруст хидмат мекунад, ки ба шумо имкон медиҳад, ки ба рушди воқеии веб тамаркуз кунед.

Дар зер, шумо варақаҳои фиребгарии аз ҷиҳати визуалӣ майлдоштаро пайдо хоҳед кард, ки пеш аз навсозии зуд ба шумо дар кӯшишҳои рамзгузории шумо кӯмак мерасонанд. Ман инчунин онро барои роҳати шумо ба осонӣ қайд кардан, захира кардан ё чоп кардам.

HTML чист?

HTML маънои забони гиперматнро нишон медиҳад – коде, ки барои сохтани сохтори саҳифаи веб ва мундариҷаи он истифода мешавад.

Ин забони аломатгузорӣ аз як қатор унсурҳо иборат аст, ки барои пайдо кардани мундариҷа ё ба таври муайян кор кардан истифода мешуданд ва як қисми асосии коди интерфейси ҳар як вебсайт аст.

HTML забонест барои тавсифи сохтори веб-саҳифаҳо… Бо HTML муаллифон сохтори саҳифаҳоро бо истифода аз аломатгузорӣ тавсиф мекунанд. Унсурҳои забон қисмҳои мундариҷаро нишон медиҳанд, ба монанди параграф, рӯйхат, ҷадвал ва ғайра. – аз W3.org

Масалан, шумо метавонед қисмҳои гуногуни мундариҷаро иҳота кунед ё печонед - дар он тегҳои иҳотакунанда метавонанд калима ё тасвирро ба саҳифаи дигар гиперишора созанд. Шумо инчунин метавонед инро барои курсив кардани калимаҳо ва калонтар ё хурдтар кардани шрифтҳо истифода баред.

Тавре зикр W3, баъзе чизҳои дигаре, ки HTML ба шумо имкон медиҳад, дохил кунед:

• Интишори ҳуҷҷатҳои онлайн бо сарлавҳаҳо, матн, ҷадвалҳо, рӯйхатҳо, суратҳоВа ѓайра
• Гирифтани маълумоти онлайн бо пахш кардани тугма тавассути истинодҳои гиперматнӣ.
• лоиҳакашӣ шаклњои барои гузаронидани муомилот бо хадамоти дурдаст ба Ҷустуҷӯи маълумот, фармоиш додан ё фармоиш додани маҳсулот, дар байни дигар вазифаҳо.
• ҳамчунин ҷадвалҳои электронӣ, клипҳои видеоӣ ва дигар васоити ахбори омма ва барномаҳое, ки аллакай дар ҳуҷҷатҳои шумо ҳастанд.

Пас, агар шумо бояд хати "Саги ман хеле ширин аст" худ ба худ истода, шумо метавонед муайян кунед, ки он параграф аст, онро ба тегҳои параграфҳо дохил кунед (дар ин бора баъдтар), ки чунин менамояд: Саги ман хеле ширин аст

Фарқи байни HTML ва HTML5 чист?

Тавре ки аз номаш бармеояд, HTML5 версияи панҷуми стандарти HTML мебошад. Он ҳамгироии видео ва аудиоро ба забон дастгирӣ мекунад, ки ниёз ба плагинҳо ва унсурҳои тарафи сеюмро коҳиш медиҳад.

Дар зер фарқиятҳои асосии байни HTML ва HTML5 мавҷуданд:

Илова бар ин, унсурҳои зиёди HTML мавҷуданд, ки аз HTML5 тағир дода шудаанд ё хориҷ карда шудаанд. Инҳо дар бар мегиранд:

• – Тағйир дода шуд
• – Тағйир дода шуд
• – Тағйир дода шуд
• - Хориҷ карда шуд
• - Хориҷ карда шуд
• - Хориҷ карда шуд
• - Теги нав нест. CSS-ро истифода мебарад.
• - Теги нав нест. CSS-ро истифода мебарад.
• - Теги нав нест. CSS-ро истифода мебарад.
• - Теги нав нест. CSS-ро истифода мебарад.
• - Теги нав нест. CSS-ро истифода мебарад.

Дар ҳамин ҳол, HTML5 инчунин як қатор унсурҳои нав иловашударо дар бар мегирад. Инҳо дар бар мегиранд:

Намунаҳои HTML5 (Code PlayGround)

Намунаҳои сохтори семантикӣ

In HTML5 баъзе унсурҳои семантикӣ мавҷуданд, ки онҳоро барои муайян кардани қисмҳои гуногуни саҳифаи веб истифода бурдан мумкин аст. Инҳоянд маъмултаринҳо:

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

Намунаҳои форматкунии матн

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

Намунаҳои ҷадвал

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

Намунаҳои ВАО

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

Варақаи фиреби HTML-ро пур кунед

Новобаста аз он ки шумо як таҳиягари ботаҷриба ҳастед ё касе, ки танҳо мехоҳад пойҳои худро дар ин соҳа тар кунад, он ҳамеша кӯмак мекунад, ки Варақаи фиреби HTML қулай. Ва ман як тарҳрезӣ кардам, ки метавонад ба шумо дар ҳар қадами роҳ кӯмак кунад.

Варақаи фиребҳои HTML-ро зеркашӣ кунед

CSS чист?

Варақаҳои услубӣ ё CSS тасвир мекунад, ки чӣ тавр унсурҳои HTML дар экран намоиш дода мешаванд. Азбаски он метавонад дар як вақт тарҳбандии якчанд саҳифаҳоро назорат кунад, он метавонад вақт ва кӯшиши зиёдеро сарфа кунад.

CSS забонест барои тавсифи муаррифии веб-саҳифаҳо, аз ҷумла рангҳо, тарҳрезӣ ва ҳуруфҳо. Он ба кас имкон медиҳад, ки презентатсияро ба намудҳои гуногуни дастгоҳҳо, аз қабили экранҳои калон, экранҳои хурд ё принтерҳо мутобиқ созад. – аз W3.org

Фарқи байни HTML ва CSS чист?

Гарчанде ки HTML ва CSS ҳарду забонҳое мебошанд, ки барои сохтани вебсаҳифаҳо ва барномаҳо истифода мешаванд, онҳо вазифаҳои гуногун доранд.

HTML он чизест, ки шумо барои дикта кардани сохтор ва мундариҷае, ки дар саҳифаи веб намоиш дода мешавад, истифода мебаред.

Аз тарафи дигар, CSS барои тағир додани файл истифода мешавад веб-дизайн унсурҳои HTML дар саҳифаи веб (аз ҷумла тарҳ, эффектҳои визуалӣ ва ранги замина).

HTML сохтор ва мундариҷаро эҷод мекунад, CSS тарроҳӣ ё услубро месозад. Якҷоя, HTML ва CSS интерфейси веб-саҳифаро ташкил медиҳанд.

Синтаксиси CSS чист?

Синтаксиси CSS аз селектор ва блоки эъломия иборат аст.

Селектор унсури HTML-ро муайян мекунад, ки бояд услуб карда шавад, дар ҳоле ки блоки эъломия як ё якчанд эъломияҳо ё ҷуфтҳои CSS-ро дар бар мегирад, ки номи амвол ва арзиш бо аломати қафаси байни онҳо мавҷуд аст.

Эъломияҳо бо нуқта-вергул ҷудо карда мешаванд ва блокҳои эъломия ҳамеша дар қавсҳои ҷингила дохил карда мешаванд.

Масалан, агар шумо хоҳед, ки намуди зоҳирии сарлавҳаи 1-ро тағир диҳед, синтаксиси CSS-и шумо чунин хоҳад буд: h1 {color:red; андозаи шрифт: 16pc;}

Варақаи CSS-ро пурра кунед

CSS барои истифода кофӣ осон аст. Мушкилот дар он аст, ки шумораи зиёди интихобкунандагон ва эъломияҳо мавҷуданд, ки дар хотир нигоҳ доштани ҳамаи онҳо душвор аст, агар ғайриимкон бошад. Ба шумо лозим нест, ки онҳоро аз ёд кунед.

Дар ин ҷо a варақаи фиреб барои CSS ва CSS3 ки шумо метавонед дар вақти дилхоҳ истифода баред.

Варақаи CSS-ро зеркашӣ кунед

PHP чист?

PHP ихтисораи Hypertext Preprocessor мебошад, забони маъмули кушодаи скрипти HTML, ки барои таҳияи вебсайтҳои динамикӣ, барномаҳои веб ё вебсайтҳои статикӣ истифода мешавад.

Азбаски PHP забони сервер аст, скриптҳои он дар сервер иҷро мешаванд (на дар браузер), ва баромади он HTML-и оддӣ дар браузер мебошад.

PHP як забони скриптҳои умумӣ барои кушодаасос мебошад, ки махсусан барои таҳияи веб мувофиқ аст ва метавонад ба HTML ворид карда шавад. – аз PHP.net

Ин забони скрипти сервер дар системаҳои гуногуни амалиётӣ, аз ҷумла Windows, Mac OS, Linux ва Unix кор мекунад. Он инчунин бо аксари серверҳо, аз қабили Apache ва IIS мувофиқ аст.

Дар муқоиса бо забонҳои дигар ба мисли ASP ва JSP, PHP барои шурӯъкунандагон омӯхтан осон аст. PHP инчунин бисёр хусусиятҳоро пешниҳод мекунад, ки ба таҳиягарони сатҳи пешрафта ниёз доранд.

Фарқи байни PHP ва HTML чист?

Гарчанде ки ҳарду забон барои онҳо муҳиманд рушди веб, PHP ва HTML аз чанд ҷиҳат фарқ мекунанд.

Тафовути калидӣ дар он аст, ки ин ду забон барои чӣ истифода мешаванд.

HTML барои муштарӣ истифода мешавад (ё фронталӣ) рушди, дар ҳоле ки PHP барои тарафи сервер истифода мешавад рушд.

HTML забонест, ки таҳиягарон барои ташкили мундариҷа дар вебсайт истифода мебаранд, ба монанди ворид кардани матн, тасвирҳо, ҷадвалҳо ва гиперҳаволаҳо, форматкунии матн ва муайян кардани рангҳо.

Дар ҳамин ҳол, PHP барои нигоҳдорӣ ва дарёфти маълумот аз пойгоҳи додаҳо, иҷрои амалҳои мантиқӣ, ирсол ва ҷавоб додан ба мактубҳо, боргузорӣ ва зеркашии файлҳо, таҳияи барномаҳои мизи корӣ ва ғайра истифода мешавад.

Дар робита ба намуди код, HTML статикӣ аст, дар ҳоле ки PHP динамикӣ аст. Рамзи HTML ҳамеша ҳар дафъа кушода мешавад, дар ҳоле ки натиҷаҳои PHP вобаста ба браузери корбар фарқ мекунанд.

Барои таҳиягарони нав ҳарду забонро омӯхтан осон аст, гарчанде ки хатти омӯзиш бо HTML нисбат ба PHP кӯтоҳтар аст.

Варақаи фиреби PHP-ро пур кунед

Агар шумо як барномасози навкор бошед, ки мехоҳед дар PHP малакаи бештар дошта бошед ё дониши худро дар бораи он васеъ кунед, ин аст Варақаи фиреби PHP шумо метавонед ба зудӣ муроҷиат кунед.

Ин варақаи фиреб аз вазифаҳои PHP иборат аст, ки миёнабурҳо барои рамзҳои васеъ истифодашаванда мебошанд, ки дар забони скрипт сохта шудаанд.

Варақаи фиребҳои PHP-ро зеркашӣ кунед

Варақаи Cheat Ultimate HTML, CSS ва PHP

Новобаста аз он ки шумо як таҳиягари ботаҷриба ҳастед ё танҳо касе, ки ба рамзгузорӣ шурӯъ мекунад, хуб аст, ки чизе дошта бошед, ки шумо ҳамеша метавонед барои истинод ба он баргардед ё хотираи худро навсозӣ кунед.

Ва ҳамчун тӯҳфа ба таҳиягароне, ки дар байни онҳо машғуланд HTML, CSS ва PHP, дар ин ҷо як варақи фиреби ULTIMATE аст, бо ҳама чизҳое, ки шумо бояд дар бораи ин се забони рамзгузорӣ донед ва дар хотир доред:

Варақаи фиребҳои якҷояи HTML, CSS & PHP-ро зеркашӣ кунед