ol ტეგი html-ში ნიშნავს. როგორ მოვაწყო სიის ელემენტები ჰორიზონტალურად? ტეგის მარკერების შეცვლა CSS-ით

ჰიპერტექსტის მარკირების ენას HTML აქვს ტეგი

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

ტეგის სინტაქსი

• ელემენტი #1
• ელემენტი #2
• ელემენტი #3
• ...

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

• ელემენტი #1
• ელემენტი #2
• ელემენტი #3

მონიშნეთ

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

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

რა შეიძლება იყოს ბურთულებით ჩამოთვლილი სიის შინაარსი?

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

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

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

Მაგალითად

• ელემენტი #1
• • ელემენტი # 2-1
  • ელემენტი # 2-2
  • ელემენტი # 2-3
• ელემენტი #3
• ...

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

ფართოდ გამოყენებული ტეგის ატრიბუტი

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

1. type = "დისკი" - მარკერი შევსებული წრის სახით (ეს მნიშვნელობა ნაგულისხმევია). დისკის მაგალითი ზემოთ იყო.

2. type = "წრე" - მარკერი გამჭვირვალე წრის სახით

Მაგალითად:

• ელემენტი #1
• ელემენტი #2

• ელემენტი #1
• ელემენტი #2

3.type = "კვადრატი" - მარკერი კვადრატის სახით

Მაგალითად:

• ელემენტი #1
• ელემენტი #2

და ასე გამოიყურება გვერდზე:

• ელემენტი #1
• ელემენტი #2
შენიშვნა 1

CSS-ში მარკერის ტიპი მითითებულია list-style-type ატრიბუტის გამოყენებით:

• ...

მოდით განვიხილოთ, რა მნიშვნელობები შეიძლება მიიღოს სიის სტილის ტიპმა:

