HTML, CSS və PHP: Ultimate Cheat Sheet

📥 Məni yükləyin HTML, CSS və PHP fırıldaqçı vərəqləri, bu üç kodlaşdırma dili ilə bağlı bilmək və yadda saxlamağınız lazım olan hər şeyi tamamlayın.

• HTML nədir?
• HTML5 Nümunələri (Kod PlayGround)
• 📥 HTML Cheat Sheet
• CSS nədir?
• 📥 CSS Cheat Sheet
• PHP nədir?
• 📥 PHP Cheat Sheet
• 📥 HTML CSS və PHP Cheat Sheet

Kodlaşdırma sənətinin bütün teqlər, sintaksislər və tez-tez bir-birinə qarışan proqramlaşdırma dillərinin digər elementləri ilə tam mənimsənilməsi illər çəkə bilər.

Hətta daha təcrübəli tərtibatçılar da müəyyən tapşırıqlar üçün düzgün sintaksisi unutma tələsinə düşə bilərlər. Beləliklə, daha çox yaşıllıq gözləmək qeyri-realdır web developers sənətdə qüsursuz qavrayışa sahib olmaq.

Bu niyə HTML, CSS və PHP üçün fırıldaqçı vərəqlər nə qədər müddət məşq etdiyinizdən asılı olmayaraq son dərəcə faydalıdır. O, düzgün əmrləri və sintaksisləri tapmaq üçün sürətli bələdçi kimi xidmət edir və faktiki veb inkişafı üzərində cəmləməyə imkan verir.

Aşağıda, kodlaşdırma səylərinizdə sizə kömək etmək üçün sürətli yeniləmələrdən əvvəl vizual meylli fırıldaqçı vərəqləri tapa bilərsiniz. Rahatlığınız üçün onu asanlıqla əlfəcinlərə qeyd etmək, saxlamaq və ya çap etmək üçün də etmişəm.

HTML nədir?

HTML Hypertext Markup Language deməkdir – veb səhifə və onun məzmunu üçün struktur yaratmaq üçün istifadə olunan kod.

Bu işarələmə dili məzmunun müəyyən bir şəkildə görünməsi və ya işləməsi üçün istifadə olunan bir sıra elementlərdən ibarətdir və hər bir veb saytın ön kodunun əsas hissəsidir.

HTML Veb səhifələrin strukturunu təsvir edən dildir... HTML ilə müəlliflər işarələmədən istifadə edərək səhifələrin strukturunu təsvir edirlər. Dil elementləri abzas, siyahı, cədvəl və s. kimi məzmun hissələrini etiketləyir. – W3.org saytından

Məsələn, siz məzmunun müxtəlif hissələrini əhatə edə və ya sara bilərsiniz - burada əlavə teqlər başqa bir səhifəyə söz və ya şəkil hiperlink yarada bilər. Bundan başqa sözləri kursivləşdirmək və şriftləri böyük və ya kiçik etmək üçün də istifadə edə bilərsiniz.

qeyd etdiyi kimi, W3, HTML-nin sizə imkan verdiyi digər şeylərdən bəziləri bunlardır:

• ilə onlayn sənədlərin nəşri başlıqlar, mətn, cədvəllər, siyahılar, fotoşəkillərVə sairə
• vasitəsilə bir düyməni basmaqla onlayn məlumat əldə etmək hipermətn bağlantıları.
• Layihələşdirmə formaları uzaqdan xidmətlərlə əməliyyatların aparılması üçün məlumat axtarın, rezervasiya edin və ya məhsul sifariş edin, digər funksiyalar arasında.
• O cümlədən cədvəllər, video kliplər və digər media və artıq sənədlərinizdə olan proqramlar.

Belə ki, əgər siz xətt etmək idi “Mənim itim çox şirindir” öz-özünə dayandıqda, onu paraqraf teqlərinə əlavə etməklə onun paraqraf olduğunu müəyyən edə bilərsiniz (bu barədə daha sonra) belə görünür: Mənim itim çox şirindir

HTML və HTML5 arasındakı fərq nədir?

, Adı təklif kimi, HTML5 HTML standartının beşinci versiyasıdır. O, video və audionun dilə inteqrasiyasını dəstəkləyir, bu da üçüncü tərəf plaginləri və elementlərinə ehtiyacı azaldır.

