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

in Захираҳо ва асбобҳо

Мазмуни мо аз ҷониби хонандагон дастгирӣ карда мешавад. Агар шумо истинодҳои моро пахш кунед, мо метавонем комиссия ба даст орем. Чӣ тавр мо баррасӣ мекунем.

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

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

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

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

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

HTML чист?

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

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

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

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

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

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

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

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

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

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

HTML

  • Бе дастгирии флеш плеер аудио ва видеоро дастгирӣ намекунад.
  • Барои нигоҳ доштани маълумоти муваққатӣ кукиҳоро истифода мебарад.
  • Ба JavaScipt иҷозат намедиҳад, ки дар браузер кор кунад.
  • Барои графикаи векторӣ бо истифода аз технологияҳои гуногун ба монанди VML, Silver-light ва Flash ва ғайра имкон медиҳад.
  • Эффектҳои кашолакунӣ ва партофтанро иҷозат намедиҳад.
  • Бо ҳама браузерҳои кӯҳна кор мекунад.
  • Барои мобилӣ камтар мувофиқ аст.
  • Эъломияи Doctype дароз ва мураккаб аст.
  • Унсурҳое ба монанди nav ва сарлавҳа, инчунин атрибутҳо ба монанди charset, async, ва пинг.
  • Гирифтани GeoLocation воқеии корбарон бо истифода аз браузер бениҳоят душвор аст.
  • Синтаксиси нодурустро идора карда наметавонад.

HTML5

  • Дастгирии назорати аудио ва видео бо истифода аз ва барчасп.
  • Барои нигоҳ доштани маълумоти офлайнӣ пойгоҳи додаҳои SQL ва кэши барномаро истифода мебарад.
  • Ба JavaScript имкон медиҳад, ки бо истифодаи API-и JS Web worker дар замина кор кунад.
  • Графикаи векторӣ як қисми асосии HTML5 мебошанд, ба монанди SVG ва canvas.
  • Имкон медиҳад эффектҳои кашолакунӣ ва партофтан.
  • Барои кашидани шаклҳо имкон диҳед.
  • Ҳама браузерҳои навро ба монанди Firefox, Mozilla, Chrome ва Safari дастгирӣ мекунад.
  • Барои мобилӣ бештар мувофиқ.
  • Эъломияи Doctype оддӣ ва осон аст.
  • Он дорои унсурҳои нав барои сохторҳои веб ба монанди nav, сарлавҳа ва поёнот, дар байни дигарон ва инчунин дорои атрибутҳои charset, async, ва пинг.
  • Рамзгузории аломатҳоро содда ва осон мекунад.
  • Барои пайгирии GeoLocation корбар бо истифода аз API JS GeoLocation имкон медиҳад.
  • Қобилияти коркарди синтаксиси нодуруст.
 

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

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

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

 

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

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

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

Унсурҳои сохтори семантикии html5
Манбаъ: w3schools.com
 

Сарлавҳа

<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

 

Варақаи фиребҳои 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

 

Варақаи 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

 

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

 

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

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

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

 

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

 

Дар бораи муаллиф

Мэтт Ахлгрен

Матиас Ахлгрен директори генералӣ ва муассиси ширкат мебошад Website Rating, роҳбарии як гурӯҳи ҷаҳонии муҳаррирон ва нависандагон. Вай дараҷаи магистр дар илмҳои иттилоотӣ ва менеҷмент дорад. Карераи ӯ пас аз таҷрибаи барвақти таҳияи веб дар донишгоҳ ба SEO табдил ёфт. Бо зиёда аз 15 сол дар SEO, маркетинги рақамӣ ва таҳияи веб. Таваҷҷӯҳи ӯ инчунин амнияти вебсайтро дар бар мегирад, ки бо шаҳодатномаи киберамният шаҳодат медиҳад. Ин таҷрибаҳои гуногун роҳбарии ӯро дар Website Rating.

Дастаи WSR

"WSR Team" як гурӯҳи дастаҷамъии муҳаррирон ва нависандагони коршинос аст, ки дар технология, амнияти интернет, маркетинги рақамӣ ва таҳияи веб тахассус доранд. Ба соҳаи рақамӣ дилчасп аст, онҳо мундариҷаи хуб омӯхташуда, фаҳмо ва дастрасро истеҳсол мекунанд. Уҳдадории онҳо ба дақиқӣ ва возеҳият медиҳад Website Rating манбаи боэътимод барои огоҳ будан дар ҷаҳони рақамии динамикӣ.

Хабардор бошед! Ба бюллетени мо ҳамроҳ шавед
Ҳоло обуна шавед ва дастрасии ройгон ба дастурҳо, асбобҳо ва захираҳо барои муштариён дастрас шавед.
Шумо метавонед дар вақти дилхоҳ обунаро қатъ кунед. Маълумоти шумо бехатар аст.
Хабардор бошед! Ба бюллетени мо ҳамроҳ шавед
Ҳоло обуна шавед ва дастрасии ройгон ба дастурҳо, асбобҳо ва захираҳо барои муштариён дастрас шавед.
Шумо метавонед дар вақти дилхоҳ обунаро қатъ кунед. Маълумоти шумо бехатар аст.
Мубодила ба...