HTML Element (HTML Elementi)

HTML (HyperText Markup Language) sənədlərinin əsas quruluşu "element"lərdən ibarətdir. Bir HTML elementi, adətən, açılış tagı, bağlama tagı və bu taglar arasındakı məzmundan ibarətdir. Bu elementlər bir-birinə daxil olaraq veb səhifələrinin qurulmasında mühüm rol oynayır. Hər bir HTML elementi brauzerlərə istifadəçilərə göstərilən məzmunu təşkil etməyə kömək edir.

Bir elementin ümumi quruluşu belədir:

<tag>məzmun</tag>

Burada "tag" açılış və bağlama taglarıdır, "məzmun" isə bu taglar arasında yerləşən məlumatdır. Məsələn, bir <p> elementi aşağıdakı kimi olacaq:

<p>Bu, paragrafın məzmunudur.</p>

HTML elementlərinin çoxu açılış tagı və bağlama tagından ibarət olsa da, bəzi elementlər yalnız açılış tagı ilə kifayətlənir. Məsələn, <img> elementi. Bu tip elementlər "self-closing" (özünü bağlayan) adlanır, çünki onlar bağlama tagına ehtiyac duymurlar:

<img src="image.jpg" alt="Image">

HTML Elementlərinin Təsnifatı

1. Blok Elementləri (Block Elements): Bu elementlər səhifədə tam genişlik alır və əvvəlki elementin altına düşür. Məsələn, <div>, <h1>, <p>, <ul>. Bu elementlər məzmunu daha geniş şəkildə təşkil etməyə kömək edir və səhifənin strukturunun əsasını təşkil edir.
2. Sətir Elementləri (Inline Elements): Bu elementlər yalnız məzmunun cüzi bir hissəsini tutar və digər elementlərlə eyni sətirdə yerləşirlər. Məsələn, <span>, <a>, <strong>, <em>. Sətir elementləri blok elementlərinin tərsinə olaraq, səhifədə sətir daxilində yerləşirlər.
3. Form Elementləri (Form Elements): HTML formaları istifadəçilərdən məlumat toplamaq üçün istifadə olunur. Məsələn, <input>, <textarea>, <button>, <select>. Bu elementlər istifadəçilərə fərqli tiplərdə məlumat daxil etməyə imkan verir və formanın işləyişi üçün əsas rolu oynayır.
4. Semantik Elementlər (Semantic Elements): Bu elementlər məzmunu və strukturu daha yaxşı təşkil etmək üçün istifadə olunur. Semantik HTML kodu, səhifənin mənasını daha aydın şəkildə göstərir. Məsələn, <header>, <footer>, <article>, <section>, <nav>. Bu elementlər məzmunun mənasını artırır və SEO (axtarış mühərriki optimizasiyası) üçün də faydalıdır.

Elementlərin Atributları

Hər bir HTML elementi atributlarla zənginləşdirilə bilər. Atributlar, elementin xüsusiyyətlərini və ya işini təyin edən əlavə məlumatlardır. Atributlar, adətən, açılış tagında yazılır və hər biri bir dəyər alır. Məsələn, <img> elementində src və alt atributları şəkilin göstərilməsi üçün vacibdir:

<img src="image.jpg" alt="A description of the image">

Nəticə olaraq, HTML elementləri veb səhifələrinin əsas quruluşunu təşkil edir və doğru istifadəsi sayəsində səhifələrin düzgün və funksional bir şəkildə işləməsini təmin edir.