Nümunə tərif siyahısı kodu:

Tərif siyahıları 1-ci terminin tərifi 1-ci terminin tərifi 2-ci terminin tərifi 2-ci terminin tərifi

Nəticə:

Daxili siyahılar

Siyahı elementinə öz siyahınızı daxil etməli olduğunuz vəziyyətlər var. Belə siyahılar çoxsəviyyəli və ya iç-içə adlanır. Bunun üçün artıq bizə məlum olan siyahı etiketlərinin birləşməsindən istifadə olunur.

Çox səviyyəli siyahı üçün nümunə kodu:

Daxili siyahılar

• Heyvanlar
  1. pişiklər
  2. itlər
• Bitkilər
  1. ağaclar
  2. çiçəklər

Nömrələnmiş siyahılar seriya nömrələri olan elementlər toplusudur. Nömrələmə növü və növü etiketin atributlarından asılıdır

, siyahı yaratmaq üçün istifadə olunur. Nömrələnmiş siyahıdakı hər bir element etiketlə göstərilir
1. aşağıda göstərildiyi kimi.
   1. Birinci nöqtə
   2. İkinci nöqtə
   3. Üçüncü nöqtə

   Heç bir əlavə atribut göstərməsəniz və sadəcə etiketi yazın

   , onda defolt, Nümunə 11.3-də göstərildiyi kimi ərəb rəqəmləri (1, 2, 3,...) olan siyahıdır.

   Misal 11.3. Nömrələnmiş siyahı yaradın

   Zamanla işləmək

   1. punktuallıq yaratmaq (heç vaxt heç nəyə gecikməyəcəksiniz);
   2. punktuallığın müalicəsi (heç vaxt tələsməyəcəksiniz);
   3. zaman və saat qavrayışının dəyişməsi.
   
   
   

   Bu nümunənin nəticəsi Şəkildə göstərilmişdir. 11.3.

   düyü. 11.3. Nömrələnmiş siyahı görünüşü

   Qeyd edək ki, nömrələnmiş siyahı mətnin yuxarısına, aşağısına və soluna avtomatik abzas əlavə edir.

   Aşağıdakı dəyərlər nömrələmə elementləri kimi xidmət edə bilər:

   • ərəb rəqəmləri (1, 2, 3, ...);
   • böyük Latın hərfləri (A, B, C, ...);
   • kiçik latın hərfləri (a, b, c, ...);
   • böyük rum rəqəmləri (I, II, III, ...);
   • kiçik rum rəqəmləri (i, ii, iii, ...).

   Nömrələnmiş siyahının növünü göstərmək üçün etiketin tip atributundan istifadə edin

   . Onun mümkün dəyərləri cədvəldə verilmişdir. 11.2.
   Cədvəl 11.2. Nömrələnmiş siyahının növləri

   Siyahı növü	HTML kodu	Misal
   Ərəb rəqəmləri		1. Çeburaşka 2. Timsah Gena 3. Şapoklyak
   Latın əlifbasının baş hərfləri		A. Çeburaşka B. Timsah Gena C. Şapoklyak
   Latın əlifbasının kiçik hərfləri		a. Çeburaşka b. Timsah Gena c. Şapoklyak
   Böyük hərflə Roma rəqəmləri		I. Çeburaşka II. Timsah Gena III. Şapoklyak
   Roma rəqəmləri kiçik hərflərlə		i. Çeburaşka ii. Timsah Gena iii. Şapoklyak

   Siyahıya xüsusi dəyərlə başlamaq üçün etiketin başlanğıc atributundan istifadə edin

   . Siyahının type istifadə edərək hansı növə təyin olunmasının əhəmiyyəti yoxdur, başlanğıc atributu həm Roma, həm də ərəb rəqəmləri ilə eyni işləyir. Nümunə 11.4, səkkizdən başlayan böyük Roma rəqəmlərindən istifadə edərək siyahının necə yaradılacağını göstərir.

   Misal 11.4. Siyahının nömrələnməsi

   8. Kral Magnum XLIV
   9. Kral Ziqfrid XVI
   10. Kral Sigismund XXI
   11. Kral Husbrandt I
   
   
   

   Bu nümunənin nəticəsi Şəkildə göstərilmişdir. 11.4.

   

   düyü. 11.4. Roma rəqəmləri ilə nömrələnmiş siyahı

   - 2 səs əsasında 5-dən 4.5

   Çox vaxt vebsaytdakı müəyyən məlumatlar siyahılar şəklində təqdim edilməlidir.

   Siyahılar müxtəlif məlumatları təşkil etməyə və sistemləşdirməyə və onları rahat formada ziyarətçiyə təqdim etməyə imkan verir.

   HTML-də siyahılar üç növdə olur: markerli siyahılar, nömrələnmiş siyahılar və tərif siyahıları. Gəlin onları ardıcıllıqla necə yaratmağa baxaq.

   Markerli siyahı.

   Bu tip siyahı ən çox istifadə olunur. HTML-də markerli siyahı teqlərdən istifadə etməklə yaradılır

   • . Bu halda, hər bir siyahı elementinin qarşısına bir marker əlavə olunur, o, dairə şəklində bir markerdir; Teqlərdən istifadə edərək, içərisində siyahı elementlərinin yerləşdiyi konteyner yaradılır: .

     Markerli siyahı kodu belə görünəcək:

     • Bu seçimdir
     • Bu seçim
     • Bu kimi seçim

     Bu kodu sizin üçün də istifadə edərək HTML səhifəsi yaratmağa cəhd edə bilərsiniz, nəticə aşağıdakı siyahı olacaq:

     

     Gördüyünüz kimi, hər bir siyahı elementi solda, yuxarıda və aşağıda müəyyən abzaslar yaradılmaqla yeni sətirdə yerləşdirilir. Hər bir siyahı elementi markerlə başlayır; marker doldurulmuş dairə (standart olaraq istifadə olunur), dairə və ya kvadrat ola bilər. Etiketdə

     Markerin üslubunu təyin etmək üçün istifadə olunan tip atributu var. Bu atribut aşağıdakı mənalara malikdir:
     • disk - dairə;
     • dairə - dairə;
     • kvadrat - kvadrat.

     Disk dəyəri standartdır.

     Dairə işarələri ilə markerli siyahı yaratmaq nümunəsi:

     • Bu seçimdir
     • Bu seçim
     • Bu kimi seçim

     Nəticədə siyahı aşağıdakı formanı alacaq:

     

     Kvadrat markerlərlə markerli siyahı yaratmaq:

     • Bu seçimdir
     • Bu seçim
     • Bu kimi seçim

     Siyahı belə görünəcək:

     

     Type atributu sadəcə bir etiketdən daha çoxuna tətbiq edilə bilər

     , həm də etiketə
     • . Bu yolla siz müxtəlif güllələrdən ibarət siyahı yarada bilərsiniz.
       • Bu seçimdir
       • Bu seçim
       • Bu kimi seçim

       Nəticə aşağıdakı olacaq:

       

       Nömrələnmiş siyahılar.

       HTML-də nömrələnmiş siyahılar hər bir elementin seriya nömrəsi olan siyahılardır

       və etiketlərində yuvalanmışdır

       1. 1. Birinci sıra
          2. İkinci sıra
          3. Üçüncü xətt

          Siyahı belə görünür:

          

          Varsayılan olaraq, nömrələmə ərəb rəqəmləri ilə aparılır. Amma etiket

          Tip atributu var, onun dəyərlərindən istifadə edərək latın hərfləri ilə böyük (tip = "A") və ya kiçik hərflərlə (tip = "a"), yuxarıdakı rum rəqəmləri ilə nömrələmə edə bilərsiniz (tip = "I" ) və aşağı (type="i" ) reyestri.

          Aşağıda kodun qısaldılmış versiyaları və bu və ya digər halda ola biləcək nömrələmə növü verilmişdir.

          Siyahı görünüşü:

          Siyahı görünüşü:

          

          Latın əlifbasının kiçik hərfləri ilə nömrələmə:

          Siyahı görünüşü:

          

          Siyahı görünüşü:

          

          Siyahı görünüşü:

          

          HTML-də təriflərin siyahısı.

          Siyahının xüsusi növü tərif siyahılarıdır. Onlar hər bir siyahı elementinin iki elementdən, termin və onun mənasını açan mətndən ibarət olması ilə fərqlənirlər. Bu siyahılar etiketlərdən istifadə etməklə yaradılır

          . Tag

          siyahı, etiket üçün konteyner yaradır

          termini və etiketi təyin edir

          terminin təsviri və ya tərifi.

          Bu siyahı aşağıdakı kimi yazılır:

          Müddəa 1

          Tərif 1

          Müddət 2

          Termin tərifi 2

          Müddəa 3

          Tərif 3

          Nəticə aşağıdakı siyahı olacaq:

          

          Gördüyünüz kimi, bu, termin və tərif mətni üçün uyğun abzas yaradır.

          HTML-də iç-içə və ya çox səviyyəli siyahılar.

          Bəzən müəyyən siyahı növünün bir elementi daxilində başqa bir siyahı yerləşdirmək lazımdır. HTML bəzi siyahıları digər siyahıların elementlərinə qeyri-məhdud şəkildə yerləşdirməyə imkan verir.

          Məsələn, burada nömrələnmiş siyahıları markerli siyahı elementləri içərisində yerləşdirən kod var.

          • Bu seçimdir
            1. Birinci sıra
            2. İkinci sıra
            3. Üçüncü xətt
          • Bu seçim
            1. Birinci sıra
            2. İkinci sıra
            3. Üçüncü xətt
          • Bu kimi seçim
            1. Birinci sıra
            2. İkinci sıra
            3. Üçüncü xətt

          Markerlə işarələnmiş siyahı hər siyahı elementindən əvvəl adətən doldurulmuş dairə şəklində kiçik bir marker əlavə etməklə müəyyən edilir. Siyahının özü bir konteyner istifadə edərək formalaşır

          , və hər bir siyahı elementi etiketlə başlayır
          • aşağıda göstərildiyi kimi.
            • Birinci nöqtə
            • İkinci nöqtə
            • Üçüncü nöqtə

            Siyahıda yekun etiket olmalıdır

          , əks halda xəta baş verəcək. Bağlama etiketi Tələb olunmasa da, biz həmişə onu aydın şəkildə siyahı elementlərinə əlavə etməyi tövsiyə edirik.

          Nümunə 11.1 veb səhifəyə markerli siyahı əlavə etmək üçün HTML kodunu göstərir.

          Misal 11.1. Markerli siyahı yaradın

          ---

          • Çeburaşka
          • Timsah Gena
          • Şapoklyak
          • Siçovul Larisa

          ---

          
          
          

          Bu nümunənin nəticəsi Şəkildə göstərilmişdir. 11.1.

          düyü. 11.1. Markerli siyahı görünüşü

          Siyahının yuxarı, aşağı və sol tərəfindəki dolğaya diqqət yetirin. Belə abzaslar avtomatik olaraq əlavə edilir.

          Markerlər üç formadan birini ala bilər: dairə (defolt), dairə və kvadrat. Marker üslubunu seçmək üçün etiketin tip atributundan istifadə edin

          . Qəbul edilən dəyərlər cədvəldə verilmişdir. 11.1
          Cədvəl 11.1. Güllə Üslublarını Siyahı

          Siyahı növü	HTML kodu	Misal
          Dairə işarələri ilə siyahı		Birinci İkinci üçüncü
          Dairə işarələri olan siyahı		Birinci İkinci üçüncü
          Kvadrat güllə ilə siyahı		Birinci İkinci üçüncü

          Markerlərin görünüşü müxtəlif brauzerlərdə, həmçinin şrift və mətn ölçüsünü dəyişdirərkən bir qədər fərqli ola bilər.

          Kvadrat güllələrlə siyahının yaradılması Misal 11.2-də göstərilmişdir.

          Misal 11.2. Markerlərin növü

          Dəyişən İnanclar

          • dini inancda dəyişiklik (isteğe bağlı: Buddizm, Konfutsiçilik, Hinduizm).
          • Xüsusi təklif - Yəhudilik və İslam birlikdə;
          • yadplanetlilərin mövcudluğuna inam;
          • öz növünün ən yaxşısı kimi siyasi sistemə üstünlük vermək (seçmək üçün: feodalizm, sosializm, kommunizm, kapitalizm).
          
          
          

          Bu nümunənin nəticəsi Şəkildə göstərilmişdir. 11.2.

          Salam, blog saytının əziz oxucuları. Bu gün bu bölmənin bir hissəsi olaraq, xüsusi hazırlanmış UL, OL, LI və DL teqləri əsasında yaradıla bilən müxtəlif Html siyahıları haqqında danışmaq istəyirəm. UL və LI cütləri markerli siyahılar yaradır, OL və LI cütləri nömrələnmiş siyahılar yaradır və DL, DT və DD elementləri sözdə tərif siyahıları yaradır. Daxili strukturların yaradılması prinsiplərini də qısaca nəzərdən keçirəcəyik.

          Xatırlatmaq istərdim ki, biz artıq müasir, eləcə də cədvəl tərtibatı () əsasları haqqında danışa bilmişik. Bundan əlavə, biz əsaslara toxunduq və öyrəndik.

          UL və LI etiketlərinə əsaslanan güllə siyahıları

          UL etiketi markerli siyahılar yaratmaq üçün, OL teq isə nömrələnmiş siyahılar yaratmaq üçün istifadə olunur. Bu teqlər LI elementi kimi cüt-cüt və blok teqləridir.

          Açılış və bağlanış teqləri arasında ayrı-ayrı siyahı elementləri yerləşir və onlar öz növbəsində açılış və bağlanış LI elementinə əlavə olunur. Brauzer HTML siyahılarının yuxarı və aşağı hissəsinə paraqraf teqinin yaratdığı abzas kimi bir sətirlik abzas əlavə edir.

          Məsələn, bu kimi görünə bilən markerli seçimə baxaq:

          • Birinci sıra
          • İkinci
          • Son element

          Yalnız LI elementləri açılan və bağlanan UL teqlərinin içərisində ola bilər və bu elementlərin (bəndlərin) özlərinə istənilən məzmunu (mətn, şəkillər, başlıqlar, paraqraflar, keçidlər və hətta digər siyahılar) daxil edə bilərsiniz.

          Bunlar. UL yalnız markerli (sifariş olunmayan) siyahı təşkil etməyə xidmət edir və onun daxilindəki veb-səhifədə gördüyünüz hər şey LI elementlərinin məzmunundan istifadə etməklə həyata keçirilir.

          UL üçün "Növ" atributu üçün müxtəlif dəyərlər göstərərək markerin növünü dəyişə bilərsiniz. UL elementi üçün "Növ" (markerlərin görünüşünə nəzarət) göstərilməyibsə, markerin standart görünüşü göstəriləcək (disk - mətnin rəngi ilə doldurulmuş dairə):

          1. — doldurulmuş dairə (standart);
             • - doldurulmamış dairə;
               • - kvadrat

          Yuxarıdakı nümunələrdə biz bütün elementlər üçün bu tip markerdən istifadə edərək UL elementində “Növ” atributunu təyin etdik. Lakin “Növ” atributunu bu element üçün öz marker növünü təyin edərək, hər bir fərdi LI etiketi üçün də təyin etmək olar.

          Hər bir element üçün fərqli marker növləri olan markerli siyahı nümunəsi:

          

          1. Doldurulmuş disk şəklində marker
          2. Boyanmamış disk şəklində marker
          3. Kvadrat

          OL teqinə əsaslanan HTML-də nömrələnmiş siyahılar

          Nömrələnmiş siyahı yaratmaq üçün OL teqlərindən istifadə olunur, onların içərisində yenidən LI elementləri yerləşəcək. OL və LI, artıq qeyd etdiyim kimi, blok əsaslıdır (yəni genişlikdə onlar üçün mövcud olan bütün yerləri tutmağa meyllidirlər) və OL-nin içərisinə LI elementlərindən başqa heç nə yerləşdirilə bilməz.

          Məlum oldu ki, OL və UL yalnız brauzerə hansı növ siyahı yaratdığımızı göstərmək üçün lazım olan xidmət teqləridir (markalı və ya nömrələnmiş). Nömrələnmiş bənd olduqda, hər bir elementin solunda marker deyil, onun arxasında bir nömrə və nöqtə görəcəyik:

          

          1. Birinci sıra
          2. İkinci nöqtə
          3. Üçüncü xətt

          Yuxarıda qeyd etdiyim kimi, UL, OL və LI elementləri TYPE atributundan istifadə etmək qabiliyyətinə malikdir. O, sizə markerin növünü konfiqurasiya etməyə və ya siyahı elementlərinin nömrələnməsi üçün hansı rəqəmlərin və ya hərflərin istifadə olunacağını müəyyən etməyə imkan verir. Nömrələnmiş siyahı üçün bu atributun parametrləri aşağıdakı dəyərləri qəbul edə bilər:

          1. — nömrələmə adi ərəb rəqəmləri ilə aparılacaq (“Növ” atributu olmadıqda eyni seçim standart olaraq istifadə olunacaq);
             1. — nömrələmə kimi böyük hərflər;
                1. - kiçik hərflər;
                   1. - böyük rum rəqəmləri;
                      1. - kiçik rum rəqəmləri;

                         Hər bir element üçün müxtəlif nömrələmə növləri ilə nömrələnmiş siyahının nümunəsi:

                         

                         1. böyük rum rəqəmləri ilə nömrələnir
                         2. Kiçik Latın hərfləri ilə nömrələmə
                         3. Kiçik Roma rəqəmləri ilə nömrələmə

                         Nömrələnmiş siyahılar yaratarkən nömrələnməyə birdən deyil, START atributunda göstərilən nömrədən başlamaq da mümkündür. Məsələn:

                         1. Nömrəsi start="23" atributu ilə OL teqində göstərilən birinci element
                         2. Növbəti maddə, bir nömrə daha yüksəkdir
                         3. Daha bir

                         OL üçün siz həmçinin bu elementin açılış LI-də VALUE atributunu tələb olunan rəqəmlə yazmaqla istənilən elementdən başlayaraq istənilən dəyərdən yeni nömrələşdirməyə başlaya bilərsiniz. Məsələn:

                         1. Bir nömrə ilə ilk nöqtə
                         2. Bu element value="32" atributunda göstərilən nömrəni alacaq
                         3. Çox sayda element

                         CSS-də siyahıların görünüşünün dizaynı (stil cədvəlləri)

                         Lakin, bir qayda olaraq, indi markerlərin görünüşü TYPE atributu vasitəsilə deyil, müvafiq xüsusiyyətlərin göstərildiyi təyin olunur.

                         Burada mən sadəcə olaraq nömrələnməmiş siyahılar üçün müxtəlif markerlərə nümunə verəcəyəm, onların görünüşü kaskad üslub vərəqləri ilə ayrıca bir fayl vasitəsilə təyin olunur.

                         • Birinci nöqtə
                         • İkinci
                         • Son

                         Ancaq sonrakı məqalələrdə bu barədə danışacağıq. Bu bloqda UL markerlərinin görünüşü belə təyin olunur. Şəkillər marker kimi istifadə olunur: nömrələnməmiş siyahının adi maddələri üçün - , nömrələnməmiş siyahının iç içə daxil edilmiş elementləri üçün - .

                         HTML kodunda xüsusi və iç içə siyahılar

                         Üçüncü və son növ “tərif siyahıları” adlanır və onlar üç etiketdən istifadə etməklə müəyyən edilir - DL, DT və DD. DL brauzerə aşağıdakıların təriflərin siyahısı olduğunu bildirir.

                         Tipik olaraq, bu növ terminlərdən (DT teqlərinə əlavə olunur) və onların təsvirlərindən (DD teqlərinə əlavə olunur) ibarət lüğət girişlərinin yazılması üçün istifadə olunur (və ya istifadə olunmaq üçün nəzərdə tutulmuşdur).

                         Birinci dövr

                         Təsvir

                         İkinci dövr

                         Onun təsviri

                         

                         Yuxarıdakı nümunəyə baxsanız, DD elementinin (termin təsviri) DT elementinə (termin özü) nisbətən ofset (40 piksel) olduğunu görəcəksiniz.

                         Ümumiyyətlə, DL, DT və DD blok teqləridir və yalnız daxili teqləri olan məzmun DT elementinin içərisinə daxil edilə bilər (məlum olur ki, başlıqların və paraqrafların blok elementləri DT daxilində istifadə edilə bilməz). Və DD teqlərinin içərisinə istənilən elementləri, həm daxili, həm də blok əlavə edə bilərsiniz.

                         Daxili siyahı Html-də sadə ilə bənzətmə yolu ilə yaradılır, lakin əsas siyahının içərisində bəzi elementlər yenidən UL və ya OL açılış və bağlanış etiketinə əlavə olunur.

                         Nəzərə alın ki, iç-içə elementin yaradılacağı elementin bağlanma LI yalnız iç-içə siyahının bütün kodundan sonra yerləşdirilir (bu, onun veb-səhifədə düzgün göstərilməsi üçün çox vacibdir). Daxili siyahı bu kimi görünə bilər:

                         

                         1. Əsas paraqrafın birinci bəndi nömrələnir
                         2. İkinci nöqtə
                            • İçəri girmiş elementin ilk elementi güllələnmişdir
                            • İkinci
                            • Üçüncü və son güllə nöqtəsi
                         3. Üçüncü element nömrələnmişdir

                         Sizə uğurlar! Tezliklə blog saytının səhifələrində görüşənədək

                         Sizi maraqlandıra bilər

                         HTML - IMG və A teqlərinə keçid və şəkil (şəkil) necə daxil edilir Açılan siyahılar və mətn sahələri forması üçün seçin, Seçim, Mətn sahəsi, Etiket, Fieldset, Legend - Html teqləri
                         Sayt üçün HTML formaları - veb forma elementlərini yaratmaq üçün teqlər Form, Giriş və Seç, Seçim, Textarea, Etiket və s.
                         Html və CSS kodunda rənglərin necə qurulduğu, cədvəllərdə RGB çalarlarının seçimi, Yandex çıxışı və digər proqramlar
                         Yerləşdir və obyekt - veb səhifələrdə media məzmununu (video, flash, audio) göstərmək üçün Html teqləri
                         Html 4.01 standartına uyğun olaraq H1-H6 başlıqlarının etiketləri və atributları, üfüqi xətt Hr, sətir sonu Br və P paraqrafı
                         Html-də cədvəllər - Cədvəl, Tr və Td teqləri, həmçinin onları yaratmaq üçün Colspan, Cellpadding, Cellspacing və Rowspan
                         Html hipermətn işarələmə dili nədir və W3C validatorunda bütün etiketlərin siyahısını necə görmək olar
                         Şrift (Üz, Ölçü və Rəng), Blockquote və Ön teqlər - təmiz HTML-də köhnə mətn formatlaması (CSS istifadə olunmur)
                         Iframe və Frame - bunlar nədir və Html-də çərçivələri necə istifadə etmək daha yaxşıdır
                         Img - Şəklin daxil edilməsi (Src), mətnin ətrafına düzülməsi və bükülməsi (hizalanması), həmçinin fonun qurulması (fon) üçün Html etiketi