Primer lesson: hipermətn işarələmə dili

Hipermətn İşarələmə Dili (HTML)

HTML Hypertext Markup Language deməkdir. Bu veb brauzerdə nümayiş etdirilmək üçün nəzərdə tutulmuş sənədlər üçün standart işarələmə dilidir. HTML-yə Cascading Style Sheets (CSS) kimi texnologiyalar və JavaScript kimi skript dilləri kömək edə bilər.

Vebin təməli

Özündə internet qlobal miqyasda birləşdirilən böyük kompüterlər şəbəkəsidir. Bu şəbəkə ilə qarşılıqlı əlaqəmizin əsas yolu İnternet vasitəsilə əldə edilən bir-biri ilə əlaqəli hipermətn sənədləri sistemi olan World Wide Web (WWW) vasitəsilədir. WWW-nin əsasını HTML-də yazılmış sənədlər olan veb-səhifələr təşkil edir. HTML saytların əsas strukturunu təmin edir, daha sonra CSS və JavaScript kimi digər texnologiyalar tərəfindən təkmilləşdirilir və dəyişdirilir.

HTML sənədlərinin strukturu

HTML sənədi bucaqlı mötərizələrə daxil edilmiş elementlər olan iç-içə teqlər dəstinə uyğun qurulur. Bu teqlər veb brauzerə məzmunun necə göstəriləcəyini bildirir. Sadə bir HTML sənəd quruluşuna misal:

 <!DOCTYPE html>
<html>
    <baş>
        <title>Səhifə Başlığı</title>
    </head>
    <bədən>
        <h1>Bu Başlıqdır</h1>
        <p>Bu, paraqrafdır.</p>
    </body>
</html>

Bu kod başlıq, başlıq və mətn paraqrafı olan əsas veb səhifəni müəyyənləşdirir.

HTML elementləri və etiketləri

HTML sənədləri HTML elementlərindən ibarətdir. Hər bir element başlanğıc etiketi, bəzi məzmun və son teq ilə təmsil olunur. Elementin başlanğıc və son teqləri eynidir, ancaq son teq elementin adından əvvəl slash işarəsini ehtiva edir.

Məsələn, <code><p></code> teqi mətnin paraqrafını əhatə edir və o, aşağıdakı kimi qurulur:

 <p>Bu, nümunə abzasdır.</p>

Fərqli elementlər müxtəlif məqsədlərə xidmət edir. Məsələn:

Başlıqlar üçün <code><h1>...</h1></code> - <code><h6>...</h6></code> teqlərindən istifadə olunur.
<code><a></code> teqi hiperlink müəyyən edir.
<code><img></code> teqi şəkili sənədə yerləşdirir.

Atributlar

HTML elementləri elementlər haqqında əlavə məlumat verən atributlara malik ola bilər. Atributlar elementin başlanğıc teqinə yerləşdirilir və çox vaxt <code>name="value"</code> kimi ad/dəyər cütlərində verilir.

Məsələn, şəkili yerləşdirmək üçün biz şəklin URL-sini təyin etmək üçün <code><img></code> teqindən <code>src</code> (mənbə) atributundan istifadə edirik:

 <img src="url to image.jpg" alt="Şəklin təsviri">

<code>alt</code> atributu, əgər onu göstərmək mümkün olmadıqda, şəkil üçün alternativ mətn təmin edir.

Linklər və Naviqasiya

<code><a></code> teqinin istifadəsi İnternetin qarşılıqlı əlaqəsi üçün əsas olan hiperlinklər yaradır. Hiperlink başqa veb səhifəyə, eyni səhifədəki fərqli bölməyə və ya hətta endirilə bilən fayla keçid edə bilər. Misal üçün:

 <a href="https://example.com">Example.com saytına daxil olun</a>

Bu, <code>https://example.com</code> saytına keçid yaradır.

Siyahılar

HTML siyahıları yaratmaq üçün elementlər təqdim edir. Siyahıların iki əsas növü var:

Elementlərin sırasının əhəmiyyətli olmadığı sıralanmamış siyahılar (<code><ul></code>). Sıralanmamış siyahıdakı elementlər güllələrlə qeyd olunur.
Elementlərin sırasının əhəmiyyət kəsb etdiyi sıralı siyahılar (<code><ol></code>). Sıralanmış siyahıdakı maddələr nömrələnir.

Siyahıdakı hər bir element <code><li></code> (siyahı elementi) teqinə əlavə olunur.

HTML5

HTML5 multimedia və interaktiv sənədlər üçün müasir ehtiyacları əks etdirən bir çox yeni funksiyalar təqdim edən standartın ən son təkamülüdür. Bunlara yeni struktur elementləri (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>) daxildir. , qrafik elementlər (rəsm üçün <code><canvas></code>, miqyaslana bilən vektor qrafikası üçün <code><svg></code>) və media elementləri (<code><audio></code> və <code ><video></kod>).

Semantik HTML

Semantik HTML veb-səhifələrdə məlumatın semantikasını və ya mənasını gücləndirmək üçün HTML işarələməsinin istifadəsinə aiddir. Elementlərin necə göründüyünü və ya necə davrandığını müəyyən etmək əvəzinə (bu, CSS və JavaScript üçün işdir), semantik HTML məzmunun strukturunu və növünü dəqiq təsvir edir. Məsələn, <code><article></code> teqi içindəki məzmunun məqalə olduğunu, <code><nav></code> teqi isə naviqasiya menyusunu bildirir.

Semantik HTML-dən istifadə veb məzmunun əlçatanlığını və axtarışını yaxşılaşdırır, onu daha faydalı və aşkar edilə bilən edir.

Nəticə

HTML veb səhifələr üçün əsas strukturu təmin edən World Wide Web-in təməl daşı texnologiyasıdır. Teqlərdən, atributlardan və elementlərdən istifadə etməklə HTML strukturlaşdırılmış sənədlər yaratmağa imkan verir. HTML-i başa düşmək və istifadə etməklə, sadə mətn sənədlərindən mürəkkəb interaktiv multimedia təcrübələrinə qədər internetdə əlçatan olan geniş məzmun çeşidini yarada bilərsiniz. Veb inkişafının təməli olaraq, HTML-nin mənimsənilməsi veb üçün dizayn və ya inkişaf etdirmək istəyən hər kəs üçün vacibdir.

hipermətn işarələmə dili