მთავარი / HTML / პირველი ნაბიჯები - დამატება  

ნაბიჯი 39 - ვაკეთებთ ჩამონათვალს.

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

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

ეს დაულაგებელი ჩამონათვალია:

  • პირველი ტექსტი
  • მეორე ტექსტი
  • მესამე ტექსტი
  • მეოთხე ტექსტი
ეს კი დალაგებული:

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

დაულაგებელი სიების ტეგს <ul> ჰქვია:


     
<ul>
...
</ul>


ეს ტეგი ჩამონათვალის დაწყებას და დასრულებას ნიშნავს, მის შიგნით კი ტეგი <li> სიის ახალ ელემენტს აღნიშნავს:


     
<ul>
<li>პირველი ტექსტი
<li>მეორე ტექსტი
<li>მესამე ტექსტი
<li>მეოთხე ტექსტი
</ul>


და გვერდზე ასეთ სიას ვიღებთ:

  • პირველი ტექსტი
  • მეორე ტექსტი
  • მესამე ტექსტი
  • მეოთხე ტექსტი
ტეგებს <ul> და <li> ერთი საჭირო ატრიბუტი type გააჩნიათ. მას <ul> ტეგისთვის სამი მნიშვნელობა აქვს და ჩამონათვალის ნიშნის სახეს უთითებს:

  • - წრეწირი, default მნიშვნელობა.
  • - წრე.
  • - კვადრატი.
მათი კოდი ასეთია:
  • <li type="disk">,
  • <li type="circle">,
  • <li type="square">.
ატრიბუტ type-ს <ul> ტეგში შემდეგი სახე ექნება:


     
<ul type="square">
<li>პირველი ტექსტი
<li>მეორე ტექსტი
<li>მესამე ტექსტი
<li>მეოთხე ტექსტი
</ul>


თუმცა კოდერები ტეგ <ul></ul>-ს ხშირად არასტანდარტულადაც იყენებენ. საქმე იმაშია, რომ მხოლოდ ამ ტეგში მოქცეული ტექსტის ყველა ხაზი აბზაცით იწყება, ხოლო ტეგის დახურვის შემდეგ მომდევნო ტექსტი ერთი ხაზით ქვემოთ ინაცვლებს. კოდი ასე გამოიყურება:

<ul>ტექსტი</ul>

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

<ul><ul>ტექსტი</ul></ul>
<ul><ul><ul>ტექსტი</ul></ul></ul>