Aşağıda HTML və HTML5 arasındakı əsas fərqlər verilmişdir:

Bundan əlavə, HTML5-dən dəyişdirilmiş və ya silinmiş bir çox HTML elementləri var. Bunlara daxildir:

• - olaraq dəyişdirildi
• - olaraq dəyişdirildi
• - olaraq dəyişdirildi
• - Silindi
• - Silindi
• - Silindi
• - Yeni etiket yoxdur. CSS istifadə edir.
• - Yeni etiket yoxdur. CSS istifadə edir.
• - Yeni etiket yoxdur. CSS istifadə edir.
• - Yeni etiket yoxdur. CSS istifadə edir.
• - Yeni etiket yoxdur. CSS istifadə edir.

Eyni zamanda, HTML5 bir sıra yeni əlavə edilmiş elementləri də əhatə edir. Bunlara daxildir:

HTML5 Nümunələri (Kod PlayGround)

Semantik struktur nümunələri

In HTML5 veb səhifənin müxtəlif hissələrini müəyyən etmək üçün istifadə edilə bilən bəzi semantik elementlər var. Budur ən ümumi olanlar:

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

Əsas Mətn Formatlaşdırma Nümunələri

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

Cədvəl Nümunələri

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

Media nümunələri

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

Tam HTML Fırıldaq Vərəqi

İstər təcrübəli tərtibatçı, istərsə də sənayedə sadəcə ayaqlarını islatmaq istəyən biri olmağınızdan asılı olmayaraq, bu, həmişə sizə kömək edir. HTML formatlaşdırma fırıldaq vərəqi rahat. Mən sizə hər addımda kömək edə biləcək birini hazırlamışam.

HTML fırıldaq cədvəlini yükləyin

CSS nədir?

Cascading Style Sheets və ya CSS HTML elementlərinin ekranda necə göstəriləcəyini təsvir edir. Eyni zamanda birdən çox səhifənin tərtibatına nəzarət edə bildiyi üçün sizə çox vaxt və səyə qənaət edə bilər.

CSS rənglər, tərtibat və şriftlər daxil olmaqla veb səhifələrin təqdimatını təsvir etmək üçün dildir. Bu, təqdimatı böyük ekranlar, kiçik ekranlar və ya printerlər kimi müxtəlif növ cihazlara uyğunlaşdırmağa imkan verir. – W3.org saytından

HTML və CSS arasındakı fərq nədir?

HTML və CSS hər ikisi veb səhifələr və proqramlar yaratmaq üçün istifadə olunan dillər olsa da, onların fərqli funksiyaları var.

HTML veb-səhifədə göstəriləcək strukturu və məzmunu diktə etmək üçün istifadə etdiyiniz şeydir.

Digər tərəfdən CSS-in dəyişdirilməsi üçün istifadə olunur web dizayn veb-səhifədəki HTML elementlərinin (o cümlədən tərtibat, vizual effektlər və fon rəngi).

HTML strukturu və məzmunu yaradır, CSS dizayn və ya üslubu yaradır. HTML və CSS birlikdə veb səhifə interfeysini təşkil edir.

CSS sintaksisi nədir?

CSS sintaksisi selektor və bəyannamə blokundan ibarətdir.

Bəyannamə blokunda bir və ya daha çox bəyannamə və ya cüt CSS mülkiyyət adı və onların arasında iki nöqtə olan dəyər olduğu halda selektor üslub ediləcək HTML elementini müəyyən edir.

Bəyannamələr nöqtəli vergüllə ayrılır və bəyannamə blokları həmişə əyri mötərizələrə əlavə olunur.

Məsələn, 1-ci başlığınızın görünüşünü dəyişdirmək istəyirsinizsə, CSS sintaksisiniz belə görünəcək: h1 {color:red; şrift ölçüsü: 16pc;}

Tam CSS Fırıldaq vərəqi

CSS-dən istifadə etmək kifayət qədər asandır. Çətinlik ondadır ki, bir çox seçicilər və bəyannamələr var ki, onların hamısını xatırlamaq çətindir, hətta qeyri-mümkündür. Baxmayaraq ki, onları yadda saxlamağa ehtiyac yoxdur.

