Inline Elementlər:
- Təsviri: "Inline" elementlər, mətn və sətir təmsil edən elementlərdir. Bu növ elementlər nəvbəti sətirə keçmədən yan-yana düzülür.
- Nümunələr: <span>, <a>, <strong>, <em>, <code> kimi elementlər "inline" elementlərə nümunədir.
- Xüsusiyyətlər: "Inline" elementlərə genişlik və hündürlük tətbiq edilmir, onlar sadəcə mətnin ardıcılığını təmin edirlər.
Inline-Block Elementlər:
- Təsviri: "Inline-Block" elementlər həm "inline", hem də "block" elementlərin xüsusiyyətlərini birləşdirir. Onlar sətiri bölürlər və yeni bir sətirə keçmirlər, lakin hündürlük və genişlik xüsusiyyətləri təyin edilə bilər.
- Nümunələr: <img>, <button>, <input> elementləri "inline-block" elementlərə nümunədir.
- Xüsusiyyətlər: Hündürlük və genişlik təyin edilməsi "inline-block" elementləri yan-yana yerləşdirilməsi və ardıcıllığının qorunmasını təmin edir.
- Xüsusi Məlumat: "Inline-Block" elementlər digər elementlərin daxilində rahatlıqla istifadə edilə bilər.
Block Elementlər:
- Təsviri: "Block" elementlər, yeni bir sətirə keçmələri və tüm səhifənin enindən yer tutmaları ilə xarakterizə olunurlar.
- Nümunələr: <div>, <p>, <h1> kimi elementlər "block" elementlərə nümunədir.
- Xüsusiyyətlər: Hündürlük və genişlik təyin edilməsi "block" elementlərin ardıcıllığının qorunmasına mane olur.
- Xüsusi Məlumat: "Block" elementlər digər elementlərin daxilində yer ala bilməz, onlar yalnız özündə olan məzmunu təmsil edir.
Bu üç element növü front-end development sahəsində veb səhifə strukturunu təmsil etmək üçün əhəmiyyətli rol oynayır. Onların doğru istifadəsi, səhifənizin dizaynını və funksionallığını təyin edir.