როგორ შევქმნათ ბურთულებიანი სია html-ში. ბურთულებიანი სია. სასარგებლო მასალები HTML სიებში


HTML-ში ორი ტიპის სიებია: დანომრილი და უნომრო. მათი შექმნა თითქმის იგივეა. ტეგებიც კი განსხვავდება ერთი სიმბოლოთი. თქვენ ასევე შეგიძლიათ შექმნათ, რომელიც შეიძლება შეიცავდეს როგორც დანომრილს, ასევე მარკერებს.

ეს სიები შეიძლება გარდაიქმნას თქვენთვის სასურველი გზით. ეს ყველაფერი დამოკიდებულია თქვენს ფანტაზიაზე. პირველ რიგში, ჩვენ გადავხედავთ სტანდარტულ სიებს, ისევე როგორც Word რედაქტორში, შემდეგ კი გავაუმჯობესებთ მათ და შევქმნით მათ აღიარების მიღმა.

HTML დანომრილი სია

რეგულარული დანომრილი შეიძლება შეიქმნას შემდეგი ტეგების გამოყენებით:

  • სიის პირველი ელემენტი
  • სიის მეორე პუნქტი
  • სიის მესამე პუნქტი
  • მარტივი სიები ასე გამოიყურება

    სტანდარტების მიხედვით, სიის თითოეული ელემენტი უნდა იყოს გახსნისა და დახურვის ტეგის შიგნით. მაგრამ თუ არ დააყენებთ დახურვის ტეგს, შედეგი ზუსტად იგივე იქნება. პროცესორი საკმაოდ ჭკვიანია. სიის კონვერტაციის დროს ის აანალიზებს გახსნის ტეგებს. თუ ახალს ნახავს

  • , შემდეგ ავტომატურად აყენებს მის წინ
  • .

    ამრიგად, სიების შედგენა შესაძლებელია, როგორც ნაჩვენებია ქვემოთ.

    მაგრამ პროფესიონალების თვალსაზრისით, ეს არასწორია.

    უნომრო (ან ბურთულები) სიები იქმნება ანალოგიურად, მხოლოდ ol ტეგის ნაცვლად იწერება ul.

    არ არსებობს რიცხვები და ასოები - მხოლოდ სხვადასხვა სიმბოლოები, რომლებსაც მარკერები ჰქვია.

    HTML მრავალ დონის დანომრილი სია

    ბევრი მომხმარებელი დაინტერესებულია ამ შესაძლებლობით. აქედან გამომდინარე, უნდა აღინიშნოს, რომ ნებისმიერი დანომრილი HTML სია შეიძლება გაკეთდეს მრავალ დონის. დამატებითი დონეები შეიძლება იყოს იგივე ან ეტიკეტირებული.

    ზემოთ მოცემულ მაგალითში ნაჩვენები სიის შესაქმნელად, თქვენ უნდა დაწეროთ შემდეგი.

    გთხოვთ გაითვალისწინოთ, რომ ამ კოდში, პირველი მაგალითებისგან განსხვავებით, დამატებულია ტიპის ატრიბუტი. მისი წყალობით, თქვენ შეგიძლიათ მიუთითოთ დახარისხების ტიპი, როგორც დანომრილი, ასევე პუნქტიანი სიებისთვის.

    დანომრილისთვის მივუთითებთ ანბანს ან რიცხვების ტიპს, ხოლო სხვა შემთხვევებისთვის - მარკერის ტიპს.

    თუ იყენებთ სპეციალურ HTML ტეგს, დანომრილი სია შეიძლება გახდეს თქვენთვის სასურველი.

    თქვენ შეგიძლიათ მიუთითოთ ტიპის ატრიბუტი ნებისმიერი მნიშვნელობით ცხრილიდან. ან css style კლასში მიუთითეთ list-style-type სასურველი დახარისხების ტიპით.

    მნიშვნელობების თარგმნა საკმაოდ მარტივია. საკმარისია ინგლისური ენის საბაზისო ცოდნა. მაგრამ მაშინაც კი, თუ თქვენ არ შეგიძლიათ თარგმნოთ სიტყვები "წრე", "კვადრატი" და ა.

    დანომრილი სიებისთვის გამოიყენეთ შემდეგი პარამეტრები:

    • 1 - არაბული ციფრები;
    • A - დიდი ასოები;
    • a - პატარა ლათინური ასოები;
    • I - დიდი რომაული ციფრები;
    • i - პატარა რომაული ციფრები.

    ნაგულისხმევი ყოველთვის არის სია, ანუ, თუ არაფერს მიუთითებთ, იგივეა, რაც type="1".

    გარდა ამისა, დანომრილი სიები შეიძლება დაიწყოს ნებისმიერ სასურველ პოზიციაზე. ნაგულისხმევად, გამომავალი იწყება 1-დან. მაგრამ თუ გსურთ, შეგიძლიათ დაიწყოთ მინიმუმ ასიდან. ამისათვის თქვენ უნდა მიუთითოთ დაწყების ატრიბუტი ნებისმიერი მნიშვნელობით.

    გარდა ამისა, შეგიძლიათ დასკვნის გაკეთება საპირისპირო თანმიმდევრობით. ამისათვის თქვენ უნდა დაწეროთ უკუღმა.

    სიების დიზაინი

    HTML დანომრილი სია შეიძლება შეიქმნას ისე ლამაზად, რომ შეიძლება მაშინვე ვერ გააცნობიეროთ, რომ ეს არის ჩვეულებრივი სია და არა ფოტოშოპში შექმნილი სურათი.

    აქ მოცემულია ლამაზი სიების მაგალითები.

    როგორც მაგალითიდან ჩანს, თქვენ შეგიძლიათ შეცვალოთ ნუმერაციის გარეგნობა და თავად ელემენტები.

    თქვენ შეგიძლიათ შექმნათ ასეთი რეგულარული სია.

    css სტილში თქვენ უნდა მიუთითოთ დიზაინი ol ტეგებისთვის. გთხოვთ გაითვალისწინოთ, რომ ამ შემთხვევაში პარამეტრები გამოყენებული იქნება ყველა სიაზე მთელ საიტზე, სადაც გამოიყენება ეს სტილის ფაილი.

    ჯერ განვიხილოთ ვარიანტი მრგვალი სიის დიზაინით. დაუბრუნდით სიის კოდს. იქ მითითებულია კლასის მომრგვალებული სია. ეს ის კლასია, რომლითაც თქვენ უნდა შეაერთოთ ასეთი სილამაზის შესაქმნელად. კლასს რაც გინდათ, შეგიძლიათ დაასახელოთ.

    ახლა მოდით შევხედოთ კვადრატულ დიზაინს.

    სტილები საკმაოდ მსგავსია. განსხვავება ისაა, რომ პირველ შემთხვევაში ელემენტი დამრგვალებულია CSS შესაძლებლობების გამოყენებით.

    განლაგების პროფესიონალმა დიზაინერმა უნდა განჭვრიტოს და გაიგოს, რომ ყველა მომხმარებელი არ იყენებს თანამედროვე კომპიუტერებს. ყველას არ აქვს დაინსტალირებული Windows 7, 8, 10. არის მომხმარებელთა გარკვეული პროცენტი, რომლებიც ჯერ კიდევ არიან Windows XP-ზე და იყენებენ Internet Explorer-ის ძველ ვერსიებს.

    როგორც წესი, ელემენტების თითქმის ყველა თანამედროვე დიზაინის გაუმჯობესება არ არის მხარდაჭერილი. მომხმარებელს მოეჩვენება, რომ საიტის დიზაინზე მუშაობა საერთოდ არ შესრულებულა. რომ ყველაფერი მოშორდა. ელემენტები ერთმანეთს ეჯახება. ამის თავიდან ასაცილებლად, თქვენ უნდა გაითვალისწინოთ ყველა ვარიანტი.

    ზოგიერთი ვებმასტერი მათზე თვალს ხუჭავს, რადგან მათი წილი თანამედროვე ბაზარზე სულ უფრო და უფრო მცირე ხდება. მაგრამ პროფესიონალისთვის ყველა ვიზიტორი მნიშვნელოვანია, განსაკუთრებით თუ ეს არის კომერციული საიტი.

    გააკეთეთ რაიმე შესაფერისი ყველასთვის ან გაითვალისწინეთ ბრაუზერის ყველა ვარიაცია.

    დანომრილი სიები არის ელემენტების კოლექცია მათი სერიული ნომრებით. ნუმერაციის ტიპი და ტიპი დამოკიდებულია ელემენტის პარამეტრებზე

      , რომელიც გამოიყენება სიის შესაქმნელად. შემდეგი მნიშვნელობები შეიძლება იყოს ნუმერაციის ელემენტებად:

      • არაბული ციფრები (1, 2, 3, ...);
      • არაბული რიცხვები ათზე ნაკლები რიცხვებისთვის (01, 02, 03, ...,10);
      • დიდი ლათინური ასოები (A, B, C, ...);
      • პატარა ლათინური ასოები (a, b, c, ...);
      • დიდი რომაული ციფრები (I, II, III, ...);
      • პატარა რომაული ციფრები (i, ii, iii, ...);
      • სომხური ნუმერაცია;
      • ქართული ნუმერაცია.

      პრაქტიკული თვალსაზრისით, პუნქტების სიაში ელემენტების ჩვენების პრინციპები შეიძლება გამოყენებულ იქნას დანომრილი სიის ანალოგიურად. მაგრამ იმის გათვალისწინებით, რომ ჩვენ საქმე გვაქვს ჩამოთვლასთან, არის რამდენიმე მახასიათებელი, რომელიც შემდგომში იქნება განხილული.

      სიის ნუმერაცია

      დასაშვებია სიის დაწყება ნებისმიერი ნომრიდან; ამ მიზნით გამოიყენება ელემენტის დაწყების ატრიბუტი

        ან ელემენტის ღირებულება
      1. . მნიშვნელობა არის ნებისმიერი დადებითი მთელი რიცხვი. არ აქვს მნიშვნელობა რა ტიპის ნუმერაციაა მითითებული, თუნდაც ლათინური ასოები იყოს გამოყენებული სიაში. თუ დაწყების და მნიშვნელობის ატრიბუტები ერთდროულად გამოიყენება სიაზე, მაშინ ეს უკანასკნელი იკავებს უპირატესობას და ნუმერაცია ნაჩვენებია მნიშვნელობით მითითებული რიცხვიდან, როგორც ეს ნაჩვენებია მაგალით 1-ში.

        მაგალითი 1: სიის ნუმერაციის შეცვლა

        სიები

        1. თქვენ კარგად უნდა იზრუნოთ თქვენს სამუშაო ადგილზე.
        2. დაარეგულირეთ ოთახის განათება ისე, რომ სინათლის წყარო განთავსდეს გვერდით ან ოპერატორის უკან.
        3. სამედიცინო გართულებების თავიდან ასაცილებლად რეკომენდებულია რბილი სავარძლის სკამის არჩევა.

        ამ მაგალითში სიის პირველი ელემენტი დაიწყება რომაული რიცხვით IV, რადგან მითითებულია start=”4” ატრიბუტი, შემდეგ მოდის რიცხვი V და ბოლო ელემენტი გამოდის მწყობრიდან და ენიჭება X რიცხვი (სურათი 1).

        ბრინჯი. 1. რომაული ციფრები სიაში

        ნომრების წერა

        ნაგულისხმევად, დანომრილი სიას აქვს გარკვეული გარეგნობა: ჯერ არის რიცხვი, შემდეგ წერტილი და ამის შემდეგ ტექსტი გამოყოფილია ინტერვალით. წერის ეს ფორმა ვიზუალური და მოსახერხებელია, მაგრამ ზოგიერთი დეველოპერი ურჩევნია დაინახოს სიის ნუმერაციის დიზაინის განსხვავებული გზა. კერძოდ, ისე, რომ წერტილის ნაცვლად იყოს დახურული ფრჩხილი, როგორც ნაჩვენებია ნახ. 2 ან რამე მსგავსი.

        ბრინჯი. 2. დანომრილი სიის ხედი ფრჩხილით

        სტილები საშუალებას გაძლევთ შეცვალოთ სიის ნუმერაციის ტიპი შინაარსის და კონტრ-მატების თვისებების გამოყენებით. პირველ რიგში, ol სელექტორი უნდა იყოს დაყენებული counter-reset : item , ეს აუცილებელია იმისათვის, რომ ნუმერაცია ყოველ ახალ სიაში თავიდან დაიწყოს. წინააღმდეგ შემთხვევაში ნუმერაცია გაგრძელდება და 1,2,3-ის ნაცვლად ნახავთ 5,6,7-ს. ნივთის მნიშვნელობა არის მრიცხველის უნიკალური იდენტიფიკატორი, რომელსაც ჩვენ თვითონ ვირჩევთ. შემდეგი, თქვენ უნდა დამალოთ ორიგინალური მარკერები სტილის თვისების list-style-type მნიშვნელობით none .

        შინაარსის თვისება ჩვეულებრივ მუშაობს ::after და ::prefore ფსევდოელემენტებთან ერთად. ამგვარად, li:: ადრე მშენებლობა ამბობს, რომ გარკვეული შინაარსი უნდა დაემატოს სიის თითოეული ელემენტის წინ (მაგალითი 2).

        მაგალითი 2. საკუთარი ნუმერაციის შექმნა

        Li:: ადრე ( შინაარსი: counter(item) ") "; /* ციფრებს მიამაგრეთ ფრჩხილები */ counter-increment: item; /* დააყენეთ მრიცხველის სახელი */ )

        შინაარსის თვისება მნიშვნელობის მრიცხველით(პუნქტით) აჩვენებს რიცხვს; ფრჩხილის მიმატებით, როგორც ეს ნაჩვენებია ამ მაგალითში, ვიღებთ ნუმერაციის საჭირო ტიპს. სიის ნომრის ერთით გასაზრდელად საჭიროა საპირისპირო ზრდა. გაითვალისწინეთ, რომ იგივე იდენტიფიკატორი, სახელწოდებით ელემენტი, გამოიყენება მთელს ტერიტორიაზე. საბოლოო კოდი ნაჩვენებია მაგალითში 3.

        მაგალითი 3: სიის ხედის შეცვლა

        სიები

        1. Პირველი
        2. მეორე
        3. მესამე
        4. მეოთხე

        ზემოაღნიშნული მეთოდით შეგიძლიათ გააკეთოთ ნებისმიერი ტიპის დანომრილი სია, მაგალითად ჩადოთ რიცხვი კვადრატულ ფრჩხილებში, ამ შემთხვევაში მხოლოდ ერთი ხაზი შეიცვლება სტილებში.

        შინაარსი: "[" counter(item) "] ";

        სია რუსული ასოებით

        არსებობს ლათინური ასოებით დანომრილი სია, მაგრამ სიისთვის რუსული ასოები არ არის. მათი ხელოვნურად დამატება შესაძლებელია ზემოთ მოყვანილი ტექნიკის გამოყენებით. ვინაიდან ნუმერაცია ხდება სტილის საშუალებით, სია თავად რჩება ორიგინალური, შერჩეული კლასი მხოლოდ მას ემატება, დავარქვათ მას კირიული (მაგალითი 4).

        მაგალითი 4: კოდი სიის შესაქმნელად

        1. ერთი
        2. ორი
        3. სამი

        ასოების დამატება ხდება ფსევდოელემენტისა და შინაარსის თვისების გამოყენებით ::before. ვინაიდან თითოეულ სტრიქონს უნდა ჰქონდეს თავისი ასო, ჩვენ გამოვიყენებთ ფსევდოკლასს :nth-child(1), ფრჩხილებში ჩაწერილი ასოს ნომერი. პირველი ასო, ბუნებრივია, არის A, მეორე არის B, მესამე არის C და ა.შ. მთელი ეს ნაკრები ემატება li ამომრჩეველს შემდეგნაირად (მაგალითი 5).

        მაგალითი 5: ფსევდოკლასი:nth-child გამოყენება

        კირიული li:nth-child(1)::fore ( შინაარსი: "a)"; ) .cyrilic li:nth-child(2)::fore ( შინაარსი: „ბ)“; ) .cyrilic li:nth-child(3)::fore ( შინაარსი: "at)"; )

        ამ მაგალითში, თითოეულ ასოს მოჰყვება ფრჩხილები, ყველა ასო არის პატარა. თქვენ შეგიძლიათ განსაზღვროთ სიის ნუმერაციის საკუთარი ტიპი, მაგალითად, ის შეიძლება შეიცავდეს დიდ ასოებს წერტილით, ერთი ან ორი ფრჩხილით, ან მხოლოდ ასოებით. სტანდარტული ნუმერაციისგან განსხვავებით, ჩვენ თავისუფლად შეგვიძლია გავაკეთოთ ის, რაც გვინდა აქ. ათი ასოს სია საკმარისი უნდა იყოს თითქმის ყველა სიტუაციისთვის, მაგრამ თუ ეს მოულოდნელად აღმოჩნდება, რომ საკმარისი არ არის, არაფერი გვიშლის ხელს, გავაფართოვოთ ჩვენი სია და შევიტანოთ რუსული ანბანის ყველა ასო მაინც.

        ბოლოს ვასწორებთ ასოების გასწორებას და პოზიციას, სურვილისამებრ მივუთითებთ შრიფტის ზომას, ფერს და სხვა პარამეტრებს (მაგალითი 6).

        მაგალითი 6. სია რუსული ასოებით

        სია

        1. ბორში
        2. პაიკის კოტლეტი
        3. კულებიაკა
        4. სოკო არაჟანში
        5. ბლინები ხიზილალათ
        6. კვასი

        ამ მაგალითის შედეგი ნაჩვენებია ნახ. 3.

        HTML მარკირების ენაში არის 3 ტიპის სიები - მოწესრიგებული (დანომრილი), შეუკვეთავი (უნომრო) და განმარტებითი სიები.

        ასეთი სიის შესაქმნელად დაგჭირდებათ 2 ტიპის ელემენტი: ‘ul’ (მოკლედ შეურიგებელი სიის, ე.ი. უწესრიგო სია) და ‘li’ (სიის ელემენტი). "li"-ში ჩაწერილი ყველაფერი მონიშნულია მარკერით.

        ასეთი სიის გამოჩენა შეიძლება კონტროლდებოდეს მარკერების ტიპების მითითებით.

        მარკერების ტიპები

        არსებობს სპეციალური ტიპის ატრიბუტი, რომელიც მოთავსებულია სიის ორივე ელემენტში. ეს არის თქვენი მარკერის ტიპი. არსებობს მხოლოდ 3 ტიპი: წრე, დისკი და კვადრატი:

          - კვადრატი
            - დისკი
              - გარშემოწერილობა

              იმის მიხედვით, თუ სად მიუთითებთ მარკერის ტიპს, შეგიძლიათ შეცვალოთ იგი მთელი სიისთვის ან კონკრეტული ელემენტისთვის.

              შეკვეთილი სია

              სიის შესაქმნელად ასევე დაგჭირდებათ 2 ელემენტი: ‘ol’ და ‘li’ (სიის ელემენტი). მარკერები ჩანაცვლებულია რიცხვებით წერტილით. მარტივი სიის მაგალითი:

              1. პირველი ელემენტი
              2. მეორე ელემენტი
              3. ბოლო ელემენტი

              თქვენ შეგიძლიათ აკონტროლოთ შეკვეთილი სიის გამოჩენა სხვადასხვა ტიპის ნუმერაციის მითითებით.

              ნუმერაციის სახეები

              არსებობს სპეციალური ტიპის ატრიბუტი, რომელიც მოთავსებულია "ol" ან "li" ელემენტში. ეს არის თქვენი სიის ტიპი. სულ არის 5 ტიპი:

                - ნუმერაცია არაბული ციფრებით (1, 2, 3)
                  - ნუმერაცია დიდი ასოებით (A, B, C)
                    - მცირე ასოებით ნუმერაცია (a, b, c)
                      - ნუმერაცია დიდი რომაული ციფრებით (I, II, III)
                        - ნუმერაცია მცირე რომაული ციფრებით (i, ii, iii)
                          - რომელი ნომრიდან დავიწყოთ ნუმერაცია?

                          იმისდა მიხედვით, თუ სად მიუთითებთ ნუმერაციის ტიპს, შეგიძლიათ შეცვალოთ იგი მთელი სიისთვის ან კონკრეტული ელემენტისთვის.

                          განმარტებების სია

                          ლექსიკონის ჩანაწერებისთვის შემუშავებულია განმარტებების სია.

                          არსებობს ზოგადი კონტეინერი "dl". მის შიგნით არის "dt" (განმარტების ტერმინი) და "dd" (განმარტების აღწერა). უმარტივესი მაგალითი:

                          Მარკეტინგის დეპარტამენტის
                          ეს დეპარტამენტი ეწევა საქონლისა და მომსახურების პოპულარიზაციას
                          Ფინანსური დეპარტამენტი
                          ეს განყოფილება ეხება ყველა ფინანსურ ტრანზაქციას

                          ყველა სიის ყველა ელემენტი არის ბლოკის ელემენტები. მაგრამ მხოლოდ inline ელემენტები შეიძლება განთავსდეს "dt" ელემენტის შიგნით. თქვენ შეგიძლიათ მოათავსოთ რაც გსურთ "dd" და "li" ელემენტებში. სწორედ აქედან მოდის წყობილი სიები.

                          ჩადგმული (შერეული სიები)

                          ეს არის მრავალ დონის სიები, რომლებშიც არის იერარქია. ხშირად ასეთი სიები გამოიყენება საიტის რუქის აგებისას. მაგალითი:

                          შერეული სია
                          დღის ამბები
                        1. დღეს წვიმა
                        2. წვიმს მთელი დღე
                          ღამის ამბები
                        3. ღამით წვიმს
                        4. ხვალ ახალი დღე დაიწყება
                        5. HTML სიებიგამოიყენება დაკავშირებული ინფორმაციის დასაჯგუფებლად. არსებობს სამი სახის სიები:

                          პუნქტიანი სია

                            - სიის თითოეული ელემენტი
                          • მარკერით მონიშნული,
                            დანომრილი სია
                              - სიის თითოეული ელემენტი
                            1. აღინიშნება ნომრით
                              განმარტებების სია- - შედგება ტერმინების წყვილებისგან
                              განმარტება.

                              თითოეული სია არის კონტეინერი, რომელშიც განთავსებულია სიის ელემენტები ან ტერმინების განმარტების წყვილები. სიის ელემენტები იქცევა ბლოკის ელემენტებივით, ერთმანეთის ქვეშ დაწყობილი და იკავებს კონტეინერის ბლოკის მთელ სიგანეს. სიის თითოეულ ელემენტს აქვს გვერდით განლაგებული დამატებითი ბლოკი, რომელიც არ მონაწილეობს განლაგებაში.

                              HTML სიების შექმნა

                              1. ბურთულებიანი სია

                              ბურთულებიანი სიაშეუკვეთავი სიაა (ინგლისური უწესრიგო სიიდან). შექმნილია დაწყვილებული ტეგის გამოყენებით

                              . სიის ელემენტის მარკერი არის ლეიბლი, მაგალითად, შევსებული წრე.

                              ბრაუზერები ნაგულისხმევად ამატებენ შემდეგ ფორმატირებას სიის ბლოკს:

                              სიის თითოეული ელემენტი იქმნება დაწყვილებული ტეგის გამოყენებით

                            2. (ინგლისური სიის პუნქტიდან).
                              ხელმისაწვდომია .
                            • მაიკროსოფტი
                            • Google
                            • Apple
                            ბრინჯი. 1. ბურთულებიანი სია

                            2. დანომრილი სია

                            დანომრილი სიაიქმნება დაწყვილებული ტეგის გამოყენებით. სიის თითოეული ელემენტი ასევე იქმნება ელემენტის გამოყენებით

                          • . ბრაუზერი ავტომატურად ნომრავს ელემენტებს თანმიმდევრობით და თუ თქვენ წაშლით ასეთი სიის ერთ ან მეტ ელემენტს, დარჩენილი ნომრები ავტომატურად ხელახლა გამოითვლება.

                            სიის ბლოკს ასევე აქვს ბრაუზერის ნაგულისხმევი სტილები:

                          • მნიშვნელობის ატრიბუტი ხელმისაწვდომია, რომელიც საშუალებას გაძლევთ შეცვალოთ ნაგულისხმევი ნომერი არჩეული სიის ელემენტისთვის. მაგალითად, თუ თქვენ დააყენეთ სიის პირველი ელემენტისთვის
                          • , შემდეგ დარჩენილი ნუმერაცია ხელახლა გამოითვლება ახალ მნიშვნელობასთან მიმართებაში.

                            ტეგისთვის

                              შემდეგი ატრიბუტები ხელმისაწვდომია:

                              ცხრილი 1. ტეგის ატრიბუტები
                              ატრიბუტი აღწერა, მიღებული ღირებულება
                              შებრუნებული შებრუნებული ატრიბუტი იწვევს სიის საპირისპირო თანმიმდევრობით ჩვენებას (მაგალითად, 9, 8, 7...).
                              დაწყება დაწყების ატრიბუტი განსაზღვრავს საწყის მნიშვნელობას, საიდანაც დაიწყება ნუმერაცია, მაგალითად, კონსტრუქცია
                                პირველ პუნქტს მიენიჭება სერიული ნომერი „10“. თქვენ ასევე შეგიძლიათ ერთდროულად მიუთითოთ ნუმერაციის ტიპი, მაგალითად,
                                  .
                              ტიპი ტიპის ატრიბუტი განსაზღვრავს მარკერის ტიპს, რომელიც გამოიყენება სიაში (ასოები ან რიცხვები). მიღებული მნიშვნელობები:
                              1 - ნაგულისხმევი მნიშვნელობა, ათობითი ნუმერაცია.
                              A — ნუმერაციის სია ანბანური თანმიმდევრობით, დიდი ასოებით (A, B, C, D).
                              a — ნუმერაციის სია ანბანური თანმიმდევრობით, მცირე ასოებით (a, b, c, d).
                              I - ნუმერაცია რომაული მთავრული ციფრებით (I, II, III, IV).
                              i — ნუმერაცია რომაული მცირე რიცხვებით (i, ii, iii, iv).
                              1. მაიკროსოფტი
                              2. Google
                              3. Apple
                              ბრინჯი. 2. დანომრილი სია

                              3. განმარტებების სია

                              განმარტებების სიებიიქმნება ტეგის გამოყენებით

                              . ტერმინის დასამატებლად გამოიყენეთ ტეგი
                              , ხოლო განმარტების ჩასმა - ტეგი
                              .

                              განმარტებების სიის ბლოკს აქვს შემდეგი ნაგულისხმევი ბრაუზერის სტილები:

                              ტეგებისთვის

                              ,
                              და
                              ხელმისაწვდომია .

                              რეჟისორი:
                              პიტერ ტოჩილინი
                              როლებში:
                              ანდრეი გაიდულიანი
                              ალექსეი გავრილოვი
                              ვიტალი გოგუნსკი
                              მარია კოჟევნიკოვა
                              ბრინჯი. 3. განმარტებების სია

                              4. წყობილი სია

                              ხშირად, მარტივი სიების შესაძლებლობები არ არის საკმარისი, მაგალითად, სარჩევის შექმნისას, ამის გარეშე არ არსებობს წყობილი ნივთები. ჩადგმული სიის მარკირება იქნება შემდეგი:

                              • პუნქტი 1.
                              • წერტილი 2.
                                • ქვეპუნქტი 2.1.
                                • ქვეპუნქტი 2.2.
                                  • ქვეპუნქტი 2.2.1.
                                  • ქვეპუნქტი 2.2.2.
                                • ქვეპუნქტი 2.3.
                              • წერტილი 3.

                              ბრინჯი. 4. წყობილი სია

                              5. მრავალდონიანი დანომრილი სია

                              მრავალ დონის სია გამოიყენება სიის ელემენტების საჩვენებლად სხვადასხვა დონეზე სხვადასხვა ჩაღრმავებით. მრავალდონიანი დანომრილი სიის მარკირება იქნება შემდეგი:

                              1. პარაგრაფი
                              2. პარაგრაფი
                                1. პარაგრაფი
                                2. პარაგრაფი
                                3. პარაგრაფი
                                  1. პარაგრაფი
                                  2. პარაგრაფი
                                  3. პარაგრაფი
                                4. პარაგრაფი
                              3. პარაგრაფი
                              4. პარაგრაფი

                              ეს ნაგულისხმევი მარკირება შექმნის ახალ ნუმერაციას თითოეული ჩადგმული სიისთვის, დაწყებული ერთით. წყობილი ნუმერაციის შესაქმნელად, თქვენ უნდა გამოიყენოთ შემდეგი თვისებები:
                              counter-reset აღადგენს ერთ ან მეტ მრიცხველს, მიუთითებს გადატვირთვის მნიშვნელობაზე;
                              counter-increment განსაზღვრავს მრიცხველის ზრდის მნიშვნელობას, ე.ი. რა ნამატებით იქნება დანომრილი ყოველი მომდევნო პუნქტი;
                              შინაარსი - გენერირებული კონტენტი, ამ შემთხვევაში იგი პასუხისმგებელია სიის თითოეული ელემენტის წინ ნომრის ჩვენებაზე.

                              Ol ( /* ამოიღეთ სტანდარტული ნუმერაცია */ list-style: none; /* დაასახელეთ მრიცხველი და მიეცით სახელი li. მრიცხველის მნიშვნელობა არ არის მითითებული - ნაგულისხმევად არის 0 */ counter-reset: li; ) li :before ( /* ჩვენ განვსაზღვრავთ ელემენტს, რომელიც დანომრილი იქნება - li ფსევდოელემენტი ადრე მიუთითებს, რომ შინაარსის თვისების გამოყენებით ჩასმული კონტენტი განთავსდება სიის ერთეულების წინ. მრიცხველის გაზრდის მნიშვნელობა დაყენებულია აქ (ნაგულისხმევი არის 1 */ counter-increment: li / * შინაარსის თვისება აჩვენებს სიის პუნქტის რაოდენობას () ნიშნავს, რომ წარმოქმნილი ტექსტი წარმოადგენს ამ სახელწოდების ყველა მრიცხველს რიცხვებს შორის და ყოველი სიის ელემენტის შინაარსის წინ ემატება წერტილი: მრიცხველები(li,"") "."
                              ბრინჯი. 5. მრავალდონიანი დანომრილი სია

                          ბოლო განახლება: 04/08/2016

                          განმარტებების სია არის სია, რომელიც შეიცავს ტერმინს და ამ ტერმინის განმარტებას. და შეიძლება იყოს მრავალი ასეთი ტერმინის განმარტების წყვილი სიაში. ტეგები გამოიყენება განმარტებების სიის შესაქმნელად

                          და
                          . სიის ელემენტები მოთავსებულია ამ ტეგების შიგნით.

                          სიის თითოეული ელემენტი შედგება ტერმინისა და განმარტებისგან. ტერმინი მოთავსებულია ტეგებში

                          და
                          (dt არის მოკლე "განმარტების ტერმინი"), და განმარტება არის ტეგებში
                          და
                          (dd არის მოკლე "განმარტების აღწერა")

                          მოდით განვიხილოთ განმარტებების უმარტივესი სია:

                          სიები HTML5-ში

                          ონტოლოგია
                          ფილოსოფიის ფილიალი, რომელიც სწავლობს არსებობის ფუნდამენტურ პრინციპებს
                          ეპისტემოლოგია
                          ფილოსოფიური დისციპლინა, რომელიც ეხება კვლევას, კრიტიკას და ცოდნის თეორიებს
                          წარმოების ურთიერთობები
                          ადამიანებს შორის ურთიერთობების ერთობლიობა, რომელიც ვითარდება მატერიალური საქონლისა და მომსახურების სოციალური წარმოების, გაცვლის და განაწილების პროცესში.