İşdə bir CSS və CSS3 üçün fırıldaqçı vərəq ki, istədiyiniz vaxt istifadə edə bilərsiniz.

CSS fırıldaq cədvəlini yükləyin

PHP nədir?

PHP Hypertext Preprocessor üçün qısaldılmışdır, dinamik veb-saytlar, veb proqramlar və ya statik veb-saytlar hazırlamaq üçün istifadə edilən məşhur açıq mənbəli, HTML-də quraşdırılmış skript dili.

Etibarən PHP server tərəfi dilidir, onun skriptləri serverdə (brauzerdə deyil) icra edilir və onun çıxışı brauzerdə sadə HTML-dir.

PHP geniş istifadə olunan açıq mənbəli ümumi təyinatlı skript dilidir və xüsusilə veb inkişafı üçün uyğundur və HTML-ə daxil edilə bilər. – PHP.net saytından

Bu server tərəfi skript dili Windows, Mac OS, Linux və Unix daxil olmaqla müxtəlif əməliyyat sistemlərində işləyir. O, həmçinin Apache və IIS kimi əksər serverlərə uyğundur.

ASP və JSP kimi digər dillərlə müqayisədə PHP-ni yeni başlayanlar üçün öyrənmək asandır. PHP həmçinin qabaqcıl səviyyəli tərtibatçıların ehtiyac duyduğu çoxlu funksiyalar təklif edir.

PHP və HTML arasındakı fərq nədir?

Baxmayaraq ki, hər iki dil həlledicidir web inkişaf, PHP və HTML bir neçə cəhətdən fərqlənir.

Əsas fərq iki dilin nə üçün istifadə olunduğundadır.

HTML müştəri tərəfi üçün istifadə olunur (və ya front-end) inkişafı, isə PHP server tərəfi üçün istifadə olunur inkişafı.

HTML tərtibatçıların vebsaytda mətn, şəkillər, cədvəllər və hiperlinklər daxil etmək, mətni formatlaşdırmaq və rəngləri təyin etmək kimi məzmunu təşkil etmək üçün istifadə etdiyi dildir.

Eyni zamanda, PHP verilənlər bazasından məlumatların saxlanması və əldə edilməsi, məntiqi əməliyyatların yerinə yetirilməsi, e-poçtların göndərilməsi və cavablandırılması, faylların yüklənməsi və endirilməsi, masaüstü proqramların hazırlanması və s. üçün istifadə olunur.

Kod növü baxımından, HTML statik, PHP isə dinamikdir. HTML kodu hər dəfə açılanda həmişə eyni olur, PHP nəticələri isə istifadəçinin brauzerindən asılı olaraq dəyişir.

Yeni tərtibatçılar üçün hər iki dili öyrənmək asandır, baxmayaraq ki, öyrənmə əyrisi HTML ilə PHP ilə müqayisədə daha qısadır.

PHP Fırıldaqçı Vərəqini tamamlayın

Əgər siz PHP-də daha təcrübəli olmaq və ya onun haqqında biliklərinizi genişləndirmək istəyən təcrübəsiz proqramçısınızsa, burada PHP fırıldaqçı vərəqi tez müraciət edə bilərsiniz.

Bu fırıldaqçı vərəq skript dilinə daxil edilmiş geniş istifadə olunan kodlar üçün qısa yollar olan PHP funksiyalarından ibarətdir.

PHP Fırıldaqçı Vərəqini yükləyin

Ultimate HTML, CSS və PHP Cheat Sheet

Təcrübəli tərtibatçı və ya sadəcə kodlaşdırmaya başlayan biri olmağınızdan asılı olmayaraq, hər zaman istinad üçün qayıda biləcəyiniz və ya sadəcə yaddaşınızı təzələyə biləcəyiniz bir şeyə sahib olmaq əladır.

Və arasında hoqqabazlıq edən tərtibatçılara hədiyyə olaraq HTML, CSS və PHP, burada ULTIMATE fırıldaqçı vərəqi var, bu üç kodlaşdırma dili ilə bağlı bilmək və yadda saxlamağınız lazım olan hər şeyi tamamlayın:

Birləşdirilmiş HTML, CSS və PHP Fırıldaqçı Vərəqini yükləyin