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

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

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

Основа на мрежата

Во својата суштина, интернетот е огромна мрежа од компјутери поврзани на глобално ниво. Примарниот начин на кој комуницираме со оваа мрежа е преку Светската мрежа ( 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 to 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 е од суштинско значење за секој што сака да дизајнира или развива за веб.

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