Primer lesson: јазик за означување на хипертекст

Јазик за означување на хипертекст (HTML)

HTML е кратенка за Јазик за означување на хипертекст. Тоа е стандарден јазик за означување за документи дизајнирани да се прикажуваат во веб-прелистувач. HTML може да биде потпомогнат од технологии како што се Cascading Style Sheets (CSS) и јазици за скриптирање како JavaScript.

Основање на веб

Во неговото јадро, интернетот е огромна мрежа на компјутери поврзани на глобално ниво. Примарниот начин на кој комуницираме со оваа мрежа е преку World Wide Web (WWW), систем на меѓусебно поврзани хипертекст документи до кои се пристапува преку интернет. Во срцето на WWW се веб-страниците, кои се документи напишани во HTML. HTML ја обезбедува основната структура на сајтовите, која потоа се подобрува и модифицира со други технологии како CSS и JavaScript.

Структура на HTML документи

HTML-документот е структуриран според збир на вгнездени ознаки, кои се елементи затворени во аголни загради. Овие ознаки му кажуваат на веб-прелистувачот како да ја прикаже содржината. Пример за едноставна структура на HTML документ е:

 <!DOCTYPE html>
<html>
    <глава>
        <title>Наслов на страницата</title>
    </head>
    <тело>
        <h1>Ова е наслов</h1>
        <p>Ова е пасус.</p>
    </body>
</html>

Овој код дефинира основна веб-страница со наслов, наслов и став од текст.

HTML елементи и ознаки

HTML документите се составени од HTML елементи. Секој елемент е претставен со почетна ознака, одредена содржина и ознака за крај. Почетните и крајните ознаки на елементот се идентични, освен што ознаката за крај вклучува коса црта напред пред името на елементот.

На пример, тагот <code><p></code> опфаќа став од текст и тој е структуриран на следниов начин:

 <p>Ова е пример параграф.</p>

Различни елементи служат за различни цели. На пример:

За наслови се користат ознаките <code><h1>...</h1></code> до <code><h6>...</h6></code>.
Тагот <code><a></code> дефинира хиперврска.
Ознаката <code><img></code> вградува слика во документот.

Атрибути

HTML елементите може да имаат атрибути кои обезбедуваат дополнителни информации за елементите. Атрибутите се сместени во почетната ознака на елементот и често се дадени во парови име/вредност како <code>name="value"</code>.

На пример, за да вградиме слика, ја користиме ознаката <code><img></code> со атрибутот <code>src</code> (извор) за да го одредиме URL-то на сликата:

 <img src="url на image.jpg" alt="Опис на сликата">

Атрибутот <code>alt</code> обезбедува алтернативен текст за сликата ако не може да се прикаже.

Линкови и навигација

Употребата на тагот <code><a></code> создава хиперврски, кои се основа за меѓусебната поврзаност на Интернет. Хиперврската може да се поврзе до друга веб-страница, различен дел на истата страница или дури и датотека што може да се преземе. На пример:

 <a href="https://example.com">Посетете го Example.com</a>

Ова создава врска до <code>https://example.com</code>.

Списоци

HTML обезбедува елементи за креирање списоци. Постојат два основни типа на списоци:

Неподредени списоци (<code><ul></code>), каде што редоследот на ставките не е значаен. Ставките во неуреден список се означени со куршуми.
Подредени списоци (<code><ol></code>), каде што е важен редоследот на ставките. Ставките во нарачана листа се нумерирани.

Секоја ставка во списокот е затворена во ознаката <code><li></code> (ставка од списокот).

HTML5

HTML5 е најновата еволуција на стандардот, воведувајќи многу нови функции кои ги одразуваат современите потреби за мултимедијални и интерактивни документи. Тие вклучуваат нови структурни елементи (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>) , графички елементи (<code><canvas></code> за цртање, <code><svg></code> за скалабилна векторска графика) и медиумски елементи (<code><audio></code> и <code ><video></code>).

Семантички HTML

Семантичкиот HTML се однесува на употребата на HTML обележување за да се зајакне семантиката или значењето на информациите во веб-страниците. Наместо само да дефинира како изгледаат или се однесуваат елементите (тоа е работа за CSS и JavaScript), семантичкиот HTML точно ја опишува структурата и видот на содржината. На пример, ознаката <code><article></code> покажува дека содржината внатре е статија, додека ознаката <code><nav></code> означува мени за навигација.

Користењето на семантички HTML ја подобрува пристапноста и пребарувањето на веб-содржините, правејќи ги поупотребливи и откриени.

Заклучок

HTML е технологија-темелник на World Wide Web, обезбедувајќи ја основната структура за веб-страниците. Преку употреба на ознаки, атрибути и елементи, HTML овозможува креирање на структурирани документи. Со разбирање и користење на HTML, може да се создаде широк опсег на содржини достапни на веб, од едноставни текстуални документи до сложени интерактивни мултимедијални искуства. Како основа за веб-развој, владеењето на HTML е од суштинско значење за секој што сака да дизајнира или развива за веб.

јазик за означување на хипертекст