• დისკი - მარკერი წრის სახით (მაგალითი ზემოთ იყო)
• წრე - მარკერი გამჭვირვალე წრის სახით (მაგალითი ზემოთ იყო)
• კვადრატი - მარკერი კვადრატის სახით (მაგალითი ზემოთ იყო)
• ათობითი - მარკერი დანომრილი სიის სახით არაბული ციფრებით: 1, 2, 3, ...
• ათობითი-წამყვანი-ნულოვანი - მარკერი დანომრილი სიის სახით არაბული ციფრებით, წინა ნულით: 01, 02, 03, ...
• ქვედა რომაული - მარკერი რომაული ანბანის დანომრილი სიის სახით მცირე ასოებით: i, ii, iii, iv, v
• ზედა რომაული - ტყვია რომაული ანბანის დანომრილი სიის სახით დიდი ასოებით: I, II, III, IV, V
• ქვედა ლათინური - მარკერი ლათინური ანბანის სიის სახით მცირე ასოებით: a, b, c, d, ...
• ზედა-ლათინური - მარკერი სიის სახით ლათინურ ანბანში დიდი ასოებით: A, B, C, D, ...
• ქვედა-ბერძნული - მარკერი ბერძნულ ანბანში სიის სახით მცირე ასოებით
• ზედა-ბერძნული - მარკერი სიის სახით ბერძნულ ანბანში დიდი ასოებით
შენიშვნა 2

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

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

  კოდი ასე გამოიყურება:

  • ელემენტი #1
  • ელემენტი #2
  • ელემენტი #3

  • ელემენტი #1
  • ელემენტი #2
  • ელემენტი #3

  თეგის მარკერების შეცვლა

  CSS-ის გამოყენებით

  Bulleted List Items Created by Tag

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

  • ელემენტი #1
  • ელემენტი #2
  • ელემენტი #3

  და ასე გამოიყურება გვერდზე:

  • ელემენტი #1
  • ელემენტი #2
  • ელემენტი #3

  C CSS-ის გამოყენებითჩვენ შეგვიძლია განვსაზღვროთ მარკერის ჩვენების სხვა ტიპები. მაგრამ თქვენ უნდა გახსოვდეთ ეს ტეგზე ნებისმიერი სტილის დაყენებისას

  , ის ვრცელდება სიის ყველა ელემენტზე.

  გამარჯობა ძვირფასო მკითხველებო! დღეს, როგორც სტატიების სერიის გაგრძელება სათაურით "HTML-ის საფუძვლები", მინდა გაგაცნოთ შექმნის ალგორითმი. html სიები დახმარებით ტეგები ul და li (არამოწესრიგებული სია), ol და li (დანომრილი სია), dl, dt, dd (განმარტების სია).

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

  HTML ბურთულებიანი სიები - ul და li ტეგები

  ბურთულებიანი სია განისაზღვრება ul ტეგით. სიის ელემენტები განლაგებულია გახსნის და დახურვის ul ტეგებს შორის, რომელთაგან თითოეულის შინაარსი თავის მხრივ უნდა განთავსდეს გახსნის და დახურვის li ტეგებს შორის. დაუყოვნებლივ აღვნიშნავ, რომ ul ტეგი დაწყვილებულია (გახსნის და დახურვის ტეგების არსებობა), ისევე როგორც ბლოკი, ანუ ის ქმნის კონტეინერს, რომელიც შეიცავს ელემენტებს (სტრიქონებს), რომლებიც ყოველ ჯერზე იქმნება li tag-ით. შესაბამისად, li tag არის დაწყვილებული და პატარა.

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

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

  დანომრილი HTML სიები - ol და li ტეგები

  ახლა ვნახოთ, როგორ იქმნება დანომრილი სია ol ტეგების გამოყენებით (ბლოკი და დაწყვილებული ტეგები, ul-ის მსგავსი). li tag ასევე მოქმედებს როგორც ტეგი, რომელიც განსაზღვრავს დანომრილი html სიის ელემენტებს. დანომრილი სია არის დანომრილი ელემენტების კოლექცია. ნუმერაციის ტიპი განისაზღვრება ტიპის ატრიბუტით, რომელსაც შეუძლია მიიღოს შემდეგი მნიშვნელობები:

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

  	1 ელემენტი დანომრილ სიაში 2 ელემენტი დანომრილ სიაში 3 ელემენტი დანომრილ სიაში
  1 ელემენტი დანომრილ სიაში 2 ელემენტი დანომრილ სიაში 3 ელემენტი დანომრილ სიაში	1 ელემენტი დანომრილ სიაში 2 ელემენტი დანომრილ სიაში 3 ელემენტი დანომრილ სიაში
  1 ელემენტი დანომრილ სიაში 2 ელემენტი დანომრილ სიაში 3 ელემენტი დანომრილ სიაში	1 ელემენტი დანომრილ სიაში 2 ელემენტი დანომრილ სიაში 3 ელემენტი დანომრილ სიაში
  1 ელემენტი დანომრილ სიაში 2 ელემენტი დანომრილ სიაში 3 ელემენტი დანომრილ სიაში	1 ელემენტი დანომრილ სიაში 2 ელემენტი დანომრილ სიაში 3 ელემენტი დანომრილ სიაში
  1 ელემენტი დანომრილ სიაში 2 ელემენტი დანომრილ სიაში 3 ელემენტი დანომრილ სიაში	1 ელემენტი დანომრილ სიაში 2 ელემენტი დანომრილ სიაში 3 ელემენტი დანომრილ სიაში

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

  ასევე შესაძლებელია ბურთულებიანი სიის დაწყება 1-ის ნაცვლად ნებისმიერი სხვა ნომრით. ამისათვის შეგიძლიათ გამოიყენოთ start ატრიბუტი და საერთოდ არ აქვს მნიშვნელობა რა მნიშვნელობა აქვს ტიპის ატრიბუტს. იხილეთ სახელის ატრიბუტის გამოყენების მაგალითი სხვადასხვა მნიშვნელობებთან ერთად ტიპის ატრიბუტისთვის (1 და I):

  HTML განმარტების სიები - dl, dd, dt ტეგები

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

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

  სხვათა შორის, თანამედროვე რეალობა ისეთია, რომ html ენაშეუძლებელია იზოლირებულად ნახვა, ასე რომ, იმისათვის, რომ არ გამოტოვოთ ეს კრიტიკული მასალები, გამოიწერეთ ბლოგის განახლება RSS feed-ით ან ელ.ფოსტით. ამით მთავრდება დღევანდელი სტატიის თემა, თუ მიიღეთ საჭირო ინფორმაცია, უარს ნუ იტყვით სოციალური მედიის ღილაკების გამოყენებაზე.

  HTML სიებიგამოიყენება დაკავშირებული ინფორმაციის დასაჯგუფებლად. არსებობს სამი სახის სიები:

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

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

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

       HTML სიების გენერირება

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

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

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

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

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

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

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

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

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

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

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

    ტეგისთვის

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

    ატრიბუტი	აღწერა, მიღებული ღირებულება
    შებრუნებული	შებრუნებული ატრიბუტი განსაზღვრავს სიის ჩვენებას საპირისპირო თანმიმდევრობით (მაგალითად, 9, 8, 7 ...).
    დაწყება	დაწყების ატრიბუტი განსაზღვრავს საწყისი ღირებულება, საიდანაც დაიწყება ნუმერაცია, მაგალითად, მშენებლობა პირველ პუნქტს მიენიჭება სერიული ნომერი "10". თქვენ ასევე შეგიძლიათ დააყენოთ ნუმერაციის ტიპი ერთდროულად, მაგალითად, .
    ტიპი	ტიპის ატრიბუტი განსაზღვრავს მარკერის ტიპს, რომელიც გამოიყენება სიაში (ასოების ან რიცხვების სახით). მიღებული მნიშვნელობები: 1 - ნაგულისხმევი მნიშვნელობა, ათობითი ნუმერაცია. A - სიის ნუმერაცია ანბანური თანმიმდევრობა, დიდი ასოები(Ა Ბ Გ Დ). 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: ადრე (/ * ჩვენ განვსაზღვრავთ დასანომრ ელემენტს - li. წინა ფსევდოელემენტი მიუთითებს, რომ შინაარსის თვისების გამოყენებით ჩასმული კონტენტი განთავსდება სიის ელემენტების წინ. ასევე ადგენს მრიცხველის ნამატის მნიშვნელობას (ნაგულისხმევი არის 1). * / Counter-increment: li; / * შინაარსის თვისება აჩვენებს სიის ელემენტის მრიცხველების რაოდენობას () ნიშნავს, რომ გენერირებული ტექსტი წარმოადგენს ამ სახელის მქონე ყველა მრიცხველის მნიშვნელობას. ციტირებული პერიოდი ამატებს გამყოფ პერიოდს რიცხვებს შორის, და სიის თითოეული ელემენტის შიგთავსის წინ ემატება წერტილი ინტერვალით * / შინაარსი: მრიცხველები (li, ".") ".";)
    ბრინჯი. 5. მრავალდონიანი დანომრილი სია

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

  ---

  .

  დაჟინებით გირჩევთ, წაიკითხოთ ამ სერიის პირველი გაკვეთილი, ასევე შესავალი სტატია html-ის სწავლის დაწყებაზე მათთვის, ვინც ჯერ არ იცნობს მათ.

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

  როგორც ყოველთვის, სამუშაო გეგმა:

  1. აბზაცები
  2. ხაზი იშლება
     
  3. სიები და სიები ნივთები
  4. სათაურები
  5. ჰორიზონტალური მმართველები

     ---

  აბზაცები

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

  ვ html აბზაცი, როგორც სათაურიდან შეიძლება ვიმსჯელოთ, მითითებულია. ასო "p" აღებულია სიტყვიდან "აბზაცი", რაც მხოლოდ "აბზაცს" ნიშნავს.

  განვიხილოთ მაგალითი:

  პირველი აბზაცის ტექსტი. ის შეიცავს აზრს. მაგრამ ფიქრი დასრულდა.
  

  
  

  სხვა ფიქრი უკვე დაიწყო და სხვა აბზაცში ვწერთ.
  

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

  ხაზი იშლება
  

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

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

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

  სიები,

  და ჩამოთვალეთ ნივთები

  ზოგჯერ საჭიროა ტექსტში რაღაცის ჩამოთვლა. ამ მიზნით გამოიყენება სამი ტეგი: ul, ol, li. ყველა ეს ტეგი არის კონტეინერის ტეგი, მაგრამ ტეგი ყოველთვის შეიცავს ერთ-ერთ კონტეინერში ან, და აზრი არ აქვს მათ გარეთ. ul კონტეინერი გამოიყენება მაშინ, როდესაც ჩვენ არ გვაინტერესებს ჩამოთვლილი ნივთების თანმიმდევრობა და არ გვინდა ფოკუსირება იმაზე, თუ რა თანმიმდევრობით მიდიან ისინი. მეორეს მხრივ, ol ტეგი ყურადღებას ამახვილებს ელემენტების თანმიმდევრობაზე, თითოეული ხაზის ავტომატურად ნუმერაციის გზით. განვიხილოთ მაგალითი:

  
  
  • ბულკა
  
  
  • ღვეზელი
  
  
  • Პური
  
  
  • ღვეზელი
  
  

  ბრაუზერის ეკრანზე ეს კოდი ასე გამოიყურება:

  • ბულკა
  • ღვეზელი
  • Პური
  • ღვეზელი

  თუ ჩვენ უბრალოდ შევცვლით ul ტეგს ol ტეგით, მივიღებთ დანომრილ სიას:

  
  
  1. ბულკა
  
  
  2. ღვეზელი
  
  
  3. Პური
  
  
  4. ღვეზელი
  
  

  ახლა ასე გამოიყურება:

  1. ბულკა
  2. ღვეზელი
  3. Პური
  4. ღვეზელი

  არავინ კრძალავს ერთი სიის მეორეში ჩასმას, ქვესილების ფორმირებას:

  
  ინსტრუმენტები:
  
  • დაინახა
  
  
  • Screwdriver
    
    
    
    1. პირდაპირ
    
    
    2. ჯვარი
    
    
    
    
  
  
  • საბურღი
  
  

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

  რა თქმა უნდა, ისევე როგორც ყველაფერი, ამ ელემენტების გარეგნობა შეიძლება შეიცვალოს CSS-ით ამოცნობის მიღმა.

  სათაურები

  რა თქმა უნდა, აბზაცები ხელს უწყობს დოკუმენტების სტრუქტურირებას. მაგრამ იმისათვის, რომ დიდი ტექსტი დაიყოს პატარა ლოგიკურ ნაწილებად, შეგიძლიათ თითოეული მათგანის წარწერა. თითოეული ნაწილი შეიძლება შეიცავდეს მეტ ქვენაწილს, საკუთარი ქვედა დონის სათაურებით და ა.შ. სათაურის დასაყენებლად გამოიყენეთ ტეგები , სადაც "x" არის რიცხვი 1-დან 6-მდე. რაც უფრო მაღალია რიცხვი, მით უფრო დაბალია სათაური. ანუ, ზედა დონის სათაური იქნება h1, ხოლო ყველაზე ქვედა სათაური h6. ნაგულისხმევად, ამ სათაურების ტექსტი ნაჩვენებია დიდი, ჩაღრმავებული შრიფტით. ეს ტექსტი ნაჩვენებია მთელ ხაზზე, ანუ hx ტეგები დაფუძნებულია ბლოკზე. h1 ტეგს აქვს ყველაზე დიდი შრიფტი, ხოლო h6 ტეგს აქვს ყველაზე პატარა. როგორც წესი, გვერდზე არის ერთი, მაქსიმუმ ორი, უმაღლესი დონის h1 ტეგი. დონის კლებასთან ერთად იზრდება ტეგების რაოდენობა. მაგრამ იშვიათად ვებმასტერი შეძლებს ტექსტის დაშლას ისე, რომ დასჭირდეს 5 ან 6 სათაური. მე-4 დონეც კი იშვიათად გამოიყენება.

  ნაკლები ილაპარაკე, მეტი იმუშავე!

  ელემენტი

  (ინგლისური "unordered list"-დან - "unordered list") ქმნის უწესრიგო (უწესრიგო) სიას. როგორც წესი, ელემენტი
  იგი გამოიყენება ისეთი სიების შესაქმნელად, სადაც ამ სიაში ერთეულების თანმიმდევრობის შეცვლა მნიშვნელოვნად არ ცვლის სიის მნიშვნელობას.

  მონიშნეთ

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

  დანომრილი სიების ელემენტები განისაზღვრება ტეგის გამოყენებით

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

    Შენიშვნა:თუ უნდა

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

      რჩევა:მარკერის ტიპის შესაცვლელად გამოიყენეთ list-style-type CSS თვისება ან list-style-image თვისება, რათა შეცვალოთ მარკერები სურათებით. დანომრილი სიების შესაქმნელად გამოიყენეთ ტეგი

      .

      Სინტაქსი

      ...
      • ...
      ...

      დასრულების ტეგი

      საჭირო.

      ატრიბუტები

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

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

      ნაგულისხმევი სტილი

      ბრაუზერების უმეტესობა გამოიტანს ელემენტს

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

      Ul (ჩვენება: ბლოკი; სიის სტილის ტიპი: დისკი; ზღვარი ზედა: 1 em; ზღვარი-ქვედა: 1 em; ზღვარი მარცხნივ: 0; ზღვარი-მარჯვნივ: 0; შიგთავსი-მარცხნივ: 40 პიქსელი;)

      განსხვავებები HTML 4.01-სა და HTML5-ს შორის

      კომპაქტური და ტიპის ატრიბუტები არ არის მხარდაჭერილი HTML5-ში.

      გამოყენების მაგალითი:

      შეუკვეთავი HTML სია:

      მაგალითი HTML:

      თავად სცადე
      • ყავა
      • ჩაი
      • კაკაო

      სპეციფიკაციები (რედაქტირება)

      სპეციფიკაცია	სტატუსი
      WHATWG HTML Living Standard (WHATWG)	Ცხოვრების სტანდარტი
      HTML 4.01 (W3C)	რეკომენდაცია
      HTML5 (W3C)	რეკომენდაცია
      HTML 5.1 (W3C)	რეკომენდაცია

      ბრაუზერის მხარდაჭერა

      სცადეთ თავად - მაგალითები

      როგორ გავაკეთოთ სია იწყება 1-ის გარდა სხვა რიცხვით.