< Return to Video

HTML(ჰიპერ ტექსტის მარკირებული ენა) ცხრილები

  • 0:00 - 0:03
    ეს ვებგვერდი ჩემს შინაურ ცხოველებზე გავაკეთე,
  • 0:03 - 0:04
    აქ მათი სახელების ჩამონათვალია.
  • 0:04 - 0:07
    რა გაკვირვებთ, როცა მათ სახელებს უყურებთ?
  • 0:07 - 0:11
    მე ცხოველებს Black & White(შავი და თეთრი),
    Daemon(დემონი) და Angel(ანგელოზი) დავარქვი.
  • 0:11 - 0:13
    მაგრამ როგორები იყვნენ ისინი?
  • 0:13 - 0:15
    რა ფერის?
  • 0:15 - 0:16
    რამდენი წლის?
  • 0:16 - 0:18
    მე, ალბათ, მეტი ინფორმაცია უნდა მოგცეთ
  • 0:18 - 0:21
    ჩამოთვლილ ცხოველებზე, რათა პასუხი
    გაეცეს თქვენს შეკითხვებს.
  • 0:21 - 0:23
    შემიძლია დავწერო ესენი სიაში,
  • 0:23 - 0:27
    ან, იცით, შეიძლება ჩავწერო ინფორმაცია
    ფრჩხილებში--
  • 0:27 - 0:30
    ასე, გაიგებთ, რომ Black & White კურდღლის
    სახელია,
  • 0:30 - 0:32
    Demon კატაა.
  • 0:32 - 0:34
    Angel-იც კატაა.
  • 0:34 - 0:37
    მაგრამ, მაინც არ მომწონს ასე,
    თითქოს უწესრიგობაა,
  • 0:37 - 0:41
    და მე არ შემიძლია მარტივად გადავათვალიერო
    ვნახო ყველა სახეობა
  • 0:41 - 0:43
    ერთ მშვენივრად განლაგებულ სიაში.
  • 0:43 - 0:47
    ეს, ფაქტობრივად, მშვენიერი შესაძლებლობაა
    ცხრილის გამოყენების,
  • 0:47 - 0:49
    ცალკე სტრიქონით თითოეული ცხოველისთვის.
  • 0:49 - 0:52
    და სვეტით _ მათ შესახებ იმ თითოეული
    განსაზღვრებით
  • 0:52 - 0:54
    რომელზეც მინდა გითხრათ.
  • 0:54 - 0:58
    იმისთვის, რომ HTML-ში ცხრილები გავაკეთოთ,
    ჩვენ ძალიან ბევრი თეგი დაგვჭირდება.
  • 0:58 - 1:00
    ასე რომ, გამხნევდით!
  • 1:00 - 1:03
    და არ იდარდო, თუ ყველა ამ თეგს
    ვერ დაიმახსოვრებთ.
  • 1:03 - 1:04
    რადგან, თქვენ ყოველთვის შეგეძლებათ
    გადახედოთ მათ.
  • 1:04 - 1:07
    მე ათი წელი დამჭირდა ყველა ამ თეგის
    დასამახსოვრებლად.
  • 1:07 - 1:09
    და მე პროფესიონალი ვარ.
  • 1:09 - 1:10
    კარგი, მოემზადეთ!
  • 1:10 - 1:15
    პირველი თეგი არის ``(ცხრილი).
  • 1:15 - 1:20
    შემდეგ, ჩვენ გვჭირდება სათაურის სივრცე
    ცხრილისთვის,რომელშიც თითოეული სვეტის სახელი იქნება
  • 1:20 - 1:23
    ჩვენ ვწერთ- ``.
  • 1:23 - 1:28
    ამ თეგში, ჩვენ, ჩვეულებრივ, გვინდა
    სტრიქონი სათაურების უჯრებისთვის.
  • 1:28 - 1:32
    ყოველთვის, როცა ჩვენ ვწერთ სტრიქონს ცხრილში,
    ვიყენებთ `` თეგს.
  • 1:32 - 1:35
    სტრიქონში, ჩვენ სათაურების უჯრები გვინდა.
  • 1:35 - 1:42
    მხოლოდ ერთი სათაურის უჯრისთვის,
    ჩვენ ვწერთ ``-ს.
  • 1:42 - 1:45
    კარგი, რა იქნება პირველი სვეტის სათაური?
  • 1:45 - 1:49
    ეს იქნება ცხოველების სახელები, რადგან ეს
    ყველაზე მნიშვნელოვანი თვისებაა სტრიქონში.
  • 1:49 - 1:51
    და გვჭირდება იდენტიფიკატორიც ამისთვის.
  • 1:51 - 1:55
    ახლა მოდი დავამატოთ სვეტი სხვა
    მახასიათებლისთვის.
  • 1:55 - 1:59
    და ბოლოს, დავამატოთ სვეტი ფერებისთვის.
  • 1:59 - 2:02
    ვფიქრობ, საკმარისი სვეტებია ამ დროისთვის.
  • 2:02 - 2:04
    დავამატოთ მონაცემები.
  • 2:04 - 2:06
    ჩვენ ვიწყებთ მონაცემების სტრიქონით
  • 2:06 - 2:09
    ` რომელიც ``-ის ქვემოთაა.
  • 2:09 - 2:12
    და კიდევ ერთხელ, გვინდა სტრიქონი,
  • 2:12 - 2:14
    ამიტომ უნდა გამოვიყენოთ ეს `` თეგი.
  • 2:14 - 2:17
    მაგრამ, აქ, ``-ს ნაცვლად,
  • 2:17 - 2:20
    ჩვენ ვიყენებთ ``-ს, რადგან ჩვენ
    შინაარსში ვართ.
  • 2:20 - 2:23
    ჩვენ ვამბობთ ``-ს, ვგულისხმობ
    -ცხრილური მონაცემებს,
  • 2:23 - 2:26
    და რა უნდა ჩავსვათ ცხრილის პირველი
    სტრიქონის
  • 2:26 - 2:28
    პირველ უჯრაში?
  • 2:28 - 2:30
    მაშ ასე, მე უბრალოდ უნდა გადავხედო
    ჩემს ჩამონათვალს,
  • 2:30 - 2:34
    პირველი, რაც ჩემს სიაში წერია, არის
    Black & white,
  • 2:34 - 2:36
    და ეს შინაური ცხოველის სახელია,
  • 2:36 - 2:40
    ასე რომ, მე უბრალოდ დავწერ, "Black & white".
  • 2:40 - 2:42
    ახლა, მეორე ``.
  • 2:42 - 2:47
    ჩვენ ვხედავთ, რომ მეორე ``
    იყო სახეობა.
  • 2:47 - 2:50
    ხოლო Black & white კურდღელია.
  • 2:50 - 2:52
    ასე რომ, ჩვენ ვწერთ "rabbit" (კურდღელი).
  • 2:52 - 2:55
    და ბოლოს, მესამე ``.
  • 2:55 - 2:58
    ჩვენ ვხედავთ, რომ, მესამე ``
    იყო ფერი.
  • 2:58 - 3:00
    ასე რომ, ეს`` იქნება,
  • 3:00 - 3:04
    ნუ, მე არ ვარ ვყოფილვარ შემოქმედებითი
    ბავშვი, რადგან კურდღელს ეს სახელი დავარქვი.
  • 3:04 - 3:08
    თქვენ, ალბათ, გამოიცანით ფერები.
  • 3:08 - 3:11
    კარგი, მოდი გადავიდეთ მომდევნო სტრიქონზე.
  • 3:11 - 3:13
    ახლა, მე თქვენ პატარა
    ეშმაკობას გასწავლით.
  • 3:13 - 3:16
    პირველი სტრიქონის გაკეთების შემდეგ,
  • 3:16 - 3:17
    მე ავარჩიე ისევ პირველივე სტრიქონი,
  • 3:17 - 3:19
    და გავაკეთე კოპირება კომპიუტერის კლავიშების
    გამოყენებით,
  • 3:19 - 3:23
    კლავიშთა კომბინაცია კი,ჩვეულებრივ,ასეთია
    control-C ან command-C
  • 3:23 - 3:25
    გააჩნია რა ოპერატიული სისტემა გაქვთ.
  • 3:25 - 3:29
    და შემდეგ, მე გავაკეთებ კოპირებას,
    ასევე კლავიატურის გამოყენებით.
  • 3:29 - 3:31
    ჩვეულებრივ, ვიყენებ control-V ან
    command-V-ს
  • 3:31 - 3:33
    ესეც ოპერატიულ სისტემაზეა დამოკიდებული.
  • 3:33 - 3:37
    და ახლა, როცა მე უკვე გავაკეთე კოპირება,
    უბრალოდ შევცვლი მნიშვნელობებს.
  • 3:37 - 3:42
    ეს იქნება Daemon (დემონი), cat(კატა), და
    ( black)შავი.
  • 3:42 - 3:44
    და მე კიდევ ერთხელ გავაკეთებ ამას,
  • 3:44 - 3:53
    და ჩავწერ, Angel (ანგელოზი), cat (კატა),
    და orange (ნარინჯისფერი).
  • 3:53 - 3:56
    კარგი, ნამდვილად მოსაწყენია
  • 3:56 - 3:59
    ამ ``-ების და ``-ების წერა და წერა,
  • 3:59 - 4:03
    ასე რომ, ამ კოპირების ხერხით
    ამას ნაკლებად მოსაწყენს ვხდით.
  • 4:03 - 4:06
    და ჩვენ აქ უკვე გვაქვს ცხრილი.
  • 4:06 - 4:08
    მე შემეძლო მარტივად დამემატებია კიდევ
    სვეტები
  • 4:08 - 4:11
    უბრალოდ თავში ერთი ``-სა
  • 4:11 - 4:13
    და შემდეგ თითოეულ სტრიქონში``-ს
    დამატებით,
  • 4:13 - 4:16
    თუკი მეტი დეტალის გაზიარება მომინდებოდა
    თქვენთვის ჩემს ცხოველებზე.
  • 4:16 - 4:20
    და თქვენ შეიძლება გიკვირთ, როგორ შეგიძლიათ
    შეცვალოთ ამ ცხრილის ფორმა,
  • 4:20 - 4:22
    მაგალითად, ჩარჩოები, ფერები და შუალედები.
  • 4:22 - 4:25
    თქვენ ამ ყველაფრის გაკეთება
    CSS (სტილის კასკადური ცხრილი)თვისებებითაც შეგიძლიათ,
  • 4:25 - 4:28
    რომლებიც, თქვენ შეიძლება უკვე ისწავლეთ,
    ან მალე ისწავლით.
  • 4:28 - 4:31
    ახლა, სცადეთ ამ ვებგვერდის შეცვლა,
    შეიყვანეთ თქვენი საკუთარი ცხოველების მონაცემები
  • 4:31 - 4:33
    ან იმ ცხოველებისა, რომელთა ყოლაც გინდათ.
  • 4:33 - 4:35
    გააკეთეთ ეს ცხრილი!
Title:
HTML(ჰიპერ ტექსტის მარკირებული ენა) ცხრილები
Video Language:
English
Duration:
04:36
Mari Telia edited Georgian subtitles for HTML tables
Mari Telia edited Georgian subtitles for HTML tables
Mari Telia edited Georgian subtitles for HTML tables

Georgian subtitles

Revisions