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 е долга и комплицирана.
  • Нема елементи како навигација и заглавие, како и атрибути како множество знаци, async, и пинг.
  • Исклучително тешко е да се добие вистинска геолокација на корисници со користење на прелистувач.
  • Не можам да се справам со неточна синтакса.

HTML5

  • Поддржува аудио и видео контроли со употреба на и ознаки.
  • Користи SQL бази на податоци и кеш на апликации за складирање офлајн податоци.
  • Дозволува JavaScript да работи во заднина со употреба на JS Web worker API.
  • Векторската графика е основен дел од HTML5, слично како SVG и платно.
  • Овозможува влечење и пуштање ефекти.
  • Овозможете цртање форми.
  • Ги поддржува сите нови прелистувачи како Firefox, Mozilla, Chrome и Safari.
  • Повеќе погодни за мобилни телефони.
  • Декларацијата на Doctype е едноставна и лесна.
  • Има нови елементи за веб-структури како навигација, заглавие и подножје, меѓу другото, а исто така има атрибути на множество знаци,sync, и пинг.
  • Го прави кодирањето на знаци едноставно и лесно.
  • Овозможува следење на корисничката ГеоЛокација со користење на JS GeoLocation API.
  • Способен за справување со неточна синтакса.
 

Дополнително, има многу елементи на 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

<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; големина на фонт: 16 парчиња;}

Целосно CSS мамење лист

CSS е доволно лесен за употреба. Предизвикот е што има многу селектори и декларации дека запаметувањето на сите нив е тешко ако не и невозможно. Сепак, не мора да ги меморирате.

Еве еден мамење лист за 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 се користи за клиентска страна (или front-end) развој, додека PHP се користи за серверска страна развој.

HTML е јазикот што програмерите го користат за организирање содржина на веб-локација, како што се вметнување текст, слики, табели и хиперврски, форматирање текст и специфицирање бои.

Во меѓувреме, PHP се користи за складирање и преземање податоци од база на податоци, извршување логички операции, испраќање и одговарање на е-пошта, поставување и преземање датотеки, развој на десктоп апликации и многу повеќе.

Во однос на типот на код, HTML е статичен додека PHP е динамичен. HTML кодот е секогаш ист секогаш кога ќе се отвори, додека резултатите од PHP варираат во зависност од прелистувачот на корисникот.

За новите програмери, двата јазика се лесни за учење, иако кривата на учење е пократка со HTML од PHP.

Целосно PHP мамење лист

Ако сте почетник програмер кој сака да биде повеќе умешен во PHP или да го прошири своето знаење за тоа, еве PHP мамење лист можете брзо да се повикате на.

Овој мамечки лист се состои од функции на PHP - кои се кратенки за широко користените кодови - кои се вградени во јазикот за скриптирање.

PHP измамник лист

 

Преземете го листот за измамници на PHP

 

Крајниот лист за мамење HTML, CSS и PHP

Без разлика дали сте искусен програмер или само некој што започнува со кодирање, одлично е да имате нешто на кое секогаш можете да се вратите за референца или едноставно да ја освежите вашата меморија.

И како подарок за програмерите кои жонглираат помеѓу HTML, CSS и PHP, тука е ULTIMATE cheat sheet, комплетно со се што треба да знаете и запомните во врска со овие три јазици за кодирање:

 

Преземете го комбинираниот лист за мамење HTML, CSS и PHP

 

Матијас Алгрен е извршен директор и основач на Website Rating, управувајќи со глобален тим уредници и писатели. Тој е магистер по информатички науки и менаџмент. Неговата кариера беше насочена кон оптимизација по раните искуства за развој на веб за време на универзитетот. Со повеќе од 15 години во SEO, дигитален маркетинг и веб-развивачи. Неговиот фокус ја вклучува и безбедноста на веб-страниците, потврдена со сертификат за сајбер безбедност. Оваа разновидна експертиза го поткрепува неговото лидерство во Website Rating.

„Тимот WSR“ е колективна група на стручни уредници и писатели специјализирани за технологија, безбедност на интернет, дигитален маркетинг и развој на веб. Страсни за дигиталното царство, тие произведуваат добро истражена, прониклива и достапна содржина. Нивната посветеност на точноста и јасноста прави Website Rating доверлив извор за да останете информирани во динамичниот дигитален свет.

Останете информирани! Придружете се на нашиот билтен
Претплатете се сега и добијте бесплатен пристап до водичи, алатки и ресурси само за претплатници.
Можете да се откажете во секое време. Вашите податоци се безбедни.
Останете информирани! Придружете се на нашиот билтен
Претплатете се сега и добијте бесплатен пристап до водичи, алатки и ресурси само за претплатници.
Можете да се откажете во секое време. Вашите податоци се безбедни.
Споделете на...