IN HTML ენამოცემულია ტეგების სპეციალური ნაკრები ინფორმაციის სიების სახით წარმოსაჩენად. სიები მონაცემთა პრეზენტაციის ერთ-ერთი ყველაზე ხშირად გამოყენებული ფორმაა, ორივეში ელექტრონული დოკუმენტები, და ბეჭდვით. სიებს თითქმის ყოველდღე ვხვდებით - ეს შეიძლება იყოს მაღაზიაში საჭირო შესყიდვების სია, სტუდენტები კლასში ან უბრალოდ გასაკეთებელი საქმეები. სიის სტრუქტურების ორგანიზების უნარი ხელმისაწვდომია ბევრში ტექსტის რედაქტორებიკერძოდ, ძლიერი ტექსტური პროცესორი Microsoft wordაქვს სხვადასხვა ტიპის სიების ფორმატირების მოსახერხებელი საშუალებები (HTML სიების შექმნის შესაძლებლობა, როდესაც Microsoft-ის დახმარებასიტყვა განხილულია მე-8 თავში). აქ მოცემულია რამდენიმე შემთხვევა, რომლებისთვისაც სიების გამოყენება საკმაოდ მოსახერხებელია:
- ინფორმაციის ნაწილის გაერთიანება ერთ სტრუქტურაში წაკითხული გარეგნობის შესაქმნელად.
- რთული ნაბიჯ-ნაბიჯ პროცესების აღწერა.
- ინფორმაციის განლაგება სარჩევის სტილში, აბზაცებით, რომლებიც მიუთითებს დოკუმენტის შესაბამის მონაკვეთებზე.
გაითვალისწინეთ, რომ ზემოაღნიშნული პუნქტები ზუსტად არის ორგანიზებული სიის სტრუქტურის სახით.
HTML გთავაზობთ სიების შემდეგ ძირითად ტიპებს: ბურთულებით, დანომრილი და განმარტებითი სია. შემდეგი ტეგები გამოიყენება სხვადასხვა ტიპის სიების განსახორციელებლად:
- ,
- (LI - სიის ელემენტი, სიის ელემენტი). მონიშნეთ
- არ საჭიროებს შესაბამის დახურვის ტეგს, თუმცა მისი არსებობა პრინციპში არ არის აკრძალული. დოკუმენტის ჩვენებისას ბრაუზერები ჩვეულებრივ იწყებენ სიის ყოველ ახალ ელემენტს ახალ ხაზზე.
მოწოდებული ინფორმაცია საკმარისია ძირითადი ბუკლეტების სიის შესაქმნელად. მოდით მოვიყვანოთ HTML დოკუმენტის მაგალითი პუნქტიანი სიის გამოყენებით, რომლის ჩვენება ბრაუზერის მიერ ნაჩვენებია ნახ. 2.1.
ბუნდოვანი სიის მაგალითი - ვერძი
- კურო
- ტყუპები
- კიბო
- ლომი
- ქალწული
- სასწორები
- მორიელი
- მშვილდოსანი
- თხის რქა
- მერწყული
- თევზი
Ზოდიაქოს ნიშნები:
ბრინჯი. 2.1.ბრაუზერის ჩვენება ბურთულებიანი სიის
გაითვალისწინეთ, რომ სიის გარდა ტეგით მონიშნული ელემენტები
- , შეიძლება იყოს სხვა HTML ელემენტები. ზემოთ მოყვანილ მაგალითში, ერთ-ერთი ამ ელემენტიდან არის ჩვეულებრივი ტექსტი, რომელიც არ არის სიის ელემენტი, მაგრამ მოქმედებს როგორც მისი სათაური.
შენიშვნა
HTML ენის ზოგიერთი სახელმძღვანელო მიუთითებს, რომ კონტეინერის ტეგი უნდა იყოს გამოყენებული სიის სათაურის დასაყენებლად.
(LH - სიის სათაური, სიის სათაური). ეს ტეგი ამჟამად არ არის აღიარებული არცერთი გავრცელებული ბრაუზერის მიერ და არ არის HTML სპეციფიკაციის ნაწილი. ამრიგად, მისი გამოყენება უაზრო ხდება, თუმცა არ გამოიწვევს რაიმე შეცდომებს. ტეგში
- შესაძლებელია ორი პარამეტრის მითითება: COMPACT და TYPE.
- .
ჩანაწერის მაგალითი:
-
.
შენიშვნა
ბრაუზერები განსხვავებულად განმარტავენ ნიშნის ტიპს ინდივიდუალური ელემენტისია. Netscape ბრაუზერი ცვლის მარკერის გარეგნობას ამ და ყველა მომდევნოსთვის, სანამ არ მოხდება მარკერის გარეგნობის შემდეგი ხელახალი განსაზღვრა. Internet Explorer ცვლის მარკერის გარეგნობას მხოლოდ ამ ელემენტის.
გრაფიკული სიის მარკერები
თქვენ შეგიძლიათ გამოიყენოთ გრაფიკული სურათები, როგორც სიის პუნქტები, რომლებიც ფართოდ გამოიყენება მიმზიდველი, კარგად შემუშავებული HTML დოკუმენტების შესაქმნელად. სინამდვილეში, ეს შესაძლებლობა არ არის გათვალისწინებული უშუალოდ HTML ენით, მაგრამ გარკვეულწილად ხელოვნურად არის დანერგილი. ეს არ ნიშნავს, რომ ამის გაკეთება არ არის რეკომენდირებული ან გასაკიცხი, მაგრამ მხოლოდ ის, რომ აქ არ იქნება გამოყენებული სპეციალური HTML ენის კონსტრუქციები.
იდეის გასაგებად, თქვენ უნდა გესმოდეთ HTML გვერდებზე სიების განხორციელების მექანიზმი. გამოდის, რომ სიის ტეგი
- (როგორც, მართლაც, სხვა ტიპის ტეგების სია, განხილული ქვემოთ) ასრულებს ერთ დავალებას - ის ეუბნება ბრაუზერს, რომ ამ ტეგის შემდეგ განთავსებული ყველა ინფორმაცია უნდა იყოს ნაჩვენები, გადატანილი მარჯვნივ (შეჭრილი) გარკვეული რაოდენობით. ტეგები
- , რომელიც მიუთითებს სიის ცალკეულ ელემენტებზე, უზრუნველყოფს სიის ელემენტის სტანდარტულ მარკერებს.
თუ ჩვენ გვჭირდება სიის შექმნა გრაფიკული მარკერებით, მაშინ შეგვიძლია გავაკეთოთ ტეგების გარეშე
- . საკმარისი იქნება სიის თითოეული ელემენტის წინ სასურველი გრაფიკული გამოსახულების ჩასმა. ერთადერთი პრობლემა, რომელიც უნდა გადაიჭრას, არის სიის ელემენტების ერთმანეთისგან გამიჯვნა. ამისათვის შეგიძლიათ გამოიყენოთ აბზაცის ტეგები
ან აიძულეთ ხაზის მიწოდება
. გრაფიკული მარკერებით სიის განხორციელების მაგალითი, რომლის ჩვენება ნაჩვენებია ნახ. 2.2 ნაჩვენებია ქვემოთ:ბურთულებიანი სია Ზოდიაქოს ნიშნები:
ვერძი
კურო
ტყუპები
კიბო
ლეო
ქალწული
სასწორები
მორიელი
მშვილდოსანი
თხის რქა
მერწყული
თევზი
ბრინჯი. 2.2.ბურთულებიანი სია გრაფიკული ბურთულებით
ზემოთ მოცემულ მაგალითში სიის ელემენტის მარკერი არის გრაფიკული ფაილი Green_ball.gif. გაითვალისწინეთ, რომ HTML გვერდებზე გრაფიკის გამოყენებამ შეიძლება მნიშვნელოვნად გაზარდოს გადაცემული ინფორმაციის რაოდენობა. თუმცა, in ამ შემთხვევაშიეს ზრდა ძალიან მცირეა. აქ ერთი და იგივე ფაილი გამოიყენება ყველა მარკერისთვის,
რომელიც გადაეცემა მხოლოდ ერთხელ. პატარა სურათის ფაილის ზომა ასევე ძალიან მცირეა.
შენიშვნა
გრაფიკული ბურთულებით სიების შექმნის ტექნიკა თავის მხრივ განხილულია მე-8 თავში.
დანომრილი სია
HTML-ში დანერგილი სიის კიდევ ერთი ტიპი არის დანომრილი სია. წინააღმდეგ შემთხვევაში, ამ ტიპის სიებს ეწოდება შეკვეთილი. გვარი ხშირად გამოიყენება, როგორც შესაბამისი ტეგის სახელის ოფიციალური თარგმანი
- , რომლის დახმარებითაც ამ ტიპის სიები ორგანიზებულია HTML დოკუმენტებში (OL - Ordered List, ordered list).
- .
აქ მოცემულია HTML დოკუმენტის მაგალითი დანომრილი სიის გამოყენებით: რომლის ჩვენებაბრაუზერი ნაჩვენებია ნახ. 2.3.
დანომრილი სიის მაგალითი - სირიუსი
- კ ანოპუსი
- არქტურუსი
- ალფა კენტავრი
- ვეგა
- K აპელა
- რიგელი
- პროციონი
- აჩერნარი
- ბეტა კენტაური
- ვეტელგეიზე
- ალდებარანი
. . .- მიზარ
. . .- პოლარული
დედამიწიდან ხილული ყველაზე კაშკაშა ვარსკვლავები:
ბრინჯი. 2.ზ.დანომრილი სია
ტეგში
- შეიძლება განისაზღვროს შემდეგი პარამეტრები: COMPACT, TYPE და START.
- .
ჩანაწერის მაგალითი:
- .
START ტეგის პარამეტრი
- საშუალებას გაძლევთ დაიწყოთ სიის ნუმერაცია ერთის გარდა. START პარამეტრის მნიშვნელობა ყოველთვის უნდა იყოს ბუნებრივი რიცხვი, სიის ნუმერაციის ტიპის მიუხედავად. აი მაგალითი:
- დანომრილი სიებისთვის, საშუალებას გაძლევთ გამოიყენოთ TYPE და VALUE პარამეტრები. TYPE პარამეტრს შეუძლია მიიღოს იგივე მნიშვნელობები, რაც ტეგისთვის
- .
- .
შენიშვნა
ბრაუზერები განსხვავებულად განმარტავენ ნუმერაციის ტიპს ცალკეული სიის ელემენტისთვის. Netscape ბრაუზერი ცვლის ნუმერაციის გარეგნობას ამ ელემენტისთვის და ყველა მომდევნო ელემენტისთვის, სანამ არ მოხდება შემდეგი გადაფარვა. Internet Explorer ცვლის ნომრის გარეგნობას მხოლოდ ამ ელემენტისთვის.
ზVALUE ტეგის პარამეტრის მნიშვნელობა
- - გაძლევთ საშუალებას შეცვალოთ მოცემული სიის ელემენტის რაოდენობა. ეს ცვლის ყველა შემდგომი ელემენტის ნუმერაციას. ტიპიური აპლიკაცია არის სიები, რომლებსაც აკლია რამდენიმე ელემენტი. ასეთი სიის მაგალითი მოყვანილია ზემოთ (ნახ. 2.3). იგი გთავაზობთ ყველაზე კაშკაშა ვარსკვლავების მოწესრიგებულ სიას, რომელშიც 58-ე და 75-ე ადგილები შეიცავს ვარსკვლავებს, რომლებიც აშკარად ჩანს ჩვენს განედებზე (მიზარი არის ყველაზე კაშკაშა ვარსკვლავი თანავარსკვლავედის დიდ ურსაში, ხოლო პოლარისი არის ყველაზე კაშკაშა ვარსკვლავი მცირე ურსის თანავარსკვლავედში) .
მოდით მოვიყვანოთ სხვადასხვა ტიპის ნუმერაციის გამოყენების კიდევ ერთი ორიგინალური მაგალითი. ქვემოთ მოცემული HTML კოდი შეიცავს სამ სიას სხვადასხვა ნუმერაციით. ნახვის გამარტივებისთვის, თითოეული სია მოთავსებულია ცხრილის ცალკეულ უჯრედში. სამივე სია იდენტურია და განსხვავდება მხოლოდ ნუმერაციის ტიპის მიხედვით: ცხრილის პირველ სვეტში არის არაბული ციფრები, მეორეში - რომაული, ხოლო მესამეში ნუმერაცია ლათინური ასოებით. გთხოვთ გაითვალისწინოთ, რომ სიის ელემენტები ცარიელია, ანუ ნებისმიერი ტეგის შემდეგ
- მონაცემები არ არის. ამ ტიპის მაგალითი შეიძლება გამოყენებულ იქნას, როგორც არაბული და რომაული ციფრებით რიცხვების ჩაწერას შორის შესაბამისობის ცხრილი. გამოდის, რომ ნებისმიერი ბრაუზერი, რომელიც მხარს უჭერს სიებს, შეიძლება გამოვიყენოთ ასეთი ცხრილის გენერატორად (ნახ. 2.4), თქვენ უბრალოდ უნდა აკრიფოთ მოცემული HTML კოდი. რომაული ციფრებით ნუმერაცია სწორად მუშაობს 3999 მნიშვნელობამდე. მარჯვენა სვეტის შესწავლით შეგიძლიათ გაიგოთ, თუ როგორ ხდება რომაული ასოებით ნუმერაცია. როგორც კი ამოიწურება ერთასოიანი ნუმერაცია (A-დან Z-მდე), პირველი ორასოიანი რიცხვი მიიღება შემდეგ რიცხვად - AA და ა.შ.
გამოყენება სხვადასხვა სახისნუმერაცია სიებში -
. . .
-
. . .
-
. . .
ბრინჯი. 2.4. HTML სიის ნუმერაციის სხვადასხვა ტიპები
განმარტებების სია
განმარტებების სიები, რომელსაც ასევე უწოდებენ განმარტების ლექსიკონებს, არის სიის განსაკუთრებული ტიპი. სხვა ტიპის სიებისგან განსხვავებით, განმარტებითი სიის თითოეული ელემენტი ყოველთვის შედგება ორი ნაწილისგან. სიის ელემენტის პირველი ნაწილი შეიცავს განსაზღვრულ ტერმინს, ხოლო მეორე ნაწილი შეიცავს ტექსტს ლექსიკონის ჩანაწერის სახით, რომელიც ავლენს ტერმინის მნიშვნელობას.
განმარტებების სიები მითითებულია კონტეინერის ტეგის გამოყენებით
- (განმარტების სია). კონტეინერის შიგნით ტეგით
- (Definition Term) განსაზღვრული ტერმინი აღინიშნება და ტეგი
- (Definition Description) - აბზაცი თავისი განმარტებით. ტეგებისთვის
- და
- თქვენ შეგიძლიათ გამოტოვოთ შესაბამისი დახურვის ტეგები.
ზოგადად, განმარტებების სია დაწერილია შემდეგნაირად:
- ვადა
- ტერმინის განმარტება
ტეგის შემდეგ ტექსტში
- ბლოკის დონის ელემენტები, როგორიცაა აბზაცის ტეგები, არ შეიძლება გამოყენებულ იქნას
ან სათაურები
-
. როგორც წესი, განსაზღვრული ტერმინის ტექსტი უნდა განთავსდეს ერთ ხაზზე. ტერმინის განმარტების შემცველი ტექსტი ნაჩვენებია დასაწყისიდან შემდეგი ხაზი(ან სტრიქონი ზოგიერთი ბრაუზერისთვის) ტერმინის განმარტების შემდეგ, შეყვანილი მარჯვნივ. ტეგის შემდეგ მოთავსებულ ინფორმაციაში
- , ბლოკის დონის ელემენტები შეიძლება განთავსდეს. კერძოდ, აქედან გამომდინარეობს, რომ განმარტებების სიები შეიძლება იყოს ჩასმული.
ტეგში
- შეიძლება მითითებული იყოს COMPACT პარამეტრი, რომლის დანიშნულება მსგავსია ზემოთ აღწერილი სხვა სიების.
- ფლეგმატური ადამიანი
- პასიური, ძალიან შრომისმოყვარე, ნელი ადაპტაციისთვის;
სტაბილური განწყობა, ნაკლებად მგრძნობიარე გარე გავლენის მიმართ;
ემოციური რეაქციების ლეთარგია და ნებაყოფლობითი აქტივობის შენელება
- სანგვინი
- აქტიური, ენერგიული, ადაპტირებადი, -
ემოციური რეაქციების სიცოცხლისუნარიანობა და მობილურობა, ნებაყოფლობითი გამოვლინებების სიჩქარე და სიძლიერე
- ქოლერიული
- აქტიური, ძალიან ენერგიული, დაჟინებული;
ემოციური რეაქციების იმპულსურობა და სიძლიერე, ნებისყოფის ძალადობრივი გამოვლინებები
- მელანქოლიური
- პასიური, ადვილად დაღლილი, რთული ადაპტაცია, -
ნებისყოფის სისუსტე და დეპრესიული განწყობის გაბატონება, თავდაჯერებულობის ნაკლებობა - ზემპია
- მთვარე
- Mapc
- ფობოსი
- დეიმოსი
- ურანი
- არიელ
- ქოლგა
- ტიტანია
- ობერონი
- მირანდა
- ნეპტუნი
- ტრიტონი
- ნერეიდი
HTML-ში დანერგილი სიის კიდევ ერთი ტიპი არის დანომრილი სია. წინააღმდეგ შემთხვევაში, ამ ტიპის HTML სიებს ეწოდება შეკვეთილი. გვარი ხშირად გამოიყენება, როგორც შესაბამისი ტეგის სახელის ოფიციალური თარგმანი
- , რომლის დახმარებითაც ამ ტიპის სიები ორგანიზებულია HTML დოკუმენტებში (OL - Ordered List, ordered list).
- .
აქ მოცემულია HTML დოკუმენტის მაგალითი დანომრილი სიის გამოყენებით: რომლის ჩვენებაბრაუზერი ნაჩვენებია ნახ. 2.3.
დანომრილი სიის მაგალითი დედამიწიდან ხილული ყველაზე კაშკაშა ვარსკვლავები:
- სირიუსი
- კ ანოპუსი
- არქტურუსი
- ალფა კენტავრი
- ვეგა
- K აპელა
- რიგელი
- პროციონი
- აჩერნარი
- ბეტა კენტაური
- ვეტელგეიზე
- ალდებარანი
- მიზარ
- პოლარული
ბრინჯი. 2.ზ.დანომრილი სია
ტეგში
- შეიძლება განისაზღვროს შემდეგი პარამეტრები: COMPACT, TYPE და START.
- .
ჩანაწერის მაგალითი:
- .
START ტეგის პარამეტრი
- საშუალებას გაძლევთ დაიწყოთ სიის ნუმერაცია ერთის გარდა. START პარამეტრის მნიშვნელობა ყოველთვის უნდა იყოს ბუნებრივი რიცხვი, სიის ნუმერაციის ტიპის მიუხედავად. აი მაგალითი:
- დანომრილი სიებისთვის, საშუალებას გაძლევთ გამოიყენოთ TYPE და VALUE პარამეტრები. TYPE პარამეტრს შეუძლია მიიღოს იგივე მნიშვნელობები, რაც ტეგისთვის
- .
- .
შენიშვნა
ბრაუზერები განსხვავებულად განმარტავენ ნუმერაციის ტიპს ცალკეული სიის ელემენტისთვის. Netscape ბრაუზერი ცვლის ნუმერაციის გარეგნობას ამ ელემენტისთვის და ყველა მომდევნო ელემენტისთვის, სანამ არ მოხდება შემდეგი გადაფარვა. Internet Explorer ცვლის ნომრის გარეგნობას მხოლოდ ამ ელემენტისთვის.
VALUE ტეგის პარამეტრის მნიშვნელობა
- - გაძლევთ საშუალებას შეცვალოთ მოცემული სიის ელემენტის რაოდენობა. ეს ცვლის ყველა შემდგომი ელემენტის ნუმერაციას. ტიპიური აპლიკაცია არის სიები, რომლებსაც აკლია რამდენიმე ელემენტი. ასეთი სიის მაგალითი მოყვანილი იყო ზემოთ (ნახ. 2.3). იგი გთავაზობთ ყველაზე კაშკაშა ვარსკვლავების მოწესრიგებულ სიას, რომელშიც 58-ე და 75-ე ადგილები შეიცავს ვარსკვლავებს, რომლებიც აშკარად ჩანს ჩვენს განედებზე (მიზარი არის ყველაზე კაშკაშა ვარსკვლავი თანავარსკვლავედის დიდ ურსაში, ხოლო პოლარისი არის ყველაზე კაშკაშა ვარსკვლავი მცირე ურსის თანავარსკვლავედში) .
მოდით მოვიყვანოთ სხვადასხვა ტიპის ნუმერაციის გამოყენების კიდევ ერთი ორიგინალური მაგალითი. ქვემოთ მოცემული HTML კოდი შეიცავს სამ სიას სხვადასხვა ნუმერაციით. ნახვის გამარტივებისთვის, თითოეული სია მოთავსებულია ცხრილის ცალკეულ უჯრედში. სამივე სია იდენტურია და განსხვავდება მხოლოდ ნუმერაციის ტიპის მიხედვით: ცხრილის პირველ სვეტში არის არაბული ციფრები, მეორეში - რომაული, ხოლო მესამეში ნუმერაცია ლათინური ასოებით. გთხოვთ გაითვალისწინოთ, რომ სიის ელემენტები ცარიელია, ანუ ნებისმიერი ტეგის შემდეგ
- მონაცემები არ არის. ამ ტიპის მაგალითი შეიძლება გამოყენებულ იქნას, როგორც არაბული და რომაული ციფრებით რიცხვების ჩაწერის ცხრილი. გამოდის, რომ ნებისმიერი ბრაუზერი, რომელიც მხარს უჭერს სიებს, შეიძლება გამოვიყენოთ ასეთი ცხრილის გენერატორად (ნახ. 2.4), თქვენ უბრალოდ უნდა აკრიფოთ მოცემული HTML კოდი. რომაული ციფრებით ნუმერაცია სწორად მუშაობს 3999 მნიშვნელობამდე. მარჯვენა სვეტის შესწავლით შეგიძლიათ გაიგოთ, თუ როგორ ხდება რომაული ასოებით ნუმერაცია. როგორც კი ამოიწურება ერთასოიანი ნუმერაცია (A-დან Z-მდე), პირველი ორასოიანი რიცხვი მიიღება შემდეგ რიცხვად - AA და ა.შ.
სხვადასხვა ტიპის ნუმერაციის გამოყენება სიებში
. . .ბრინჯი. 2.4. HTML სიის ნუმერაციის სხვადასხვა ტიპები
HTML მხარს უჭერს სამი სიის განსხვავებული ტიპები, რომელთაგან თითოეულს აქვს საკუთარი პარამეტრები:
დანომრილი სიები
დანომრილ სიაში ბრაუზერი ავტომატურად აყენებს ელემენტების ნომრებს თანმიმდევრობით, დაწყებული გარკვეული მნიშვნელობით (ჩვეულებრივ 1). ეს საშუალებას გაძლევთ ჩასვათ და წაშალოთ სიის ელემენტები ნუმერაციის შეფერხების გარეშე, რადგან დარჩენილი ნომრები ავტომატურად ხელახლა გამოითვლება.
დანომრილი სიები იქმნება ბლოკის ელემენტის გამოყენებით
მონიშნეთ- ელემენტი 1
- ელემენტი 2
- ელემენტი 3
დანომრილი სიის ელემენტები უნდა შეიცავდეს სიის მრავალ ელემენტს, როგორც ეს ნაჩვენებია შემდეგ მაგალითში:
მაგალითი: დანომრილი სია
- თავად სცადე"
- მიიღეთ გასაღები
- ჩადეთ გასაღები საკეტში
- გადაატრიალეთ გასაღები ორი შემობრუნებით
- ამოიღე გასაღები საკეტიდან
- Გააღე კარი
ნაბიჯ-ნაბიჯ ინსტრუქცია
- მიიღეთ გასაღები
- ჩადეთ გასაღები საკეტში
- გადაატრიალეთ გასაღები ორი შემობრუნებით
- ამოიღე გასაღები საკეტიდან
- Გააღე კარი
ხანდახან არსებული HTML კოდების დათვალიერებისას თქვენ წააწყდებით არგუმენტს ტიპიელემენტში
- A - დიდი ლათინური ასოები (A, B, C...);
- a - პატარა ლათინური ასოები (a, b, c...);
- I - დიდი რომაული ციფრები (I, II, III...);
- i - პატარა რომაული ციფრები (i, ii, iii...);
- 1 - არაბული ციფრები (1, 2, 3 . . .) (ნაგულისხმევად გამოიყენება).
- შემდეგი გზით:
-
ამ შემთხვევაში, სიის თანმიმდევრული ნუმერაცია შეწყდება და ამ მომენტიდან ნუმერაცია კვლავ დაიწყება, ამ შემთხვევაში შვიდიდან.
ატრიბუტის გამოყენების მაგალითი ღირებულებატეგი
ამ მაგალითში "პირველი სიის ელემენტი" იქნება ნომერი 1, "მეორე სიის ელემენტი" იქნება ნომერი 7 და "მესამე სიის ელემენტი" იქნება ნომერი 8.
დანომრილი სიების ფორმატირება CSS-ით
სიის ნომრების შესაცვლელად თქვენ უნდა გამოიყენოთ ქონება სიის სტილის ტიპი CSS სტილის ფურცლები:
- . ბრაუზერი აკეთებს სიის თითოეულ ელემენტს და ავტომატურად აჩვენებს პუნქტებს.
- პირველი წერტილი
- მეორე წერტილი
- მესამე წერტილი
- არ არის საჭირო მხოლოდ ტექსტის განთავსება, მისაღებია ნაკადის ნებისმიერი ელემენტის განთავსება (ბმულები, აბზაცები, სურათები და ა.შ.)
- დასაშვებია წყობილი სიის ან მეორე დონის სიის შექმნა. სიის ჩასართავად, აღწერეთ ახალი სია ელემენტის შიგნით
- უკვე არსებული სია. როდესაც ერთი ბურთულებით ჩამოთვლილ სიას მეორეში ათავსებთ, ბრაუზერი ავტომატურად ცვლის პუნქტების სტილს მეორე დონის სიისთვის. ნებისმიერი სიის ჩასმა შეიძლება სხვაში. შემდეგი მაგალითი გვიჩვენებს ბურთულიანი სიის სტრუქტურას, რომელიც ჩასმულია დანომრილი სიის მეორე პუნქტში.
- თავად სცადე"
- ორშაბათი
- ფოსტის გაგზავნა
- ეწვიეთ რედაქტორს
- თემის არჩევა
- დეკორატიული დიზაინი
- Საბოლოო ანგარიში
- შეტყობინებების საღამოს ნახვა
- სამშაბათი
- განრიგის გადახედვა
- სურათების გაგზავნა
- ოთხშაბათს...
- ორშაბათი
- ფოსტის გაგზავნა
- ეწვიეთ რედაქტორს
- თემის არჩევა
- დეკორატიული დიზაინი
- Საბოლოო ანგარიში
- შეტყობინებების საღამოს ნახვა
- სამშაბათი
- განრიგის გადახედვა
- სურათების გაგზავნა
- ოთხშაბათს...
- თავად სცადე"
- ყავა
- ყავა
- ყავა
- ყავა
- ყავა
- რძე
- ყავა
- რძე
- ყავა
- რძე
- ყავა
- რძე
- თავად სცადე"
- კურო
- ტყუპები
- ვერძი
- კურო
- ტყუპები
- (ინგლისური დეფინიციის ტერმინიდან - განსაზღვრული სიტყვა, ტერმინი) და
- (ინგლისური დეფინიციის აღწერა - განმარტება ტერმინის განმარტება).
- Პირველი სემესტრი
- პირველი ტერმინის აღწერა
- მეორე ვადა
- მეორე ტერმინის აღწერა
- თავად სცადე"
- მსოფლიო ქსელი
- - ინგლისურიდან მსოფლიო ქსელი (WWW) არის განაწილებული სისტემა, რომელიც უზრუნველყოფს ინტერნეტთან დაკავშირებულ სხვადასხვა კომპიუტერზე განლაგებულ შესაბამის დოკუმენტებზე წვდომას.
- ინტერნეტი
- — ქსელების ერთობლიობა, რომლებიც იყენებენ გაცვლის ერთ პროტოკოლს ინფორმაციის გადასაცემად.
- საიტი
- - ინდივიდუალური ვებ გვერდების ნაკრები, რომლებიც ერთმანეთთან არის დაკავშირებული ბმულებით და ერთიანი დიზაინით.
- როგორც ქვემოთაა ნაჩვენები.
- პირველი წერტილი
- მეორე წერტილი
- მესამე წერტილი
თუ არ მიუთითებთ დამატებით ატრიბუტებს და უბრალოდ დაწერეთ ტეგი
- , მაშინ ნაგულისხმევი არის სია არაბული ნომრებით (1, 2, 3,...), როგორც ნაჩვენებია მაგალითში 11.3.
- პუნქტუალურობის შექმნა (არაფერზე არ დაგაგვიანდებათ);
- პუნქტუალურობის განკურნება (არასდროს არ გეჩქარებათ);
- დროისა და საათის აღქმის ცვლილება.
- არაბული ნომრები (1, 2, 3, ...);
- დიდი ლათინური ასოები (A, B, C, ...);
- პატარა ლათინური ასოები (a, b, c, ...);
- დიდი რომაული ციფრები (I, II, III, ...);
- პატარა რომაული ციფრები (i, ii, iii, ...).
- მეფე მაგნუმი XLIV
- მეფე ზიგფრიდ XVI
- მეფე სიგიზმუნდ XXI
- მეფე ჰუსბრანდტ I
- :
დანომრილი სია:
- ყავა
- ჩაი
- რძე
შენიშვნა: ტეგი
- როგორც ბავშვის ელემენტებიშეიძლება შეიცავდეს მხოლოდ ტეგებს
- , ანუ დანომრილი სიის ყველა შინაარსი უნდა განთავსდეს ელემენტების შიგნით
- . მონიშნეთ
- , თავის მხრივ, არ აქვს შეზღუდვები შინაარსზე, ამიტომ შეგიძლიათ მასში განათავსოთ აბზაცები, სურათები, ლინკები, ცხრილები, სხვა სიები და ა.შ.
ბურთულებიანი სია
ბურთულებიანი სია- ეს არის უნომრო, ანუ ელემენტების უწესრიგო სიები, რომელთა თანმიმდევრობას მნიშვნელობა არ აქვს. სიის ყველა ელემენტს აქვს ერთი და იგივე ბურთულები და ნაგულისხმევად ისინი გამოჩნდებიან პატარა შავი წრეების სახით.
HTML-ში ბურთულიანი სიების შესაქმნელად გამოიყენეთ ტეგი
- , რომელშიც თავად სიის ელემენტებია განთავსებული (როგორც დანომრილი სიების შემთხვევაში, ტეგი
- , რომელიც შეიცავს სიის ყველა ნაჩვენებ შიგთავსს):
ბურთულების სია:
- ყავა
- ჩაი
- რძე
მარკერების სახეები
დანომრილი სიის ბურთულების ტიპები შეიძლება შეიცვალოს ტიპის ატრიბუტის გამოყენებით. ეს ატრიბუტი მხარს უჭერს მარკერების ხუთ ტიპს:
ბურთულიან სიებს არ გააჩნიათ ტიპის ატრიბუტი, ასე რომ თქვენ არ შეგიძლიათ შეცვალოთ ბურთულების ტიპი HTML-ის გამოყენებით. მარკერის ტიპის შესაცვლელად, ამ შემთხვევაში, შეგიძლიათ გამოიყენოთ CSS თვისება m list-style-type , რომლითაც, ნაგულისხმევი მნიშვნელობის გარდა, შეგიძლიათ აირჩიოთ მარკერის კიდევ ორი ტიპი: წრე ან კვადრატი.
სიის მარკერების შეცვლა:
Გვერდის სათაური დანომრილი სია type="a" ატრიბუტით:
- ვაშლი
- ბანანი
- ლიმონები
დანომრილი სია type="I" ატრიბუტით:
- ვაშლი
- ბანანი
- ლიმონები
ბურთულებიანი სიის მარკერების ტიპები:
- ვაშლი
- ბანანი
- ლიმონები
- ვაშლი
- ბანანი
- ლიმონები
CSS საკუთრების list-style-type , გარდა მარკერების ტიპებისა პუნქტიანი სიებისთვის, აქვს მრავალი სხვადასხვა ტიპის მარკერი დანომრილი სიებისთვის. მაგრამ ერთი სტანდარტული ტიპის მარკერის შეცვლა ყოველთვის არ არის საკმარისი ლამაზი სიის შესაქმნელად. სიების შესაქმნელად უმჯობესია გამოიყენოთ CSS, რომელიც საშუალებას გაძლევთ არა მხოლოდ შეცვალოთ მარკერის გარეგნობა, არამედ შეცვალოთ მარკერები სურათებით, აკონტროლოთ მათი მდებარეობა და აკონტროლოთ ჩაღრმავება. თქვენ ხედავთ, თუ როგორ უნდა გააკეთოთ ეს ყველაფერი.
ჰორიზონტალური სია
თუ თქვენ იყენებთ HTML სიის ველს ჰორიზონტალური მენიუს შესაქმნელად, მაშინ მოგიწევთ სიის ელემენტების დალაგება ერთმანეთის მიყოლებით იმავე ხაზზე. ამის გაკეთება შეუძლებელია HTML-ის გამოყენებით, ამიტომ მოგიწევთ CSS-ის გამოყენება.
ჰორიზონტალური სიის შესაქმნელად, თქვენ უნდა დააყენოთ CSS დისპლეის თვისება სიის ელემენტებისთვის inline ან inline-block მნიშვნელობით, იმისდა მიხედვით, თუ რა სხვა თვისებების გამოყენებას აპირებთ.
Გვერდის სათაური დანომრილი სია
- ვაშლი
- ბანანი
- ლიმონები
ბურთულების სია:
- ვაშლი
- ბანანი
- ლიმონები
ამის შემდეგ, სიის ყველა ელემენტი გაერთიანდება ერთ ხაზზე. გთხოვთ გაითვალისწინოთ, რომ პუნქტები გაქრება სიის ელემენტებიდან და მათ შორის სივრცეც კი არ იქნება, მაგრამ სიის მარცხენა შეწევა დარჩება.
თქვენ ხედავთ, თუ როგორ უნდა გადააქციოთ ჰორიზონტალური სია ჰორიზონტალურ მენიუდ.
- , რომელიც შეიცავს სიის ყველა ნაჩვენებ შიგთავსს):
მაგალითი 11.3. შექმენით დანომრილი სია
დანომრილი სია დროსთან მუშაობა
ამ მაგალითის შედეგი ნაჩვენებია ნახ. 11.3.
ბრინჯი. 11.3. დანომრილი სიის ხედი
გაითვალისწინეთ, რომ დანომრილი სია ასევე ამატებს ავტომატურ შეწევას ტექსტის ზედა, ქვედა და მარცხნივ.
შემდეგი მნიშვნელობები შეიძლება იყოს ნუმერაციის ელემენტებად:
დანომრილი სიის ტიპის მითითებისთვის გამოიყენეთ ტეგის ტიპის ატრიბუტი
- . მისი შესაძლო მნიშვნელობები მოცემულია ცხრილში. 11.2.
მაგიდა 11.2. დანომრილი სიის სახეები
სიის ტიპი HTML კოდი მაგალითი არაბული ნომრები
1. ჩებურაშკა
2. ნიანგი გენა
3. შაპოკლიაკილათინური ანბანის დიდი ასოები
ა.ჩებურაშკა
ბ ნიანგი გენა
C. Shapoklyakლათინური ანბანის მცირე ასოები
ა. ჩებურაშკა
ბ. ნიანგი გენა
გ. შაპოკლიაკირომაული ციფრები დიდი ასოებით
ი.ჩებურაშკა
II. ნიანგი გენა
III. შაპოკლიაკირომაული ციფრები პატარა ასოებით
მე. ჩებურაშკა
ii. ნიანგი გენა
iii. შაპოკლიაკიკონკრეტული მნიშვნელობით სიის დასაწყებად გამოიყენეთ ტეგის დაწყების ატრიბუტი
- . არ აქვს მნიშვნელობა რა ტიპის სიაშია მითითებული type , start ატრიბუტი ერთნაირად მუშაობს როგორც რომაულ, ისე არაბულ ციფრებთან. მაგალითი 11.4 გვიჩვენებს, თუ როგორ უნდა შექმნათ სია რვადან დაწყებული დიდი რომაული ციფრების გამოყენებით.
მაგალითი 11.4. სიის ნუმერაცია
რომაული ნომრები ამ მაგალითის შედეგი ნაჩვენებია ნახ. 11.4.
ბრინჯი. 11.4. დანომრილი სია რომაული ციფრებით
HTML-ში ტეგების მთელი ნაკრები პასუხისმგებელია სიების ორგანიზებაზე, რომელთა ორგანიზაცია უნდა შეესაბამებოდეს მონაცემთა სტრუქტურირების გარკვეულ წესებს.
სტანდარტული მეხუთე html ვერსიებიმხარდაჭერილია 3 ტიპის სიები: დანომრილი სიები, ბურთულები და განმარტებითი სიები. ის ასევე იძლევა შესაძლებლობას მოათავსოთ სიები ერთმანეთში, შექმნან წყობილი მრავალ დონის სიები.
დანომრილი სია
დანომრილი სია- ეს არის ელემენტების ერთობლიობა (სიის ელემენტები), რომლებსაც აქვთ გარკვეული თანმიმდევრობა. დანომრილი სიის თითოეულ პუნქტს აქვს უნიკალური მარკერი, რომელიც მიუთითებს იმ თანმიმდევრობით, რომლითაც ელემენტი გამოჩნდება სიის სხვა ელემენტებთან შედარებით. ნაგულისხმევად, დანომრილი სიის ელემენტის მარკერები არის ნომრები. პირველი პუნქტი დანომრილია 1-ით, მეორე - 2 და ა.შ.
დანომრილი სიების ყველაზე გავრცელებული მაგალითებია სხვადასხვა კერძების მომზადების რეცეპტები. ვინაიდან ნებისმიერი რეცეპტი არის დანომრილი სია, მოქმედებების მკაფიო თანმიმდევრობით.
HTML-ში დანომრილი სიების შესაქმნელად გამოიყენეთ ტეგი
- , რომლის შიგნითაც განთავსებულია სიის ელემენტები მონაცემებით. სიის თითოეული ელემენტი მითითებულია ტეგის გამოყენებით
დანომრილი სიის სტილები
მაგალითი მნიშვნელობა აღწერა ა, ბ, გ ქვედა-ალფა ქვედა რეგისტრი A, B, C ზედა-ალფა Დიდი ასოები მე, იი, იიი ქვედა რომაული რომაული ციფრები მცირე ასოებით I, II, III ზედა-რომანი რომაული ციფრები დიდი ასოებით მაგალითი: CSS თვისების გამოყენება სიის სტილის ტიპი
ბურთულებიანი სიები
ბურთულებიანი სიები არსებითად დანომრილი სიების მსგავსია, მხოლოდ ისინი არ შეიცავს ნივთების თანმიმდევრულ ნუმერაციას. ბურთულებიანი სიები იქმნება ბლოკის ელემენტის გამოყენებით
მონიშნეთშემდეგ მაგალითში ხედავთ, რომ ნაგულისხმევად, სიის თითოეული ელემენტის წინ ემატება პატარა მარკერი შევსებული წრის სახით:
ტეგის შიგნით
ჩადგმული სიები
ნებისმიერი სიის ჩასმა შეიძლება სხვაში. ელემენტის შიგნითმაგალითი: ჩადგმული სიები
ბურთულებული სიების ფორმატირება
ცვლილებისთვის გარეგნობასიის მარკერებმა უნდა გამოიყენონ ქონება სიის სტილის ტიპი CSS სტილის ფურცლები:
შემდეგი მაგალითი გვიჩვენებს ბურთულიანი სიების სხვადასხვა სტილს:
მაგალითი: Bullet List Styles
დისკი:
წრე:
მოედანი:
არცერთი:
გრაფიკული მარკერები.
HTML-ში შესაძლებელია სიის შექმნა გრაფიკული მარკერებით. ერთია, როდესაც სიის მარკერები სტანდარტული წრეები ან კვადრატებია და სულ სხვაა, როცა დეველოპერი თავად ირჩევს მარკერს გვერდის დიზაინის შესაბამისად. იმისათვის, რომ სიის ელემენტები ლამაზი იყოს, ხშირად იყენებენ პატარა სურათებს.
ჩვეულებრივი მარკერის გრაფიკულით ჩანაცვლებისთვის, შეცვალეთ ქონება სიის სტილის ტიპითითო ქონებაზე სია-სტილი-სურათიდა მიუთითეთ სურათის URL:მაგალითი: გრაფიკული მარკერები
ზოდიაქოს ნიშნები
ზოდიაქოს ნიშნები
განმარტებების სიები (აღწერილობები)
განმარტებების სიები ძალიან სასარგებლოა, მაგალითად, ტერმინების თქვენი პირადი ლექსიკონის შესაქმნელად. თითოეული განმარტების სიის პუნქტს აქვს ორი ნაწილი: ტერმინი და მისი განმარტება.
თქვენ ათავსებთ მთელ სიას ელემენტში
განმარტებების სიები ხშირად გამოიყენება სამეცნიერო, ტექნიკურ და საგანმანათლებლო პუბლიკაციებში, მათი გამოყენებით ლექსიკონების, ლექსიკონების, საცნობარო წიგნების და ა.შ.აღწერილობების სიის ზოგადი სტრუქტურა ასეთია:
შემდეგი მაგალითი გვიჩვენებს ერთ-ერთ შესაძლო გამოყენებაგანმარტებების სია:
მაგალითი: განმარტებების სია
მსოფლიო ქსელი - ინგლისურიდან. მსოფლიო ქსელი (WWW) არის განაწილებული სისტემა, რომელიც უზრუნველყოფს წვდომას მასთან დაკავშირებულ დოკუმენტებზე სხვადასხვა კომპიუტერებიინტერნეტთან დაკავშირებული. ინტერნეტი არის ქსელების ერთობლიობა, რომლებიც იყენებენ ერთიან გაცვლის პროტოკოლს ინფორმაციის გადასაცემად. ვებსაიტი არის ინდივიდუალური ვებ გვერდების ერთობლიობა, რომლებიც ერთმანეთთან არის დაკავშირებული ბმულებით და ერთიანი დიზაინით.
ნაგულისხმევად, ტერმინის ტექსტი დაჭერილია ბრაუზერის ფანჯრის მარცხენა კიდეზე, ხოლო ტერმინის აღწერა მდებარეობს ქვემოთ და გადატანილია მარჯვნივ.
დანომრილი სიები არის ელემენტების კოლექცია მათი სერიული ნომრებით. ნუმერაციის ტიპი და ტიპი დამოკიდებულია ტეგის ატრიბუტებზე
- , რომელიც გამოიყენება სიის შესაქმნელად. დანომრილი სიის თითოეული ელემენტი მითითებულია ტეგით
აქ: აკრიფეთ – სიის სიმბოლოები:
თუ გსურთ სია დაიწყოს 1-ის გარდა სხვა რიცხვით, ეს უნდა მიუთითოთ ატრიბუტის გამოყენებით დაწყებატეგი
შემდეგი მაგალითი გვიჩვენებს დანომრილ სიას დიდი რომაული ციფრებით და საწყისი ღირებულება XLIX:ნუმერაციის დაწყება ასევე შესაძლებელია ატრიბუტის გამოყენებით ღირებულება, რომელიც ემატება ელემენტს
ჩანაწერის მაგალითი:
- .
- .
ეს ჩანაწერი განსაზღვრავს სიის ნუმერაციას, რომელიც იწყება დიდი ლათინური ასოებით "E". სხვა ტიპის ნუმერაციისთვის, ჩანაწერი START=5 დაადგენს ნუმერაციას, შესაბამისად, რიცხვიდან "5", რომაული რიცხვიდან "V" და ა.შ.
სიის ნუმერაციის ტიპისა და ნომრის მნიშვნელობების შეცვლა შესაძლებელია სიის ნებისმიერი ელემენტისთვის. მონიშნეთ
- დანომრილი სიებისთვის, საშუალებას გაძლევთ გამოიყენოთ TYPE და VALUE პარამეტრები. TYPE პარამეტრს შეუძლია მიიღოს იგივე მნიშვნელობები, რაც ტეგისთვის
COMPACT პარამეტრს აქვს იგივე მნიშვნელობა, რაც ბურთულა სიებს. TYPE პარამეტრი გამოიყენება სიის ნუმერაციის ტიპის დასადგენად. შეუძლია მიიღოს შემდეგი მნიშვნელობები:
TYPE = A - აყენებს მარკერებს დიდი ლათინური ასოების სახით;
TYPE = a - აყენებს მარკერებს მცირე ლათინური ასოების სახით;
TYPE = I - აყენებს მარკერებს დიდი რომაული ციფრების სახით;
TYPE = i - ადგენს მარკერებს მცირე რომაული ციფრების სახით;
TYPE = 1 - აყენებს მარკერებს არაბული ციფრების სახით.
ნაგულისხმევი მნიშვნელობა ყოველთვის არის TYPE = 1, ანუ ნუმერაცია არაბული ციფრების გამოყენებით. ეს ასევე ეხება ჩადგმულ დანომრილ სიებს. აქ, ბურთულირებული სიებისგან განსხვავებით, ბრაუზერები ნაგულისხმევად არ განასხვავებენ ნუმერაციას სიების ბუდობის სხვადასხვა დონეზე. გაითვალისწინეთ, რომ სიის ელემენტის ნომრის შემდეგ ყოველთვის არის დამატებითი "წერტილი" ნიშანი.
TYPE პარამეტრი იგივე მნიშვნელობებით შეიძლება გამოყენებულ იქნას სიის ცალკეული ელემენტების ნუმერაციის სტილის დასაზუსტებლად. ამისათვის TYPE პარამეტრი შესაბამისი მნიშვნელობით დაშვებულია სიის ელემენტის ტეგში მითითებული
ამ ტიპის სიები, როგორც წესი, არის ცალკეული ელემენტების მოწესრიგებული თანმიმდევრობა. პუნქტიანი სიებისგან განსხვავება ისაა, რომ დანომრილ სიაში თითოეულ ელემენტს ავტომატურად წინ უძღვის სერიული ნომერი. ნუმერაციის ტიპი დამოკიდებულია ბრაუზერზე და შეიძლება დაყენდეს სიის ტეგების პარამეტრებით. წინააღმდეგ შემთხვევაში, დანომრილი სიების დანერგვა ძალიან ჰგავს პუნქტიანი სიების განხორციელებას.
ტეგები
- და
დანომრილი სიის შესაქმნელად, თქვენ უნდა გამოიყენოთ კონტეინერის ტეგი, რომელშიც განთავსებულია სიის ყველა ელემენტი. სიის გახსნისა და დახურვის ტეგები უზრუნველყოფს ხაზების წყვეტას სიის წინ და მის შემდეგ, რითაც გამოყოფს სიას დოკუმენტის ძირითადი შინაარსისგან.
ისევე როგორც ბურთულებიანი სიის შემთხვევაში, დანომრილი სიის თითოეული ელემენტი უნდა დაიწყოს ტეგით
აქ არის HTML დოკუმენტის მაგალითი, რომელიც იყენებს განმარტებების ჩამონათვალს:
განმარტებების სიის მაგალითი ტიპიური ადამიანის ტემპერამენტების კლასიფიკაცია,
დაფუძნებულიჰიპოკრატეს შეხედულებებზე
ბრაუზერში მოცემული HTML დოკუმენტის ჩვენება ნაჩვენებია ნახ. 2.5.
ბრინჯი. 2.5.განმარტებების სია (ემსგავსება ლექსიკონში ჩანაწერების ჯგუფს)
სიების ტიპი
და - .
ამ ტიპის სიები თავდაპირველად შეიქმნა უფრო კომპაქტური, ვიდრე ჩვეულებრივი ბურთულიანი სიები. ამ სიების ელემენტების ჩაწერის წესების მიხედვით, მათში არ იყო დაშვებული ბლოკის ელემენტები, რაც იმას ნიშნავს, რომ შეუძლებელი იყო ამ ტიპის სიების ბუდეების განხორციელება. სიის თითოეული ელემენტი იყო ტექსტის ერთი ხაზი.
ისეთი სიებისთვის, როგორიცაა
დაგეგმილი იყო ლიმიტის შემოღება „სიის ელემენტის ტექსტის სიგრძეზე (24 სიმბოლო). ასეთი შეზღუდვა საშუალებას მოგვცემს გამოვიტანოთ სიები მოსწონს
ისეთი ფორმით, როგორიც არის დირექტორიების ჩამონათვალი ოპერატიული სისტემა UNIX და MS-DOS /W გადამრთველის გამოყენებისას (მრავალი სვეტი). გარდა ამისა, მარკერები არ იყო ნაჩვენები ამ ტიპის სიის ელემენტებისთვის. ამჟამად, ყველა ეს გეგმა არ არის განხორციელებული, რადგან არ არის რეკომენდებული ამ ტიპის სიების შემდგომი გამოყენება. ბრაუზერების თანამედროვე ვერსიები აჩვენებენ ამ ტიპის სიებს ზუსტად ისევე, როგორც მსგავსი სიები
- .
ჩადგმული სიები
არის შემთხვევები, როდესაც თქვენ უნდა შეიყვანოთ ერთი და იგივე ტიპის მთელი სია ერთი ტიპის სიის ელემენტში. ეს შექმნის მრავალ დონის ან წყობილ სიებს. HTML იძლევა სხვადასხვა ტიპის სიების თვითნებური ბუდეების საშუალებას, მაგრამ სიფრთხილეა საჭირო მათი ორგანიზებისას.
ქვემოთ მოცემულია დოკუმენტის HTML კოდი ჩადგმული სიებით, რომლის ჩვენება ნაჩვენებია ნახ. 2.6. ამ მაგალითში, ბურთულებიანი სიის თითოეული ელემენტი შეიცავს საკუთარ დანომრილ სიას.
ჩადგმული სიის მაგალითი ზოგიერთი პლანეტის თანამგზავრები
- , ბლოკის დონის ელემენტები შეიძლება განთავსდეს. კერძოდ, აქედან გამომდინარეობს, რომ განმარტებების სიები შეიძლება იყოს ჩასმული.
-
პჩანაწერის მაგალითი:
- .
- .
ეს ჩანაწერი განსაზღვრავს სიის ნუმერაციას, რომელიც იწყება დიდი ლათინური ასოებით "E". ნუმერაციის სხვა ტიპებისთვის, ჩანაწერი START=5 დაადგენს ნუმერაციას, შესაბამისად, რიცხვიდან "5", რომაული რიცხვიდან "V" და ა.შ.
სიის ნუმერაციის ტიპისა და ნომრის მნიშვნელობების შეცვლა შესაძლებელია სიის ნებისმიერი ელემენტისთვის. მონიშნეთ
- დანომრილი სიებისთვის, საშუალებას გაძლევთ გამოიყენოთ TYPE და VALUE პარამეტრები. TYPE პარამეტრს შეუძლია მიიღოს იგივე მნიშვნელობები, რაც ტეგისთვის
COMPACT პარამეტრს აქვს იგივე მნიშვნელობა, რაც ბურთულა სიებს. TYPE პარამეტრი გამოიყენება სიის ნუმერაციის ტიპის დასადგენად. შეუძლია მიიღოს შემდეგი მნიშვნელობები:
TYPE = A - აყენებს მარკერებს დიდი ლათინური ასოების სახით;
TYPE = a - აყენებს მარკერებს მცირე ლათინური ასოების სახით;
TYPE = I - აყენებს მარკერებს დიდი რომაული ციფრების სახით;
TYPE = i - ადგენს მარკერებს მცირე რომაული ციფრების სახით;
TYPE = 1 - აყენებს მარკერებს არაბული ციფრების სახით.
ნაგულისხმევი მნიშვნელობა ყოველთვის არის TYPE = 1, ანუ ნუმერაცია არაბული ციფრების გამოყენებით. ეს ასევე ეხება ჩადგმულ დანომრილ სიებს. აქ, ბურთულირებული სიებისგან განსხვავებით, ბრაუზერები ნაგულისხმევად არ განასხვავებენ ნუმერაციას სიების ბუდობის სხვადასხვა დონეზე. გაითვალისწინეთ, რომ სიის ელემენტის ნომრის შემდეგ ყოველთვის არის დამატებითი "წერტილი" ნიშანი.
TYPE პარამეტრი იგივე მნიშვნელობებით შეიძლება გამოყენებულ იქნას სიის ცალკეული ელემენტების ნუმერაციის სტილის დასაზუსტებლად. ამისათვის TYPE პარამეტრი შესაბამისი მნიშვნელობით დაშვებულია სიის ელემენტის ტეგში მითითებული
სიები ამ ტიპისჩვეულებრივ წარმოადგენს ცალკეული ელემენტების მოწესრიგებულ თანმიმდევრობას. პუნქტიანი სიებისგან განსხვავება ისაა, რომ დანომრილ სიაში თითოეულ ელემენტს ავტომატურად წინ უძღვის სერიული ნომერი. ნუმერაციის ტიპი დამოკიდებულია ბრაუზერზე და შეიძლება დაყენდეს სიის ტეგების პარამეტრებით. წინააღმდეგ შემთხვევაში, დანომრილი სიების დანერგვა ძალიან ჰგავს პუნქტიანი სიების განხორციელებას.
ტეგები
- და
დანომრილი სიის შესაქმნელად, თქვენ უნდა გამოიყენოთ კონტეინერის ტეგი, რომელშიც განთავსებულია სიის ყველა ელემენტი. სიის გახსნისა და დახურვის ტეგები უზრუნველყოფს ხაზების წყვეტას სიის წინ და შემდეგ, რითაც გამოყოფს სიას დოკუმენტის ძირითადი შინაარსისგან.
ისევე როგორც ბურთულებიანი სიის შემთხვევაში, დანომრილი სიის თითოეული ელემენტი უნდა დაიწყოს ტეგით
- , რომელიც მიუთითებს სიის ცალკეულ ელემენტებზე, უზრუნველყოფს სიის ელემენტის სტანდარტულ მარკერებს.
COMPACT პარამეტრი იწერება მნიშვნელობის გარეშე და გამოიყენება ბრაუზერისთვის მისანიშნად, რომ მოცემული სია უნდა იყოს ნაჩვენები კომპაქტური სახით. მაგალითად, შეიძლება შემცირდეს შრიფტი ან მანძილი სიის ხაზებს შორის და ა.შ.
შენიშვნა
ამჟამად, ტეგში COMPACT პარამეტრის არსებობა
- არანაირად არ მოქმედებს წამყვან ბრაუზერებში სიების ჩვენებაზე. ამიტომ ამ პარამეტრის გამოყენება უაზროა, მით უმეტეს, რომ მისი გამოყენება არ არის რეკომენდებული HTML 4.0 სპეციფიკაციით.
TYPE პარამეტრს შეუძლია მიიღოს შემდეგი მნიშვნელობები: დისკი, წრე და კვადრატი. ეს პარამეტრი გამოიყენება სიის პუნქტების გარეგნობის იძულებისთვის. მარკერის ზუსტი ტიპი დამოკიდებული იქნება ბრაუზერზე, რომელსაც იყენებთ. ჩვენების ტიპიური პარამეტრები შემდეგია:
TYPE = დისკი - მარკერები ნაჩვენებია შევსებული წრეების სახით; TYPE = წრე - მარკერები ნაჩვენებია ღია წრეების სახით; TYPE = კვადრატი - მარკერები ნაჩვენებია შევსებული კვადრატების სახით. ჩანაწერის მაგალითი:
-
.
ნაგულისხმევი მნიშვნელობა არის TYPE = დისკი. ბურთულიანი სიებისთვის ნაგულისხმევი მნიშვნელობა არის დისკი პირველ დონეზე, წრე მეორე დონეზე, კვადრატი მესამე დონეზე და მის ფარგლებს გარეთ. ეს არის ზუსტად ის, რაც კეთდება მასში უახლესი ვერსიები Netscape ბრაუზერები და Internet Explorer. გთხოვთ, გაითვალისწინოთ, რომ სხვა ბრაუზერებმა შეიძლება განსხვავებულად აჩვენონ მარკერები. მაგალითად, HTML 4.0 სპეციფიკაციაში, მარკერის ტიპი, რომელიც ნაჩვენებია, როდესაც TYPE = კვადრატი მითითებულია, როგორც კვადრატული მონახაზი.
TYPE პარამეტრი იგივე მნიშვნელობებით შეიძლება გამოყენებულ იქნას სიის ცალკეული ელემენტების მარკერების ტიპის დასადგენად. ამისათვის TYPE პარამეტრი შესაბამისი მნიშვნელობით დაშვებულია სიის ელემენტის ტეგში მითითებული
- .
- ,
- ,
- , რომლის დახმარებითაც ამ ტიპის სიები ორგანიზებულია HTML დოკუმენტებში (UL - Unordered List, unordered list).
ბურთულებით ჩამოთვლილ სიაში სპეციალური სიმბოლოები, სახელწოდებით სიის მარკერები, გამოიყენება მისი ელემენტების ხაზგასასმელად (მათ ხშირად უწოდებენ bullets, რაც არის ინგლისური ტერმინის bullet-ის ოფიციალური გამოთქმა). სიის მარკერების გარეგნობას განსაზღვრავს ბრაუზერი, ხოლო წყობილი სიების შექმნისას ბრაუზერები ავტომატურად ახდენენ მარკერების გარეგნობის დივერსიფიკაციას სხვადასხვა ბუდე დონეზე.
ტეგები და<LI >
ბურთულიანი სიის შესაქმნელად, თქვენ უნდა გამოიყენოთ კონტეინერის ტეგი, რომლის შიგნით მდებარეობს სიის ყველა ელემენტი. სიის გახსნის და დახურვის ტეგები უზრუნველყოფს ხაზების წყვეტას სიის წინ და მის შემდეგ, რითაც გამოყოფს სიას დოკუმენტის ძირითადი შინაარსისგან, ამიტომ აქ არ არის საჭირო აბზაცის ტეგების გამოყენება.
.
სიის თითოეული ელემენტი უნდა დაიწყოს ტეგით