Daxili html siyahıları. Nömrələnmiş siyahı. Misal: Qrafik markerlər
Siyahılar məzmun bloklarının avtomatik nömrələnməsi üçün fəal şəkildə istifadə olunur. Bununla belə, iç-içə siyahılardan istifadə edərkən 1.1, 1.2, 1.3 kimi alt elementlərin nömrələnməsini əldə edə bilməzsiniz, çünki hər siyahı müstəqil olacaq. Ancaq STML-də qeyri-mümkün olanı üslublara təyin etmək olar.
Əvvəlcə ümumi olaraq iç içə siyahıların necə yaradılacağına baxaq. Etiket əsas konteyner kimi çıxış edir
- , və siyahının elementləri teqlərlə formalaşır
- . İç-içə siyahı da ilə başlayır
- , lakin bu etiket konteynerin içərisinə yerləşdirilməlidir
- , sintaksisin düzgünlüyü belə müşahidə olunur (nümunə 1).
Nümunə 1. Normal iç içə siyahı
iç içə siyahı
- 1-ci bənd
- 1.1-ci yarımbənd
- 1.2-ci yarımbənd
- 1.3-cü yarımbənd
- Nöqtə 2
- 2.1-ci yarımbənd
- 2.2-ci yarımbənd
Bu nümunənin nəticəsi Şəkildə göstərilmişdir. 1. Nəzərə alın ki, daxili siyahıların nömrələnməsi hər dəfə yenidən başlayır.
düyü. 1. Daxili siyahı görünüşü
İndi siyahıların daxili nömrələnməsini çıxaraq və onu yenisinə uyğun olaraq, lakin bizə lazım olan formada yaradaq. Bunun üçün üç üslub atributları tələb olunacaq: əks sıfırlama , əks artım və məzmun .
əks sıfırlama - sayğacın dəyərini saxlayacaq bəzi dəyişənləri təyin edir;
əks artım - sayğacın dəyərini göstərilən nömrə ilə artırır və ya azaldır;
məzmun - arqument sayğacından istifadə edərkən sayğacın dəyərini göstərir(dəyişən) . Pseudo-elementlərdən sonra və ya əvvəl ilə birlikdə işləyir.
Birinci səviyyə siyahısı üçün sayğac dəyişənini list1, ikinci səviyyə üçün isə list2 adlandıraq. Sonra siyahılar üçün sayğacların işə salınması aşağıdakı kimi olacaq.
OL ( əks sıfırlama: siyahı1; ) /* Birinci səviyyəli siyahı */
OL OL ( əks sıfırlama: siyahı2; ) /* İkinci səviyyəli siyahı */Bu halda, məzmun seçiciləri daxili siyahını xarici siyahıdan ayırmağa kömək edir. OL konstruksiya OL üslubu yalnız etiketə tətbiq etmək deməkdir
- , ancaq başqa teq daxilində olduqda
- Paraqraf
- yarımbənd
- yarımbənd
- yarımbənd
- Paraqraf
- yarımbənd
- yarımbənd
- .
Nömrələnmiş siyahıdan istifadə edən HTML sənədinin nümunəsi, kimin nümayişi brauzer şəkildə göstərilmişdir. 2.3.
Nömrələnmiş siyahı nümunəsi Yerdən görünən ən parlaq ulduzlar bunlardır:
- Sirius
- K anop
- Arktur
- Alfa Kentavr
- Vega
- K apella
- Rigel
- Procyon
- Achernar
- Beta Kentavr
- Vetelgeuse
- Aldebaran
- Mizar
- Qütb
düyü. 2.Z. nömrələnmiş siyahı
Etiketdə
- aşağıdakı parametrləri təyin etmək olar: YIGIT, TİP və START.
- .
Qeyd nümunəsi:
- .
Tag START parametri
- siyahını birdən deyil, nömrələməyə başlamağa imkan verir. START parametrinin dəyəri siyahı nömrələmə növündən asılı olmayaraq həmişə natural ədəd olmalıdır. Budur bir nümunə:
- nömrələnmiş siyahılar üçün TYPE və VALUE parametrlərindən istifadə etməyə imkan verir. TYPE parametri etiketlə eyni dəyərləri qəbul edə bilər
- .
- .
Qeyd
Brauzerlər fərdi siyahı elementi üçün nömrələmə növünün göstəricisini müxtəlif yollarla şərh edirlər. Netscape brauzeri bu elementin və bütün sonrakı elementlərin nömrələnməsini növbəti ləğvlə qarşılaşana qədər dəyişir. Internet Explorer yalnız bu element üçün nömrə görünüşünü dəyişir.
Teqin VALUE parametrinin dəyəri
- - siyahının verilmiş elementinin nömrəsini dəyişməyə imkan verir. Bu, bütün sonrakı elementlərin nömrələnməsini dəyişir. Tipik istifadə bəzi elementlərin buraxıldığı siyahılar üçündür. Belə bir siyahının nümunəsi yuxarıda verilmişdir (Şəkil 2.3). Bu, 58 və 75-ci yerlərdə bizim enliklərimizdə aydın görünən ulduzların olduğu ən parlaq ulduzların ardıcıl siyahısını verir (Mizar Böyük Ursa bürcünün ən parlaq ulduzudur və Şimal Ulduzu Kiçik Ursa).
Müxtəlif növ nömrələrin istifadəsinin başqa bir orijinal nümunəsidir. Aşağıdakı HTML kodu fərqli nömrələmə ilə üç siyahı müəyyən edir. Baxış asanlığı üçün siyahıların hər biri cədvəlin ayrıca xanasına yerləşdirilir. Hər üç siyahı eynidir və yalnız nömrələmə növünə görə fərqlənir: cədvəlin birinci sütununda - ərəb rəqəmləri, ikincisində - Roman, üçüncüsü isə nömrələmə latın hərfləri ilədir. Qeyd edək ki, siyahının elementləri boşdur, yəni hər hansı etiketdən sonra
- məlumat yoxdur. Bu cür nümunə ərəb və rum rəqəmləri arasında uyğunluq cədvəli kimi istifadə edilə bilər. Belə çıxır ki, siyahıları dəstəkləyən istənilən brauzer təqdim edilmiş HTML kodunu yazmaqla belə cədvəli yaratmaq üçün istifadə edilə bilər (Şəkil 2-4). Roma rəqəmləri ilə nömrələmə 3999 dəyərinə qədər düzgün işləyir. Sağ sütunu araşdıraraq, siz latın hərfləri ilə nömrələmənin necə həyata keçirildiyini başa düşə bilərsiniz. Bir hərfli nömrələmə (A-dan Z-yə) bitdikdən sonra növbəti nömrə kimi ilk iki hərfli nömrə - AA və s. alınır.
Siyahılarda müxtəlif növ nömrələmələrdən istifadə
. . .
düyü. 2.4. HTML Siyahısının Nömrələnməsinin Müxtəlif Növləri
HTML hər biri öz növləri olan üç müxtəlif növ siyahıları dəstəkləyir:
Nömrələnmiş Siyahılar
Nömrələnmiş siyahıda brauzer bəzi dəyərdən (adətən 1) başlayaraq element nömrələrini avtomatik olaraq sıra ilə daxil edir. Bu, nömrələməni pozmadan siyahı elementlərini daxil etməyə və silməyə imkan verir, çünki qalan nömrələr avtomatik olaraq yenidən hesablanacaqdır.
Nömrələnmiş siyahılar blok elementindən istifadə etməklə yaradılır
Tag- element 1
- element 2
- element 3
Nömrələnmiş siyahı elementləri aşağıdakı nümunədə göstərildiyi kimi bir neçə siyahı elementindən ibarət olmalıdır:
Misal: Nömrələnmiş Siyahı
- Özünüz cəhd edin"
Addım-addım təlimat
- Açarı alın
- Açarı kilidə daxil edin
- Açarı iki döndərin
- Açarı kiliddən alın
- Qapını aç
Addım-addım təlimat
- Açarı alın
- Açarı kilidə daxil edin
- Açarı iki döndərin
- Açarı kiliddən alın
- Qapını aç
Bəzən mövcud HTML kodlarına baxarkən arqumentlə qarşılaşacaqsınız növü elementdə
- A - böyük Latın hərfləri (A, B, C ...);
- a - kiçik latın hərfləri (a, b, c...);
- I - böyük rum rəqəmləri (I, II, III ...);
- i - kiçik rum rəqəmləri (i, ii, iii ...);
- 1 - ərəb rəqəmləri (1, 2, 3 ...) (standart olaraq istifadə olunur).
- aşağıdakı şəkildə:
-
Bu zaman siyahının ardıcıl nömrələnməsi kəsiləcək və bu andan etibarən nömrələnmə yenidən, bu halda yeddidən başlayacaq.
Atributdan istifadə nümunəsi dəyər etiket
Bu misalda "Birinci Siyahı Elementi" 1 nömrə, "İkinci Siyahı Maddəsi" 7 nömrə və "Üçüncü Siyahı Maddəsi" 8 nömrəli olacaq.
CSS ilə nömrələnmiş siyahıların formatlanması
Siyahı nömrələrini dəyişdirmək üçün əmlakdan istifadə edin siyahı stili növü css üslub cədvəlləri:
- . Brauzer hər bir siyahı elementini boşaldır və avtomatik olaraq güllələri göstərir.
- Birinci nöqtə
- İkinci nöqtə
- Üçüncü abzas
- yalnız mətni yerləşdirmək lazım deyil, axın məzmununun hər hansı elementini (linklər, paraqraflar, şəkillər və s.) yerləşdirməyə icazə verilir.
- daxili siyahı və ya ikinci səviyyəli siyahı yaratmaq mümkündür. Siyahını yerləşdirmək üçün elementin içərisində yeni siyahını təsvir edin
- artıq mövcud siyahı. Bir markerli siyahını digərinə yerləşdirərkən, brauzer avtomatik olaraq ikinci səviyyəli siyahı üçün marker üslubunu dəyişir. İstənilən siyahı digər siyahıya daxil edilə bilər. Aşağıdakı nümunə nömrələnmiş siyahının ikinci bəndində yerləşdirilmiş markerli siyahının strukturunu nümayiş etdirir.
- Özünüz cəhd edin"
- bazar ertəsi
- Poçt göndər
- Redaktoru ziyarət edin
- Mövzu seçimi
- Dekorativ dizayn
- Yekun Hesabat
- Axşam mesajlarına baxılır
- çərşənbə axşamı
- Cədvəli yenidən nəzərdən keçirin
- Şəkillər göndərin
- çərşənbə...
- bazar ertəsi
- Poçt göndər
- Redaktoru ziyarət edin
- Mövzu seçimi
- Dekorativ dizayn
- Yekun Hesabat
- Axşam mesajlarına baxılır
- çərşənbə axşamı
- Cədvəli yenidən nəzərdən keçirin
- Şəkillər göndərin
- çərşənbə...
- Özünüz cəhd edin"
- Qəhvə
- Qəhvə
- Qəhvə
- Qəhvə
- Qəhvə
- Süd
- Qəhvə
- Süd
- Qəhvə
- Süd
- Qəhvə
- Süd
- Özünüz cəhd edin"
- Buğa
- Əkizlər
- Qoç
- Buğa
- Əkizlər
- (İngilis dilindən. Definition Term - müəyyən edilmiş söz, termin) və
- (İngilis dilindən. Definition Description - müəyyən edilmiş terminin təsviri).
- Birinci dövr
- Birinci terminin təsviri
- İkinci dövr
- İkinci müddətin təsviri
- Özünüz cəhd edin"
- World Wide Web
- - ingilis dilindən. Ümumdünya Şəbəkəsi (WWW) internetə qoşulmuş müxtəlif kompüterlərdə yerləşən bir-biri ilə əlaqəli sənədlərə çıxışı təmin edən paylanmış sistemdir.
- İnternet
- - məlumat ötürmək üçün vahid mübadilə protokolundan istifadə edən şəbəkələr dəsti.
- Veb sayt
- - keçidlər və vahid dizaynla bir-birinə bağlı olan ayrı-ayrı veb səhifələr toplusu.
- ərəb rəqəmləri (1, 2, 3, ...);
- Ondan kiçik rəqəmlər üçün başlanğıc sıfır olan ərəb rəqəmləri (01, 02, 03, ..., 10);
- böyük Latın hərfləri (A, B, C, ...);
- kiçik latın hərfləri (a, b, c, ...);
- Roma rəqəmləri böyük hərflə (I, II, III, ...);
- Roma rəqəmləri kiçik hərflərlə (i, ii, iii, ...);
- erməni nömrələmə;
- Gürcü nömrələmə.
- . Qiymət istənilən müsbət tam ədəddir. Latın hərfləri siyahı kimi istifadə olunsa belə, nömrələmənin hansı növünün təyin edilməsinin əhəmiyyəti yoxdur. Siyahıya həm başlanğıc, həm də dəyər atributları tətbiq edilirsə, onda sonuncu üstünlük təşkil edir və nömrələmə 1-ci misalda göstərildiyi kimi dəyərlə göstərilən nömrədən başlayır.
Misal 1 - Siyahının nömrələnməsini dəyişdirin
Siyahılar - İş yerinizə yaxşı baxmalısınız.
- Otaqdakı işıqlandırmanı elə tənzimləyin ki, işıq mənbəyi operatorun tərəfində və ya arxasında olsun.
- Tibbi fəsadların qarşısını almaq üçün yumşaq oturacaqlı bir stul seçmək tövsiyə olunur.
Bu misaldakı siyahının birinci elementi IV rum rəqəmi ilə başlayacaq, çünki start="4" atributu, sonra V nömrəsi, sıradan çıxmış sonuncu elementə isə X nömrəsi təyin olunur (Şəkil 1). 1).
düyü. 1. Siyahıda rum rəqəmləri
Nömrələrin yazılması
Varsayılan olaraq, nömrələnmiş siyahının müəyyən bir forması var: əvvəlcə nömrə, sonra nöqtə var və bundan sonra boşluqla ayrılmış mətn göstərilir. Bu yazı forması vizual və rahatdır, lakin bəzi tərtibatçılar siyahıların nömrələnməsinin fərqli bir yolunu görməyə üstünlük verirlər. Məhz, Şəkildə göstərildiyi kimi nöqtəni bağlama mötərizəsi ilə əvəz etmək. 2 və ya oxşar bir şey.
düyü. 2. Mötərizədə nömrələnmiş siyahının növü
Üslublar məzmun və əks artım xüsusiyyətlərindən istifadə edərək siyahıların nömrələnməsini dəyişməyə imkan verir. Birincisi, ol seçicisini əks sıfırlamaya təyin etmək lazımdır: element, bu, hər yeni siyahıda nömrələmənin yenidən başlaması üçün lazımdır. Əks halda, nömrələmə davam edəcək və 1,2,3 əvəzinə 5,6,7 görəcəksiniz. Maddə dəyəri unikal sayğac identifikatorudur, onu özümüz seçirik. Sonra, heç biri dəyəri ilə siyahı stili tipli stil xüsusiyyəti vasitəsilə orijinal markerləri gizlətməlisiniz.
Məzmun xassəsi adətən psevdo elementlərdən ::after və ::əvvəl ilə birlikdə işləyir. Beləliklə, tikintidən əvvəl li:: siyahının hər bir elementindən əvvəl bəzi məzmun əlavə edilməli olduğunu söyləyir (nümunə 2).
Nümunə 2. Öz nömrələmənin yaradılması
Li::əvvəl ( məzmun: counter(item) ") "; /* Rəqəmlərə mötərizə əlavə edin */ əks artım: maddə; /* Sayğac adını təyin edin */ )
Dəyər sayğacı(maddəsi) ilə məzmun xassəsi rəqəm çıxarır; bu misalda göstərildiyi kimi mötərizə əlavə etməklə biz istədiyiniz nömrələmə növünü əldə edirik. siyahının sayını bir artırmaq üçün əks artım lazımdır. Qeyd edək ki, element adlı eyni identifikator bütün müddət ərzində istifadə olunur. Son kod nümunə 3-də göstərilmişdir.
Misal 3 - Siyahı görünüşünün dəyişdirilməsi
Siyahılar - Birinci
- İkinci
- üçüncü
- Dördüncü
Yuxarıda göstərilən üsulla siz istənilən növ nömrələnmiş siyahı yarada bilərsiniz, məsələn, kvadrat mötərizədə nömrə götürün, bu halda üslublarda yalnız bir sətir dəyişəcək.
Məzmun: "[" counter(element) "] ";
Rus hərfləri ilə siyahı
Latın hərfləri ilə nömrələnmiş siyahı var, lakin siyahı üçün rus hərfləri yoxdur. Yuxarıda göstərilən texnikadan istifadə edərək süni şəkildə əlavə edilə bilər. Nömrələmə üslublar vasitəsilə həyata keçirildiyi üçün siyahının özü orijinal olaraq qalır, ona yalnız seçilmiş sinif əlavə olunur, onu kiril adlandıraq (misal 4).
Nümunə 4. Siyahı yaratmaq üçün kod
- bir
- iki
- üç
Hərflər psevdo-elementdən və məzmun xassəsindən ::öncə istifadə edilərək əlavə edilir. Hər sətirin öz hərfi olması lazım olduğundan :nth-child(1) psevdo-sinifindən istifadə edəcəyik, hərfin nömrəsi mötərizədə yazılır. Birinci hərf, təbii ki, A, ikincisi B, üçüncüsü C və s.. Bütün bu çoxluq li seçicisinə aşağıdakı kimi əlavə olunur (nümunə 5).
Misal 5 :nth-child Pseudo-Class-dan istifadə
Kiril li:nth-child(1)::before ( məzmun: "a)"; ) .cyrilic li:nth-child(2)::əvvəl ( məzmun: "b)"; ) .cyrilic li:nth-child(3)::before ( məzmun: "to)"; )
Bu nümunədə hər hərfdən sonra mötərizə qoyulur, bütün hərflər kiçik hərflərlə yazılır. Siz öz növünüzü siyahı nömrələməsini təyin edə bilərsiniz, məsələn, o, nöqtəli böyük hərflərdən, bir və ya iki mötərizəli və ya yalnız hərflərdən ibarət ola bilər. Standart nömrələmədən fərqli olaraq, biz burada istədiyimizi etməkdə sərbəstik. On hərfdən ibarət bir siyahı demək olar ki, bütün vəziyyətlər üçün kifayət olmalıdır, lakin birdən bu kifayət deyilsə, heç bir şey siyahımızı ən azı rus əlifbasının bütün hərflərini daxil etmək üçün genişləndirməyə mane olmur.
Nəhayət, hərflərin düzülməsini və mövqeyini tənzimləyirik, isteğe bağlı olaraq şriftin ölçüsünü, rəngini və digər parametrləri təyin edirik (misal 6).
Nümunə 6. Rus hərfləri ilə siyahı
Siyahı - Borş
- Pike kotletləri
- Kulebyak
- Xama içində göbələklər
- Kürü ilə pancake
- kvas
Bu nümunənin nəticəsi Şəkildə göstərilmişdir. 3.
- 2 səs əsasında 5-dən 4.5
Çox vaxt saytda 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.
İşarələnmiş siyahı.
Bu siyahı növü ən çox istifadə olunur. HTML-də markerli siyahı teqlərdən istifadə etməklə yaradılır
- . Eyni zamanda, siyahının hər bir elementinin qarşısına bir marker əlavə olunur, standart olaraq o, dairə şəklində bir markerdir. Teqlərin köməyi ilə konteyner yaradılır, onun daxilində siyahının elementləri yerləşir: .
Markerli siyahı kodu belə görünəcək:
- Bu kimi seçim
- Bu seçim
- Bir növ seçim
Bu koddan istifadə edərək HTML səhifəsi yaratmağa cəhd edə bilərsiniz və nəticədə aşağıdakı siyahını əldə edəcəksiniz:
Gördüyünüz kimi, siyahının hər bir elementi yeni sətirdə yerləşir, solda, yuxarıda və aşağıda müəyyən abzaslar yaradılır. Siyahıdakı hər bir element doldurulmuş dairə (standart), dairə və ya kvadrat ola bilən markerlə başlayır. Tag
- tip atributu var, onun köməyi ilə markerin üslubu təyin olunur. Bu atribut aşağıdakı dəyərlərə malikdir:
- disk - dairə;
- dairə - dairə;
- kvadrat - kvadrat.
- Bu kimi seçim
- Bu seçim
- Bir növ seçim
- Bu kimi seçim
- Bu seçim
- Bir növ seçim
- . Bu yolla siz müxtəlif markerlərdən ibarət siyahı yarada bilərsiniz.
- Bu kimi seçim
- Bu seçim
- Bir növ 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, nömrələnmiş siyahılar etiketdən istifadə etməklə yaradılır.
- və etiketlərində yuvalanmışdır
-
- Birinci xətt
- İkinci sıra
- üçüncü xətt
Belə bir siyahı belə görünür:
Standart nömrələmə ərəb rəqəmləridir. Amma etiket
- bir növ atribut var, onun köməyi ilə nömrələmə böyük (tip = "A") və ya kiçik (tip = "a") latın hərfləri, yuxarıdakı Roma rəqəmləri ilə edilə bilər (tip = "I") və aşağı (type="i" ) reyestri.
- . 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
- Termin tərifi 1
- müddət 2
- Termin tərifi 2
- müddət 3
- Termin tərifi 3
Bu, aşağıdakı siyahı ilə nəticələnəcək:
Gördüyünüz kimi, bu, termin və tərif mətni üçün uyğun abzaslar yaradır.
HTML-də iç-içə və ya çoxsəviyyəli siyahılar.
Bəzən müəyyən siyahı növünün bir elementində başqa bir siyahı yerləşdirmək lazımdır. HTML siyahıları qeyri-müəyyən müddətə digər siyahıların elementləri daxilində yerləşdirmək imkanına malikdir.
Məsələn, nömrələnmiş siyahıları markerlə işarələnmiş siyahı elementləri içərisində yerləşdirən kod buradadır.
- Bu kimi seçim
- Birinci xətt
- İkinci sıra
- üçüncü xətt
- Bu seçim
- Birinci xətt
- İkinci sıra
- üçüncü xətt
- Bir növ seçim
- Birinci xətt
- İkinci sıra
- üçüncü xətt
Axtar
Abunəlik
Populyar girişlər
Son qeydlər
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ı.
Təriflərin siyahıları siyahıların xüsusi bir növüdür. Onlar siyahının hər bir elementinin iki elementdən, onun mənasını açan termindən və mətndən ibarət olması ilə fərqlənirlər. Bu siyahılar etiketlərdən istifadə etməklə yaradılır
Disk dəyəri standart olaraq istifadə olunur.
Dairə işarələri ilə markerli siyahı yaratmaq nümunəsi:
Nəticədə siyahı aşağıdakı formanı alacaq:
Kvadrat markerlərlə markerli siyahı yaratmaq:
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ə
Nömrələnmiş Siyahı Üslubları
Misal Məna Təsvir a, b, c aşağı alfa Kiçik hərf A, B, C yuxarı alfa Böyük HƏRFLƏR i, ii, iii aşağı roman Roma rəqəmləri kiçik hərflərlə I, II, III yuxarı roman Roma rəqəmləri böyük hərflərlə Misal: CSS xassəsinin tətbiqi siyahı stili növü
Markerli Siyahılar
Markerlə işarələnmiş siyahılar mahiyyətcə nömrələnmiş siyahılara bənzəyir, yalnız onlar elementlərin ardıcıl nömrələnməsini ehtiva etmir. Markerli siyahılar blok elementindən istifadə etməklə yaradılır
TagAşağıdakı misalda siz görə bilərsiniz ki, standart olaraq hər siyahı elementinin qarşısında kiçik doldurulmuş dairə işarəsi əlavə olunub:
Etiketin içərisində
Daxili siyahılar
İstənilən siyahı digər siyahıya daxil edilə bilər. Bir elementin içərisindəNümunə: İç-içə siyahılar
Markerli siyahıların formatlanması
Siyahı markerinin görünüşünü dəyişdirmək üçün xassədən istifadə edin siyahı stili növü css üslub cədvəlləri:
Aşağıdakı nümunə markerli siyahılar üçün müxtəlif üslubları göstərir:
Nümunə: Markerli Siyahı Üslubları
Disk:
Dairə:
Kvadrat:
Heç biri:
Qrafik markerlər.
HTML-də qrafik markerlərlə siyahı yaratmaq mümkündür. Siyahı markerlərinin standart dairələr və ya kvadratlar olması bir şeydir, tərtibatçının səhifə dizaynına uyğun olaraq markeri özü seçməsi başqa bir şeydir. Siyahı elementlərinin gözəl görünməsi üçün tez-tez kiçik şəkillərdən istifadə olunur.
Adi markeri qrafiklə əvəz etmək üçün əmlakı dəyişdirin siyahı stili növüəmlak başına siyahı tərzi-şəkil və şəklin URL-ni təyin edin:Misal: Qrafik markerlər
Bürc əlamətləri
Bürc əlamətləri
Təriflərin siyahıları (təsvirlər)
Tərif siyahıları, məsələn, şəxsi terminlər lüğətinizi yaratmaq üçün çox əlverişlidir. Təriflər siyahısındakı hər bir maddə iki hissədən ibarətdir: termin və onun tərifi.
Siz bütün siyahını elementə qoyursunuz
Təriflərin siyahılarından tez-tez elmi, texniki və tədris nəşrlərində istifadə olunur, onların köməyi ilə lüğətlər, lüğətlər, məlumat kitabçaları və s.Təsvirlərin siyahısının ümumi quruluşu aşağıdakı kimidir:
Aşağıdakı nümunə tərif siyahısının mümkün istifadəsini göstərir:
Misal: Təriflərin siyahısı
World Wide Web - İngilis dilindən. Ümumdünya Şəbəkəsi (WWW) internetə qoşulmuş müxtəlif kompüterlərdə yerləşən bir-biri ilə əlaqəli sənədlərə çıxışı təmin edən paylanmış sistemdir. İnternet məlumat ötürmək üçün vahid mübadilə protokolundan istifadə edən şəbəkələr toplusudur. Sayt keçidlərlə bağlanmış və ümumi dizayna malik olan fərdi veb səhifələr toplusudur.
Varsayılan olaraq, terminin mətni brauzer pəncərəsinin sol kənarında yerləşdirilir və terminin təsviri aşağıda yerləşir və sağa köçürülü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ü elementin parametrlərindən asılıdır
- , siyahı yaratmaq üçün istifadə olunur. Aşağıdakı dəyərlər nömrələmə elementləri kimi çıxış edə bilər:
Praktik nöqteyi-nəzərdən markerli siyahının elementlərinin göstərilməsi prinsipləri nömrələnmiş siyahıya oxşar şəkildə tətbiq oluna bilər. Ancaq bir sadalama ilə məşğul olduğumuzu nəzərə alsaq, daha sonra müzakirə ediləcək bəzi xüsusiyyətlər var.
Siyahının nömrələnməsi
Siyahıya istənilən nömrə ilə başlamağa icazə verilir; elementin başlanğıc atributundan bu məqsədlə istifadə olunur
- və ya elementdəki dəyər
Burada: növü - siyahının simvolları:
Siyahının 1-dən başqa bir rəqəmlə başlamasını istəyirsinizsə, atributdan istifadə edərək bunu qeyd etməlisiniz başlamaq etiket
Aşağıdakı nümunə böyük rum rəqəmləri və ilkin dəyəri XLIX olan sifarişli siyahını göstərir:Nömrələşdirmə də atributdan istifadə etməklə başlana bilər dəyər, elementə əlavə olunur
Qeyd nümunəsi:
- .
- .
Belə bir qeyd siyahının nömrələnməsini böyük Latın hərfi "E" hərfindən müəyyən edir. Nömrələmənin digər növləri üçün START=5 girişi nömrələməni müvafiq olaraq “5” rəqəmindən, rum rəqəmi “V” və s. təyin edəcək.
Siyahının nömrələmə növünü və nömrələrin dəyərlərini dəyişdirmək siyahının istənilən elementi üçün də edilə bilər. Tag
- nömrələnmiş siyahılar üçün TYPE və VALUE parametrlərindən istifadə etməyə imkan verir. TYPE parametri etiketlə eyni dəyərləri qəbul edə bilər
COMPACT parametri markerli siyahılarla eyni məna daşıyır. TYPE parametri siyahının necə nömrələndiyini müəyyən etmək üçün istifadə olunur. Aşağıdakı dəyərləri qəbul edə bilər:
TYPE = A - böyük latın hərfləri şəklində markerlər təyin edir;
TYPE = a - kiçik latın hərfləri şəklində markerlər təyin edir;
TYPE = I - böyük rum rəqəmləri şəklində markerlər təyin edir;
TYPE = i - kiçik Roma rəqəmləri şəklində markerlər təyin edir;
TYPE = 1 - ərəb rəqəmləri şəklində markerlər təyin edir.
Varsayılan olaraq, TYPE = 1 dəyəri həmişə istifadə olunur, yəni ərəb rəqəmləri ilə nömrələnmə. Bu, iç-içə sıralanmış siyahılara da aiddir. Burada, markerli siyahılardan fərqli olaraq, brauzerlər standart olaraq siyahıların müxtəlif yuva səviyyələrində fərqli nömrələmə etmirlər. Qeyd edək ki, siyahı elementinin nömrəsindən sonra "nöqtə" işarəsi həmişə əlavə olaraq göstərilir.
Eyni dəyərlərə malik TYPE parametri siyahının ayrı-ayrı elementlərinin necə nömrələnəcəyini təyin etmək üçün istifadə edilə bilər. Bunun üçün siyahı elementi teqində müvafiq dəyəri olan TYPE parametrinin göstərilməsinə icazə verilir
-
.
Sayğac dəyəri OL LI vasitəsilə artırılır: selektordan əvvəl, əks artım və məzmun üslubu atributları əlavə olunur. Dəyər siyahısı1 ilə əks artım atributu bu sayğacı bir artırır və məzmun: counter(list1) ". " siyahı elementindən əvvəl sayğacın dəyərini göstərir. Bu atributlar cüt-cüt işləyir, ona görə də onlar eyni zamanda aktivləşdirilməlidir.
OL LI:əvvəl ( /* Birinci səviyyəli siyahı */
əks artım: siyahı1;
/* Dəyəri 1., 2.* kimi göstərin
}
OL OL LI:əvvəl ( /* İkinci səviyyəli siyahı */
əks artım: siyahı2; /* Artan sayğac */
}İç-içə siyahı üçün biz yenidən məzmun seçicilərindən (OL OL ) istifadə edirik və eyni zamanda sayğac list1 və list2 çıxışından istifadə edirik, bu halda bizə lazım olan növün nömrələnməsini əldə edəcəyik.
Son kod nümunə 2-də göstərilmişdir.
Misal 2: Avtomatik nömrələmə ilə daxili siyahılar
iç içə siyahı
Bu nümunənin nəticəsi Şəkildə göstərilmişdir. 2.
düyü. 2. Opera brauzerində siyahının avtomatik nömrələnməsinin görünüşü
Şərh
Yuxarıdakı nümunə Internet Explorer-də 7-ci versiyaya qədər işləmir, çünki o, yuxarıda göstərilən üslub xüsusiyyətlərindən heç birini dəstəkləmir.
Internet Explorer bir çox maraqlı üslub atributlarını dəstəkləmədiyi üçün siyahılardakı adi nömrələmə xüsusi olaraq onun üçün toxunulmaz qalmalıdır. Bunu etmək üçün list-style-type silin: none . Lakin bu, nümunənin düzgün işlədiyi digər brauzerlərə də təsir edəcək, ona görə də siz hackdən istifadə etməlisiniz - bu, müxtəlif brauzerlərə fərqli üslub kodları verildikdə nəzərdə tutulur. Məsələn, siz !important teqindən istifadə edə bilərsiniz. Stil atributunun dəyərinə !important əlavə etmək onun əhəmiyyətini artırır. Eyni atributun dəyərini !important olmadan yenidən təyin etsəniz, o, brauzerlər tərəfindən nəzərə alınmayacaq. Ancaq Internet Explorer 6 və daha aşağı versiyalarda deyil.
LI (
list-style-type: none !important; /* Opera, Safari, Firefox brauzerlərində nömrələməni silin */
list-style-type: decimal; /* IE6 və aşağıda nömrələməni buraxın */
}Bu kodları misal 2-də LI selektoru ilə sətirlə əvəz etməklə, bütün brauzerlərdə düzgün işləyən iç içə siyahı alırıq.
HTML-də tətbiq olunan başqa bir siyahı növü nömrələnmiş siyahıdır. Əks halda, bu tip HTML siyahıları sifarişli adlanır. Soyad tez-tez müvafiq teq adının rəsmi tərcüməsi kimi istifadə olunur.
- , onun köməyi ilə bu tip siyahılar HTML sənədlərində təşkil edilir (OL - Sıralı Siyahı, sıralı siyahı).
Bu tip siyahılar adətən ayrı-ayrı elementlərin sifarişli ardıcıllığıdır. Markerli siyahılardan fərqi odur ki, nömrələnmiş siyahıda hər bir elementdən əvvəl avtomatik olaraq seriya nömrəsi gəlir. Nömrələmə növü brauzerdən asılıdır və siyahı etiketlərinin parametrləri ilə təyin edilə bilər. Əks halda, nömrələnmiş siyahıların həyata keçirilməsi markerli siyahıların həyata keçirilməsinə bənzəyir.
etiketlər
- Və
Nömrələnmiş siyahı yaratmaq üçün siyahının bütün elementlərinin yerləşdiyi konteyner etiketindən istifadə etməlisiniz. Siyahının başlanğıc və son teqləri siyahıdan əvvəl və sonra sətir kəsilməsini təmin edir, beləliklə, siyahı sənədin əsas məzmunundan ayrılır.
Markerlə işarələnmiş siyahıda olduğu kimi, markerli siyahının hər bir elementi etiketlə başlamalıdır
- 1-ci bənd
- , sintaksisin düzgünlüyü belə müşahidə olunur (nümunə 1).