Return to Video

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

  • 0:00 - 0:03
    თქვენ უკვე ისწავლეთ რამდენიმე
    HTML-ის თეგი.
  • 0:03 - 0:05
    მაგრამ, იცით თავად HTML როგორ
    იშიფრება?
  • 0:05 - 0:09
    HyperText Markup Language.
    (ჰიპერ ტექსტის მარკირებული ენა).
  • 0:11 - 0:14
    ეს არის თეგების მიხედვით
    შინაარსის განსაზღვა.
  • 0:14 - 0:17
    მაგრამ, რას ნიშნავს თავად
    hypertext?
  • 0:17 - 0:20
    ეს ფრაზა ჯერ კიდევ ინტერნეტის
    არსებობამდე გამოიგონეს
  • 0:20 - 0:24
    1960-იან წლებში, და ნიშნავს ტექსტს,
    რომელიც სხვა ტექსტებთანაა დაკავშირებული
  • 0:24 - 0:26
    რომლებზეც მკითხველს მაშინვე
    შეუძლია გადასვლა.
  • 0:26 - 0:30
    HTML თიმ ბერნერს-ლი-მ გამოიგონა,
  • 0:30 - 0:33
    ინტერნეტის სხვა ელემენტებთან,მაგალითად,
    HTTP(ჰიპერტექსტის გადასაგზავნი პროტოკოლი)თან ერთად,
  • 0:33 - 0:35
    რათა ყოფილიყო ტექტის სხვა ტექსტთან
    დაკავშირების გზა
  • 0:35 - 0:37
    მნიშვნელობა არ აქვს სად იქნებოდა ის.
  • 0:37 - 0:39
    როგორ დავუკავშირდეთ ვებგვერდებს
  • 0:39 - 0:41
    ჰიპერტექსტის მარკირებული ენის გამოყენებით?
  • 0:41 - 0:43
    რა თქმა უნდა, hyperlink-ით!
  • 0:43 - 0:46
    რომელსაც ახლა უბრალოდ ბმულს ვეძახით.
  • 0:46 - 0:49
    როგორ გავაკეთოთ ბმული HTML-ში?
  • 0:49 - 0:50
    ეს ცოტა უცნაურია.
  • 0:50 - 0:53
    შეიძლება ფიქრობთ რომ ჩვენ შეგვიძლია
    გამოვიყენოთ `link` (ბმული) თეგი...
  • 0:53 - 0:58
    მაგრამ რეალურად, ეს სხვა ტიპის ბმულებისთვის
    გამოიყენება HTML-ში.
  • 0:58 - 1:03
    ამის ნაცვლად, ჩვენ ვიყენებთ "a" თეგს,
    სადაც "a" ნიშნავს "anchor"-ს (ღუზა)
  • 1:03 - 1:06
    ეს თითქოს უშვებს ბმულს
    გვერდზე განსაზღვრულ ადგილას
  • 1:06 - 1:09
    და აკავშირებს ამ ღუზას
    სხვა ვებგვერდთან.
  • 1:09 - 1:12
    ბმულის გასაკეთებლად, იცით
    რომ თეგი უნდა დავწეროთ,
  • 1:12 - 1:15
    მაგრამ ჩვენ ასევე უნდა ავარჩიოთ
    ბმულის ტექსტი,
  • 1:15 - 1:17
    შემდეგ კი მისამართი, რომელსაც
    ებმის.
  • 1:17 - 1:24
    მოდით, გავაკეთოთ ბმული გვერდისთვის,
    რომელზეც ინტერნეტის დაბადებაზეა ინფორმაცია.
  • 1:24 - 1:30
    ბმულის ტექსტი საწყის და დამასრულებელ
    თეგებს შორის იქნება.
  • 1:30 - 1:32
    მე აქ მივიყვან კურსორს
    და დავწერ,
  • 1:32 - 1:37
    "Read more about the history of HTML"
    ( HTML-ის ისტორიაზე მეტის წაკითხვა).
  • 1:37 - 1:41
    ახლა ვხედავთ, რომ ტექსტი ბმულის მსგავსად
    გამოიყურება.
  • 1:41 - 1:44
    მაგრამ ის ჯერ ვერ იმუშავებს ,
    ჩვენ მისამართიც უნდა დავამატოთ.
  • 1:44 - 1:47
    ჩვენ არ გვსურს, მისამართი ჩანდეს
    გვერდზე,
  • 1:47 - 1:50
    მაგრამ, ჩვენ გვინდა ბრაუზერმა
    იცოდეს ამის შესახებ.
  • 1:50 - 1:53
    ამიტომ ჩვენ მას თეგის ატრიბუტში
    ვწერთ.
  • 1:53 - 1:57
    ეს href ატრიბუტია.
  • 1:57 - 2:00
    რას ნიშნავს "href"?
  • 2:00 - 2:03
    მინიშნებას მოგცემთ:
    თქვენ ეს "h" ბევრჯერ გინახავთ.
  • 2:03 - 2:06
    ის ნიშნავს "hyper"-ს
    hyper-მიმართებას.
  • 2:06 - 2:12
    ახლა, მე ჩავწერ მისამართს,
    რასაც ჩვენ URL-საც ვეძახით.
  • 2:12 - 2:16
    დააკვირდით, რომ ეს URL
    "http:"-თი იწყება?
  • 2:16 - 2:19
    აბა გამოიცანით რა არის აქ "h"?
    Hyper!
  • 2:19 - 2:21
    HTML-ში ყველაფერი hyper-ზეა.
  • 2:22 - 2:26
    URL -ში დეტალურადაა ყველაფერი, რაც
    ბრაუზერს ვებგვერდის მოსაძებნად სჭირდება:
  • 2:26 - 2:28
    პროტოკოლი, რომელიც
    მოსაძებნადაა გამოყენებული,
  • 2:28 - 2:30
    დომენი,
  • 2:30 - 2:34
    და გზა, მის სერვერზე საპოვნელად.
  • 2:34 - 2:39
    რადგან მასში ყველაფერია განსაზღვრული,
    ჩვენ მას "absolute URL"-ს ვუწოდებთ.
  • 2:39 - 2:43
    ზოგ ვებგვერდზე, თქვენ შეიძლება დაინახოთ
    URL-ები,
    რომლებიც იწყება მხოლოდ დახრილი ხაზით და გზით.
  • 2:44 - 2:46
    ეს ბრაუზერს ანიშნებს დარჩეს იგივე დომენზე
  • 2:46 - 2:49
    და უბრალოდ მოძებნოს განსხვავებული გზა.
  • 2:49 - 2:51
    ამას "relative URL" ჰქვია.
  • 2:51 - 2:54
    ჩვენ მას ხანის აკადემიაში ვიყენებთ, როცა
    რესურსებს ვაერთებთ.
  • 2:54 - 2:58
    გვერდებზე, რომლებსაც თავად ქმნით,
    თქვენ "Absolute URL"-ებ უნდა ჩასვათ,
  • 2:58 - 2:59
    რადგან ეს უფრო უსაფრთხოა.
  • 2:59 - 3:02
    ჩვენ აგრეთვე შეგვიძლია მივუთითოთ ბრაუზერს
    სად გაგვიხსნას გვერდი:
  • 3:02 - 3:05
    იგივე ფანჯარაში, თუ ახალში.
  • 3:05 - 3:07
    იმისთვის, რომ ბრაუზერმა ბმული ახალ
    ფანჯარაში გახსნას,
  • 3:07 - 3:11
    ჩვენ ვამატებთ სხვა ატრიბუტს, მიზანს.
  • 3:11 - 3:15
    `target="_blank"`
  • 3:15 - 3:19
    ახლა, მე მინდა დააპაუზოთ ვიდეო
    და სცადოთ დააწკაპუნოთ ბმულზე.
  • 3:19 - 3:23
    მიდით, მე დაგელოდებით,
    დააჭირეთ!
  • 3:23 - 3:24
    რა მოხდა?
  • 3:24 - 3:26
    თქვენ ალბათ დაინახეთ
    შეტყობინება
  • 3:26 - 3:28
    იმის შესახებ, რომ ბმული მომხმარებლის
    შექმნილი ვებგვერდიდანაა.
  • 3:28 - 3:31
    და შემდეგ თუ თქვენ დააწვებით "OK",
    ის გაიხსნება.
  • 3:31 - 3:33
    ეს იმიტომაა, რომ ბმულები
  • 3:33 - 3:34
    ამ ვებგვერდებზე განსხვავებულადაა.
  • 3:34 - 3:38
    რადგან ჩვენ არ გვსურს მომხმარებლებმა
    იფიქრონ,რომ ბმულები სპეციალურადაა
  • 3:38 - 3:41
    რეკომენდებული ხანის აკადემიის მიერ და შემდეგ
    გადავიდნენ მოულოდნელ,საზარელ ვებგვერდზე.
  • 3:41 - 3:44
    ასე რომ, თითოეული ბმულს, რომელსაც
    თქვენ აქ აკეთებეთ,ექნება გაფრთხილება,
  • 3:44 - 3:46
    და თითოეული ლინკი გაიხსნება
    ახლა ფანჯარაში.
  • 3:46 - 3:50
    ეს ნიშნავს, რომ მე შემიძლია რეალურად
    წავშალო ეს მიზნის ატრიბუტი,
  • 3:50 - 3:53
    რადგან ის ყველა შემთხვევაში მუშაობს.
  • 3:53 - 3:54
    ან, მე შემიძლია დავტოვო ის,
  • 3:54 - 3:58
    მაშინ, როცა მინდა გადავიყვანო ეს HTML
    ხანის აკადემიაზე

  • 3:58 - 4:01
    და დავრწმუნდე რომ ბმული ისევ
    ახალ ფანჯარაში იხსნება.
  • 4:01 - 4:03
    როდისაა კარგი target-ის გამოყენება?
  • 4:03 - 4:06
    ზოგადად, როცა ბმული გადადის იგივე
    დომენის სხვა გვერდზე
  • 4:06 - 4:08
    ის უნდა გაიხსნას იგივე ფანჯარაში.
  • 4:08 - 4:12
    და თუ ის გადადის სხვა დომენის გვერდზე,
    მაშინ ახალ ფანჯარაში.
  • 4:12 - 4:14
    გვეყო ლაპარაკი,
  • 4:14 - 4:17
    მოდი სხვა რამეს გაჩვენებთ ბმულებთან
    დაკავშირებით.
  • 4:17 - 4:19
    ჩვენ შეგვიძლია ჩავწეროთ
    არა მხოლოდ ტექსტი,
  • 4:19 - 4:22
    არამედ სურათებიც, ან ორივე ერთად!
  • 4:22 - 4:27
    აქ, ჩვენ გვაქვს ეს სურათი, რომელზეც
    თიმ ბერნერს-ლია.
  • 4:27 - 4:30
    მე მინდა ამოვჭრა ის...
  • 4:30 - 4:34
    და ჩავსვა ბმულში აქ.
  • 4:34 - 4:36
    ოჰ! მშვენიერია.
  • 4:36 - 4:39
    ახლა, თუ კურსორს ამ სურათზე მივმართავ,
  • 4:39 - 4:41
    ვნახავ, რომ ის რაღაცას მაჩვენებს,
  • 4:41 - 4:44
    და მასზე დაკლიკებით
    გადავალთ CERN-ის ვებგვერდზე.
  • 4:44 - 4:47
    ფაქტობრვად, თქვენ შეგიძლიათ
    ჩასვათ მთელი თქვენი ვებგვერდი
  • 4:47 - 4:50
    და გახადოთ ის დიდი, ცისფერი
    ხაზგასმული.
  • 4:50 - 4:57
    მაგრამ, გთხოვთ არ გააკეთოთ ეს!
    ბმული სიყვარულით, მეგობრებო!
Title:
HTML (ჰიპერტექსტის მარკირებული ენა) ბმულები
Video Language:
English
Duration:
04:57
Mari Telia edited Georgian subtitles for HTML links
Mari Telia edited Georgian subtitles for HTML links
Mari Telia edited Georgian subtitles for HTML links
Mari Telia edited Georgian subtitles for HTML links

Georgian subtitles

Revisions

Our website uses cookies for analysis purposes.