1
00:00:00,000 --> 00:00:06,100

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: ასე გავატარეთ
ამაზე თუ ჩემი მათემატიკის უფლება,

3
00:00:08,790 --> 00:00:11,900
და მე ვფიქრობ, რომ ეძებს back-- ვფიქრობ,
ჩვენ დაახლოებით 35 ვიდეო საუბარი

4
00:00:11,900 --> 00:00:15,139
სხვადასხვა ასპექტები C, შესაძლოა,
ცოტა მეტი, იქნებ ცოტა ნაკლები.

5
00:00:15,139 --> 00:00:16,930
და ჩვენ არ დაფარავს
ყველაფერი C, მაგრამ ჩვენ

6
00:00:16,930 --> 00:00:21,170
დაფარული დიდი ბლოკი
ენის, უმრავლესობის ეს,

7
00:00:21,170 --> 00:00:22,882
რა თქმა უნდა, საერთო მიზნებისათვის.

8
00:00:22,882 --> 00:00:25,090
ახლა ჩვენ ვაპირებთ, რომ გაიგო
შესახებ სხვა ენაზე, HTML.

9
00:00:25,090 --> 00:00:28,180
და ჩვენ ვაპირებთ დაფარავს
მას მხოლოდ ერთი ვიდეო.

10
00:00:28,180 --> 00:00:29,340
>> მაგრამ ეს იქნება OK.

11
00:00:29,340 --> 00:00:31,410
რომ აპირებს რეალურად გახდეს
რაღაც თქვენ აპირებს შეეგუოს.

12
00:00:31,410 --> 00:00:33,535
ახლა, რომ თქვენ გაქვთ
საფუძვლები ერთ ენაზე,

13
00:00:33,535 --> 00:00:35,776
ეს, ფაქტობრივად, საკმაოდ ადვილი
დაიწყოს სწავლის სხვები.

14
00:00:35,776 --> 00:00:37,650
ასე რომ, ჩვენ ვაპირებთ დავიწყოთ
დახევას ცოტა უკან

15
00:00:37,650 --> 00:00:43,340
და სიპრიალის ძირითადი
განსხვავებები ამ ენებზე

16
00:00:43,340 --> 00:00:45,750
და ერთგვარი დატოვებს თქვენ მას.

17
00:00:45,750 --> 00:00:48,530
არსებობს ბევრი მართლაც დიდი
რესურსები ინტერნეტში, რომელიც

18
00:00:48,530 --> 00:00:51,279
ჩვენ ვაპირებთ, რომ დაიწყოს თქვენ
მიმართ, რადგან ინტერნეტში

19
00:00:51,279 --> 00:00:53,340
დიდი საცავი ინფორმაცია.

20
00:00:53,340 --> 00:00:55,960
ასე რომ, ეს იმას არ ნიშნავს, თქვენ
იყოს დაკარგვის აუცილებლად

21
00:00:55,960 --> 00:00:58,349
არ მქონე ინფორმაცია
დაფარული ვიდეო.

22
00:00:58,349 --> 00:01:00,640
თქვენ კვლავ შეძლებთ მიიღოთ
ყველაფერი გჭირდებათ და გამოყენება

23
00:01:00,640 --> 00:01:03,590
ცოდნის თქვენ უკვე
აშენებულ გაგება C

24
00:01:03,590 --> 00:01:07,130
რათა სასწავლო მრუდი ეს
სხვა ენებზე რეალურად ბევრი flatter.

25
00:01:07,130 --> 00:01:08,640
მე გპირდებით.

26
00:01:08,640 --> 00:01:12,770
>> მაგრამ მოდით ვისაუბროთ ერთ ენაზე
რომ მართლაც ფუნდამენტური ყველა ვებ

27
00:01:12,770 --> 00:01:14,830
გვერდი, რომელიც არის HTML.

28
00:01:14,830 --> 00:01:18,230
HTML არის Hyper Text Markup Language.

29
00:01:18,230 --> 00:01:22,700
HTML არის ენა, მაგრამ ეს
არ არის პროგრამირების ენა.

30
00:01:22,700 --> 00:01:23,900
>> HTML არ აქვს ცვლადი.

31
00:01:23,900 --> 00:01:26,430
მას არ აქვს ლოგიკა ან
ფუნქცია ან რამე მსგავსი.

32
00:01:26,430 --> 00:01:30,301
ჩვენ არ შეგვიძლია გავაკეთოთ ნებისმიერი
პროგრამირების თავისთავად HTML.

33
00:01:30,301 --> 00:01:32,300
ზოგჯერ თქვენ მოისმენს
ადამიანი აღწერს თავს

34
00:01:32,300 --> 00:01:35,710
როგორც HTML პროგრამისტების, რომელიც
არ არის მთლიანად ზუსტი.

35
00:01:35,710 --> 00:01:37,980
ჩვენ ვერ წერენ HTML პროგრამებს.

36
00:01:37,980 --> 00:01:40,770
>> HTML მხოლოდ აღსანიშნავად up ტექსტი.

37
00:01:40,770 --> 00:01:42,690
ეს ე.წ. ენა.

38
00:01:42,690 --> 00:01:47,680
და რა ეს იმას ამ markup--
ჩვენ ვიყენებთ tags HTML და ამ tags--

39
00:01:47,680 --> 00:01:51,600
ამ markup-- სემანტიკურად
განსაზღვრავს სტრუქტურა გვერდი

40
00:01:51,600 --> 00:01:55,280
და იწვევს ძირითადი ტექსტი, რომელიც
შორის არსებობს tags უნდა განიმარტოს

41
00:01:55,280 --> 00:01:57,320
ბრაუზერები სხვადასხვა გზები.

42
00:01:57,320 --> 00:02:00,370
და, ალბათ, ეს საუკეთესო ახსნას
ამ გზით ილუსტრაცია.

43
00:02:00,370 --> 00:02:06,450
>> აქ არის ძალიან მარტივი HTML გვერდი, არ
HTML- ის პროგრამა, კიდევ ერთხელ, HTML გვერდი.

44
00:02:06,450 --> 00:02:08,680
და ჩვენ ვიცით, რომ ეს
HTML გვერდი იმიტომ, რომ ჩვენ

45
00:02:08,680 --> 00:02:11,480
ესაზღვრება ყველაფერი HTML tags.

46
00:02:11,480 --> 00:02:13,850
ასე რომ, ეს არის ის, რაც არის HTML tag ჰგავს.

47
00:02:13,850 --> 00:02:15,870
ეს შორის კუთხე ფრჩხილებში.

48
00:02:15,870 --> 00:02:18,570
და შენიშნავს, ზედა ჩვენ
HTML და ძალიან ბოლოში,

49
00:02:18,570 --> 00:02:21,400
მას შემდეგ, რაც ჩვენ გავაკეთეთ, რა არის
როგორც ჩანს, ბევრი სხვა HTML,

50
00:02:21,400 --> 00:02:24,310
ჩვენ კუთხური ფრჩხილი slash HTML.

51
00:02:24,310 --> 00:02:29,262
ასე რომ ერთგვარი საზღვრის
შორის, რა არის HTML და რა არ არის.

52
00:02:29,262 --> 00:02:32,220
და რა თქმა უნდა, პირობითად, უბრალოდ
როგორც თქვენ დაწერა ყველა თქვენი C პროგრამებს

53
00:02:32,220 --> 00:02:35,300
ერთად dot C გაგრძელება,
ყველა თქვენი HTML ფაილი

54
00:02:35,300 --> 00:02:37,909
დასრულდება dot HTML გაგრძელება.

55
00:02:37,909 --> 00:02:39,200
მაგრამ იქ უფრო ხდება აქ.

56
00:02:39,200 --> 00:02:40,658
ჩვენ არა მხოლოდ უნდა ამ HTML tags.

57
00:02:40,658 --> 00:02:44,010
ჩვენ აშკარად აქვს ამ
რამ მოუწოდა ხელმძღვანელი ტეგით.

58
00:02:44,010 --> 00:02:46,010
ასევე, OK, რა არის ეს?

59
00:02:46,010 --> 00:02:48,550
>> ისე იქნებ ეს საუკეთესო
ზღვარის გზით ორგანოს,

60
00:02:48,550 --> 00:02:50,590
ორგანოს, რომელიც შინაარსის ვებ-გვერდზე.

61
00:02:50,590 --> 00:02:55,860
ასე რომ, შესაძლოა ხელმძღვანელი tag განსაზღვრავს პერსონალის
რომელიც არ არის ბრაუზერის ფანჯარაში სწორი,

62
00:02:55,860 --> 00:02:59,410
მაგრამ რატომღაც მნიშვნელოვანია, რომ ჩვენი
ვებ გვერდზე მიმდინარეობს გაწეული სწორად.

63
00:02:59,410 --> 00:03:02,490
მაგალითად, შიგნით
ხელმძღვანელი tag ჩვენ სათაური tags.

64
00:03:02,490 --> 00:03:05,500
>> ასე რომ, სათაური მყოფი Hello World,
რომელიც, ფაქტობრივად, იქნება რა

65
00:03:05,500 --> 00:03:08,797
გვიჩვენებს up tab in Chrome
ან safari და Firefox--

66
00:03:08,797 --> 00:03:11,880
რასაც ბრაუზერის თქვენ prefer--, რომ
რა ხდება გამოჩნდება ტიტული.

67
00:03:11,880 --> 00:03:14,800
და სანამ ჩანართების, რომ ნახოთ
მდე თქვენი ბრაუზერის ფანჯარაში

68
00:03:14,800 --> 00:03:19,710
და თქვენ შეგიძლიათ მხოლოდ ერთი გვერდი
გახსნა ბრაუზერის ფანჯარაში დროს.

69
00:03:19,710 --> 00:03:22,160
ასე რომ იქნება
ტიტული ჩემი გვერდი წელს tab

70
00:03:22,160 --> 00:03:24,600
ან ბრაუზერის ფანჯარაში ბარი, hello მსოფლიოში.

71
00:03:24,600 --> 00:03:28,611
და მაშინ შინაარსი ჩემი
ვებ-გვერდი იქნება მსოფლიოში, hello.

72
00:03:28,611 --> 00:03:31,360
მოდით შევხედოთ რასაც ზოგიერთი
რამ მოსწონს ეს შეიძლება გამოიყურებოდეს.

73
00:03:31,360 --> 00:03:33,210
ეს არის საკმაოდ მარტივი HTML გვერდი.

74
00:03:33,210 --> 00:03:35,970
ასე რომ, მე აქ ჩემი CS50 IDE და
მე მიახლოება ცოტა.

75
00:03:35,970 --> 00:03:38,290
და მე უბრალოდ აპირებს
გახსენით მიესალმები dot HTML

76
00:03:38,290 --> 00:03:42,000
და გაჩვენებთ, რომ ეს არის საკმაოდ ბევრი
გვერდის შინაარსი, რომელიც ჩვენ ვნახეთ ადრე.

77
00:03:42,000 --> 00:03:45,240
ჩემი მარტივი HTML, ხელმძღვანელი tags,
სათაური tags, სხეულის, და ასე შემდეგ.

78
00:03:45,240 --> 00:03:47,320
მე დაზუსტებისათვის სუფთა.

79
00:03:47,320 --> 00:03:51,530
>> და მერე რა შემიძლია გავაკეთო ჩემს
IDE არის მხოლოდ წინასწარ გვერდზე.

80
00:03:51,530 --> 00:03:52,630
და იქ წასვლა.

81
00:03:52,630 --> 00:03:56,070
შინაარსი ჩემი გვერდი მსოფლიოში,
hello, და მე ვერ ვხედავ რაიმე

82
00:03:56,070 --> 00:03:58,500
საწყისი ხელმძღვანელი tags არსებობს.

83
00:03:58,500 --> 00:03:59,980
ეს არის მხოლოდ შინაარსი ორგანო.

84
00:03:59,980 --> 00:04:00,780
World, hello.

85
00:04:00,780 --> 00:04:03,700
ისევ და ისევ სხეულის მხოლოდ
განაცხადა, მსოფლიოში, hello.

86
00:04:03,700 --> 00:04:06,160
მეორე ნაწილი არის დაკარგული.

87
00:04:06,160 --> 00:04:07,610
>> ასე რომ, რეალურად ყველა ის არის.

88
00:04:07,610 --> 00:04:11,370
ეს არის ძალიან მარტივი ძირითადი HTML გვერდი.

89
00:04:11,370 --> 00:04:14,280
ახლა მე დაზუსტებისათვის ჩემი HTML to
მართლაც ლამაზი და ორგანიზებული,

90
00:04:14,280 --> 00:04:15,840
მაგრამ მე არ რეალურად უნდა.

91
00:04:15,840 --> 00:04:17,959
მე ვერ რათა ის გამოიყურება საკმაოდ მახინჯი.

92
00:04:17,959 --> 00:04:19,467
და ეს მაინც იმუშავებს.

93
00:04:19,467 --> 00:04:21,050
ეს იქნება ზუსტად იგივე ვებ-გვერდზე.

94
00:04:21,050 --> 00:04:23,100
მე უბრალოდ მიღებული ჩამოშორებას
ყველა თეთრ სივრცეში.

95
00:04:23,100 --> 00:04:24,820
>> როგორც ირკვევა, თეთრი სივრცის მონაცემები.

96
00:04:24,820 --> 00:04:28,540
ასე რომ, როდესაც ჩვენ გაგზავნის მონაცემების
გამგზავნი მიმღები, სერვერიდან

97
00:04:28,540 --> 00:04:30,670
კლიენტის მონაცემები ღირს ფული.

98
00:04:30,670 --> 00:04:34,460
ასე რომ, მოშორების ხარეებს
რეალურად კარგი იდეა

99
00:04:34,460 --> 00:04:37,320
თუ თქვენ ვინმეს, ვინც ემსახურება
ბევრი ვებ შინაარსი.

100
00:04:37,320 --> 00:04:39,820
ეს არის ცუდი იდეა, თუ თქვენ
ვინმეს სწავლის ამ პერსონალის

101
00:04:39,820 --> 00:04:41,528
და გსურთ აქვს
ეს კარგად ორგანიზებული.

102
00:04:41,528 --> 00:04:43,810
ეს არის ბევრი ადვილია გარჩევის, ვიდრე ეს.

103
00:04:43,810 --> 00:04:45,540
მაგრამ ეს ფუნქციურად იდენტურია.

104
00:04:45,540 --> 00:04:48,720
>> წანაცვლება და პერსონალის იგრძნობა
ფაქტობრივად არ აქვს HTML.

105
00:04:48,720 --> 00:04:53,634
ყველა თემა არის გახსნა tags და
დახურვის tags სწორი მიზნით.

106
00:04:53,634 --> 00:04:55,050
ყურადღება მიაქციეთ, რა მოხდა აქ, თუმცა.

107
00:04:55,050 --> 00:04:58,450
მარკირებული გვაძლევს გზა
ურთიერთობა დამატებითი ინფორმაცია

108
00:04:58,450 --> 00:04:59,940
ის, რაც ჩვენ დავწერეთ.

109
00:04:59,940 --> 00:05:03,130
გამარჯობა, World ნაწილი იყო
გაგებული, როგორც სათაური.

110
00:05:03,130 --> 00:05:06,410
და მსოფლიო, hello ნაწილი იყო
გაგებული, როგორც შინაარსი

111
00:05:06,410 --> 00:05:09,090
ან რა უნდა იყოს
ჩანს ჩემს ვებ-გვერდზე.

112
00:05:09,090 --> 00:05:12,167
>> 100-ზე მეტი ამ სხვადასხვა
tags და უამრავი დიდი რესურსები

113
00:05:12,167 --> 00:05:13,000
ამჟამად მოვძებნოთ მათ.

114
00:05:13,000 --> 00:05:14,900
ჩვენ ვაპირებთ ვისაუბროთ
რამდენიმე მათგანი ამ ვიდეო, ზოგიერთი

115
00:05:14,900 --> 00:05:16,440
მართლაც ფუნდამენტური პერსონალი.

116
00:05:16,440 --> 00:05:18,440
მაგრამ ჩვენ არ ვაპირებთ განხილვა
ეს ყველაფერი იმიტომ, რომ ეს

117
00:05:18,440 --> 00:05:20,250
იქნება ამომწურავი ამის გაკეთება.

118
00:05:20,250 --> 00:05:22,880
>> კიდევ ერთი რამ შეგიძლიათ გააკეთოთ, თუმცა,
არის გახსენით დეველოპერი ინსტრუმენტები.

119
00:05:22,880 --> 00:05:26,069
და თუ გახსოვთ,
ჩვენი ვიდეო HTTP,

120
00:05:26,069 --> 00:05:27,860
მე ავუხსენი, როგორ უნდა გახსნა
up დეველოპერი ინსტრუმენტები.

121
00:05:27,860 --> 00:05:32,020
In Chrome, როგორც წესი, F12 გასაღები
გახსენით დეველოპერი პანელი.

122
00:05:32,020 --> 00:05:35,909
მაშინ ნაცვლად არჩევის ქსელი
tab, შეგიძლიათ ელემენტები tab.

123
00:05:35,909 --> 00:05:37,700
და თუ თქვენ ჩატვირთვა ვებ
გვერდი, თქვენ რეალურად

124
00:05:37,700 --> 00:05:40,280
ვხედავ HTML, რომელიც ქმნის, რომ ვებ-გვერდზე.

125
00:05:40,280 --> 00:05:44,090
ასე რომ, შეგიძლიათ ვისწავლოთ ბევრი რამ HTML
ეძებს თქვენს საყვარელ საიტებზე

126
00:05:44,090 --> 00:05:48,474
და ხედავს, თუ როგორ ავაშენოთ
სხვადასხვა ცალი მათ, რომ გსურთ.

127
00:05:48,474 --> 00:05:50,890
ასე რომ, შესაძლოა, იქ ეს მაგარი
ნიმუში ან რამე მაგდაგვარს.

128
00:05:50,890 --> 00:05:52,140
როგორ ისინი მიიღოს იგი HTML?

129
00:05:52,140 --> 00:05:55,630
ასევე თქვენ შეგიძლიათ უბრალოდ გახსენით თქვენი დეველოპერი
ინსტრუმენტები და hover მეტი რომ ელემენტს

130
00:05:55,630 --> 00:05:57,700
და ვხედავ, ზუსტად რა HTML ხდის.

131
00:05:57,700 --> 00:05:59,450
ასე რომ, მართლაც
კარგი გზა უნდა ვისწავლოთ HTML,

132
00:05:59,450 --> 00:06:02,330
და მე გირჩევთ, რომ
თქვენ ამის გაკეთება, როგორც უნდა ვისწავლოთ HTML

133
00:06:02,330 --> 00:06:04,930
და ასევე უნდა ვისწავლოთ ცოტა
ცოტა შესახებ რამდენიმე ვარიანტი

134
00:06:04,930 --> 00:06:07,050
ხელმისაწვდომი
შემქმნელი ინსტრუმენტები, რომელიც

135
00:06:07,050 --> 00:06:10,200
რა თქმა უნდა დადგეს მოსახერხებელი
თქვენ დაიწყოს აკეთებს უფრო ინტენსიური ვებ

136
00:06:10,200 --> 00:06:11,090
პროგრამირების.

137
00:06:11,090 --> 00:06:14,080
>> მოდით შევხედოთ
რამდენიმე საერთო HTML tags.

138
00:06:14,080 --> 00:06:17,210
და ჩვენ ხტომა და შევხედოთ
ის, რაც ამ tags ასევე გაწევა

139
00:06:17,210 --> 00:06:20,490
როგორც შევხედავთ ზოგიერთი ფაილი ჩემს IDE.

140
00:06:20,490 --> 00:06:26,330
ასე რომ, აქ არის სამი ძალიან ძირითადი ტეგები
სრულყოფა ვიზუალური იერსახე ტექსტი.

141
00:06:26,330 --> 00:06:29,050
არსებობს B tags, მე tags და U tags.

142
00:06:29,050 --> 00:06:33,170
და, შესაბამისად, რასაც ისინი აკეთებენ,
გაუწიოს ტექსტი მათ შორის თამამი,

143
00:06:33,170 --> 00:06:35,430
კურსივით, და ხაზს უსვამს.

144
00:06:35,430 --> 00:06:40,430
მოდით ვნახოთ რა, რომ გამოიყურებოდეს
ისევე როგორც ფაქტობრივი ვებ გვერდზე ჩემი IDE.

145
00:06:40,430 --> 00:06:43,390
>> ასე რომ, აქ ჩემი IDE მაქვს
ფაილი სახელად ბიუ dot HTML.

146
00:06:43,390 --> 00:06:46,770
ბიუ dot HTML მხოლოდ იმიტომ, რომ
თამამი, კურსივით, რაც ხაზს უსვამს.

147
00:06:46,770 --> 00:06:47,830
მე გახსნის.

148
00:06:47,830 --> 00:06:51,810
>> ჩვენ დავინახავთ, რომ აქ მე
აქვს ეს ტექსტი არის B tags თამამი.

149
00:06:51,810 --> 00:06:54,010
ეს ტექსტი არის მე tags დახრილი.

150
00:06:54,010 --> 00:06:56,307
და ეს ტექსტი არის U tags ხაზი გაუსვა.

151
00:06:56,307 --> 00:06:57,640
რა არის ეს აპირებს გამოიყურებოდეს?

152
00:06:57,640 --> 00:06:59,473
ისე, კიდევ ერთხელ, ყველა მაქვს
უნდა გააკეთოთ მეტი აქ

153
00:06:59,473 --> 00:07:04,690
ჩემს ბრაუზერში, ჩემი ფაილი ბრაუზერში, დააჭირეთ
Preview, და ეს არის ის, რაც მოდის.

154
00:07:04,690 --> 00:07:07,520
>> ტექსტი შორის B
tags მართლაც ახლა გაბედული.

155
00:07:07,520 --> 00:07:10,720
ტექსტი შორის მე
tags მართლაც ახლა დახრილი.

156
00:07:10,720 --> 00:07:14,634
და ტექსტი შორის U
tags მართლაც ახლა ხაზი გაუსვა.

157
00:07:14,634 --> 00:07:15,550
ასე რომ, საკმაოდ კარგი.

158
00:07:15,550 --> 00:07:18,450
ახლა ჩვენ ვიცით, თუ როგორ, რათა ტექსტი
გამოიყურება უფრო ლამაზი

159
00:07:18,450 --> 00:07:20,360
ან მიაპყროს აქცენტი გარკვეული რამ.

160
00:07:20,360 --> 00:07:25,530
კიდევ ერთი წყვილი საერთო tags აქ
პუნქტის tags, P და header tags,

161
00:07:25,530 --> 00:07:27,980
რომელიც მე გაწეული როგორც HX.

162
00:07:27,980 --> 00:07:32,520
>> ეს P tags, ამ პუნქტის tags,
შესვენება თქვენი ტექსტი დაყოფილია პუნქტებში.

163
00:07:32,520 --> 00:07:34,646
ეს არ არის საკმარისი იმისათვის, რომ
დააჭირეთ და დატოვონ ფართები,

164
00:07:34,646 --> 00:07:37,186
იმიტომ, რომ კომპიუტერი მხოლოდ აპირებს
რა თქვენ ვუთხრა მას ამის გაკეთება

165
00:07:37,186 --> 00:07:39,450
და ეს იგნორირებას თეთრი
ფართი ნაწილი.

166
00:07:39,450 --> 00:07:41,636
ასე რომ, ჩვენ არ შეგვიძლია უბრალოდ დააჭიროთ
და ველით ჩვენს კომპიუტერში

167
00:07:41,636 --> 00:07:43,760
ინტერპრეტაცია, რომ ჩვენ გვინდა
დაიწყოს ახალი პუნქტი.

168
00:07:43,760 --> 00:07:47,670
ჩვენ უნდა ძალიან მკაფიოდ ვთქვა, რომ ეს
ერთ-ერთი paragraph-- ეს არის another--

169
00:07:47,670 --> 00:07:50,740
მიერ თან ერთვის თითოეული კომპლექტი P tags.

170
00:07:50,740 --> 00:07:54,560
>> ჩვენ ასევე გაქვთ ეს პარამეტრები
for H tags, ამ სათაურის tags.

171
00:07:54,560 --> 00:07:57,000
ჩვენ გვაქვს ექვსი სხვადასხვა დონეზე
of headers, ერთი, ორი, სამი,

172
00:07:57,000 --> 00:08:01,110
ოთხი, ხუთი, ექვსი, რომლებიც
თანდათანობით უფრო და უფრო

173
00:08:01,110 --> 00:08:01,710
headers.

174
00:08:01,710 --> 00:08:04,360
და ისინი პატარა და
პატარა და პატარა და პატარა.

175
00:08:04,360 --> 00:08:07,690
ასე რომ, ჩვენ დონის header, მეორე
დონე თავით, და ასე შემდეგ, და ასე შემდეგ.

176
00:08:07,690 --> 00:08:10,480
>> მოდით შევხედოთ შესაძლოა, რამდენიმე
P tags და ზოგიერთი header tags

177
00:08:10,480 --> 00:08:13,110
მოქმედებაში ვებ გვერდზე.

178
00:08:13,110 --> 00:08:18,180
ასე რომ, აქ ჩემი IDE მაქვს ფაილი სახელად
PH dot HTML, PH მყოფი პუნქტები

179
00:08:18,180 --> 00:08:18,970
და header tags.

180
00:08:18,970 --> 00:08:20,709
გახსნა რომ.

181
00:08:20,709 --> 00:08:23,000
არსებობს ბევრი ხდება აქ
იმიტომ, რომ მე დააყენა რამდენიმე მთავარი

182
00:08:23,000 --> 00:08:24,660
ტექნიკა, ზოგი უბრალოდ შემთხვევითი ტექსტი აქ.

183
00:08:24,660 --> 00:08:27,284
ასე რომ, მე დააშორებს ცოტა
იმიტომ, რომ იქ იმდენად მიმდინარეობს.

184
00:08:27,284 --> 00:08:31,980
მაგრამ შეამჩნია, რომ მე მაქვს ძალიან
დაბრუნება აქ მაქვს H1, დონე ერთი,

185
00:08:31,980 --> 00:08:32,802
header აქვს.

186
00:08:32,802 --> 00:08:36,010
მაშინ მე ერთ-ერთი პუნქტი, რომელიც მხოლოდ
bunch of შემთხვევითი text-- მთავარი ipsum--

187
00:08:36,010 --> 00:08:38,720
მხოლოდ ნაგულისხმევია სტანდარტული შევსების ტექსტი.

188
00:08:38,720 --> 00:08:41,970
ასე რომ, მე ორი პუნქტის შიგნით რომ
დონეზე ერთი თავით და შემდეგ ქვემოთ მე

189
00:08:41,970 --> 00:08:46,850
აქვს დონეზე ორი თავური აქ on line 24,
მეორე დონის header, და კიდევ ორი

190
00:08:46,850 --> 00:08:47,840
პუნქტებში.

191
00:08:47,840 --> 00:08:51,910
ისე, რას ჰგავს
თუ მე ეს ჩემი ესკიზი?

192
00:08:51,910 --> 00:08:53,790
ვნახოთ.

193
00:08:53,790 --> 00:08:55,730
>> ასე რომ შეამჩნია, რომ
პირველ დონეზე header აქ

194
00:08:55,730 --> 00:08:58,420
რეალურად საკმაოდ ცოტა დიდია
ვიდრე მეორე დონე header.

195
00:08:58,420 --> 00:08:59,940
ასე რომ, ჩვენ გამოიყენება H1 tags.

196
00:08:59,940 --> 00:09:03,820
და შენიშნავს, რომ P tags საშუალებას გვაძლევს
შესვენება რამ out შევიდა პუნქტები.

197
00:09:03,820 --> 00:09:07,500
თუ ჩვენ მიღებული ჩამოშორებას იმ P tags
და რეალურად მხოლოდ დააყენა შემოდის და ანაზღაურება

198
00:09:07,500 --> 00:09:10,110
შორის, რასაც ჩვენ იმედი გამოთქვა, რომ
იყოს სხვადასხვა პუნქტები,

199
00:09:10,110 --> 00:09:13,193
ისინი ყველა უბრალოდ აკრიტიკებს ერთად და
ის, რომ არ აქვს ამ ლამაზი მუხლის მე

200
00:09:13,193 --> 00:09:15,840
გამოყოფის სივრცეში ზემოთ და ქვემოთ.

201
00:09:15,840 --> 00:09:18,300
და ისე, რომ ის, რაც მუხლის მე
tags და სათაურის ტეგები

202
00:09:18,300 --> 00:09:22,440
გამოიყენება, რათა ამის მიაპყროს
ყურადღება ნაწილი ჩვენი ვებ-გვერდი

203
00:09:22,440 --> 00:09:23,550
ამ გზით.

204
00:09:23,550 --> 00:09:27,560
>> შემდეგი up ზოგიერთი tags, რომ ჩვენ ვიყენებთ
აშენება სიები ჩვენს ვებ-გვერდზე.

205
00:09:27,560 --> 00:09:30,820
ასე რომ, ჩვენ უწესრიგო
სიები ULs-- რომლებიც მხოლოდ

206
00:09:30,820 --> 00:09:34,090
ჩამონათვალი, მიღებული
სია, რომლებიც numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- და შიგნით ან
ერთ-ერთი იმ ჩვენ უნდა

208
00:09:37,680 --> 00:09:40,600
კომპლექტი, თუ როგორ უნდა მიუთითოს სია ელემენტი, LI.

209
00:09:40,600 --> 00:09:44,370
ასე რომ, ჩვენ ღია UL tag
და ჩვენ ნივთები შიგნით მას.

210
00:09:44,370 --> 00:09:46,920
და მაშინ, როდესაც ჩვენ გავაკეთეთ
რომ, ჩვენ შეგვიძლია დახურვა UL აქვს.

211
00:09:46,920 --> 00:09:49,850
>> და ანალოგიურად ჩვენ შეიძლება ჰქონდეს
უბრძანა და დანომრილი სია

212
00:09:49,850 --> 00:09:51,560
და სია ელემენტი შიგნით რომ.

213
00:09:51,560 --> 00:09:53,350
მოდით შევხედოთ
დროს რამდენიმე სიები

214
00:09:53,350 --> 00:09:57,230
და რა ისინი
გაწევა, როგორც CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
ასე რომ, მე აქ ჩემი IDE
ფაილი სახელად სიები dot HTML.

216
00:10:00,640 --> 00:10:03,100
მოდით შევხედოთ.

217
00:10:03,100 --> 00:10:08,482
>> და შეამჩნია აქ მაქვს უწესრიგო
სიაში ხუთი რამ იგი.

218
00:10:08,482 --> 00:10:11,440
და მაშინ მე უბრძანა სიაში, და
მე შეიცვალა tag ცოტა,

219
00:10:11,440 --> 00:10:11,939
არა?

220
00:10:11,939 --> 00:10:13,152
მე განაცხადა დაწყება შეადგენს ექვსი.

221
00:10:13,152 --> 00:10:16,110
გამოდის, რომელზეც უბრძანა სიაში მე
შეგიძლიათ დააყენოთ ამოსავალი წერტილი, სადაც

222
00:10:16,110 --> 00:10:20,130
მე want-- იყოს, ეს იქნება one--
მხოლოდ დასძინა, რომ ეს ე.წ. ატრიბუტი

223
00:10:20,130 --> 00:10:21,190
ჩემი OL აქვს.

224
00:10:21,190 --> 00:10:23,572
ასე რომ, ამ სიაში
დაიწყება დათვლის დროს ექვსი.

225
00:10:23,572 --> 00:10:26,780
ასე რომ, ელემენტები, რომ დანომრილი სია
უნდა იყოს ექვსი, შვიდი, რვა, ცხრა, ათი,

226
00:10:26,780 --> 00:10:29,930
იმიტომ, რომ არსებობს ხუთ ელემენტები
ამ სიაში, როგორც ეწინააღმდეგებოდა ერთი,

227
00:10:29,930 --> 00:10:33,770
ორი, სამი, ოთხი, ხუთი, რომელიც
იქნება იმ შემთხვევაში, თუ მე ვთქვი, OL

228
00:10:33,770 --> 00:10:36,730
დაკონკრეტების გარეშე დაწყების ატრიბუტი.

229
00:10:36,730 --> 00:10:41,594
>> ასე რომ, ჩვენ მხოლოდ წინასწარ ასე რომ თქვენ შეუძლია
აზრი, რა ხდება აქ.

230
00:10:41,594 --> 00:10:42,260
და იქ წასვლა.

231
00:10:42,260 --> 00:10:44,610
იქ ჩემს სიაში.

232
00:10:44,610 --> 00:10:47,810
პირველ ხუთ ელემენტები
უწესრიგო და bulleted სიები.

233
00:10:47,810 --> 00:10:51,010
და მომდევნო ხუთ ელემენტები
ცალკე წესრიგიანი სია

234
00:10:51,010 --> 00:10:52,980
დაწყებული ექვსი.

235
00:10:52,980 --> 00:10:56,247
ასე რომ, როგორ შეგვიძლია
ავაშენოთ სიები გამოყენებით HTML.

236
00:10:56,247 --> 00:10:58,080
კიდევ ერთი რამ, ალბათ
გსურთ, რომ HTML

237
00:10:58,080 --> 00:11:01,520
აშენება მაგიდა
ინფორმაცია რიგები და სვეტები

238
00:11:01,520 --> 00:11:04,560
წარმოადგინოს ინფორმაცია
განსაკუთრებით ორგანიზებული გზა.

239
00:11:04,560 --> 00:11:09,110
ამისათვის HTML შეგვიძლია აქვს
მაგიდა განმარტება დაწყებული ღია bracket

240
00:11:09,110 --> 00:11:10,160
მაგიდა.

241
00:11:10,160 --> 00:11:14,680
და შემდეგ შიგნით რომ მაგიდასთან ჩვენ
შეიძლება ჰქონდეს ნაკრები რიგები, TR tags

242
00:11:14,680 --> 00:11:15,980
მიუთითოს თითოეული მწკრივი.

243
00:11:15,980 --> 00:11:22,510
და მაშინ TD tags წასვლა შიგნით TR tags
მიუთითოთ სვეტი განმავლობაში ზედიზედ.

244
00:11:22,510 --> 00:11:24,340
>> რატომ ეწოდება მას TD და არა TC?

245
00:11:24,340 --> 00:11:25,940
ისე, TD დგას მაგიდა მონაცემები.

246
00:11:25,940 --> 00:11:27,900
როგორც წესი, თქვენ აყენებს
თქვენი ინფორმაცია არსებობს.

247
00:11:27,900 --> 00:11:29,440
ასე რომ, თუ რატომ არის TD და არა TC.

248
00:11:29,440 --> 00:11:31,140
ეს ცოტა გაუგებარია.

249
00:11:31,140 --> 00:11:33,720
>> ასე, რომ თქვენ მაგიდა tags და
შიგნით თქვენი მაგიდასთან tags

250
00:11:33,720 --> 00:11:35,600
თქვენ გაქვთ სტრიქონების რაოდენობა, TRS.

251
00:11:35,600 --> 00:11:40,030
და შიგნით თითოეული რიგის თქვენ გაქვთ
TDS რაოდენობის სვეტები

252
00:11:40,030 --> 00:11:42,880
რომ გსურთ აქვს
ამ კონკრეტულ ზედიზედ.

253
00:11:42,880 --> 00:11:47,730
მოდით შევხედოთ ძალიან
უბრალო მაგიდა მეტი CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> ასე რომ, მე აქ ფაილი
მოუწოდა მაგიდა dot HTML.

255
00:11:49,730 --> 00:11:53,390
მოდით აქვს შევხედოთ
რა, რომ ჰგავს.

256
00:11:53,390 --> 00:11:56,225
არსებობს ბევრი რამ ხდება, მაგრამ აქ
თუ თქვენ შეამჩნევთ მაქვს მაგიდა ღია.

257
00:11:56,225 --> 00:11:57,850
მე დაწყებული განსაზღვრება მაგიდასთან.

258
00:11:57,850 --> 00:12:02,100
და მაშინ ჩემი პირველი რიგის მე აშკარად
აქვს ოთხი სვეტით, ერთი, ორი, სამი,

259
00:12:02,100 --> 00:12:02,660
ოთხი.

260
00:12:02,660 --> 00:12:04,290
და მაშინ მე გაკეთდეს, რომ ზედიზედ.

261
00:12:04,290 --> 00:12:07,750
>> მერე დაიწყება მეორე რიგის და
ამის ორი, ოთხი, ექვსი, რვა.

262
00:12:07,750 --> 00:12:08,850
დასრულდება, რომ ზედიზედ.

263
00:12:08,850 --> 00:12:11,410
ნუ მეორე რიგის, სამი, ექვსი, ცხრა, 12.

264
00:12:11,410 --> 00:12:14,830
და შემდეგ ბოლო ზედიზედ, ოთხი,
რვა, 12, და მიუხედავად იმისა, რომ ეს არის

265
00:12:14,830 --> 00:12:16,560
ცოტა შეწყვიტა აქ, 16.

266
00:12:16,560 --> 00:12:17,710
>> დავამთავრე, რომ ზედიზედ.

267
00:12:17,710 --> 00:12:18,970
დავამთავრე მაგიდასთან.

268
00:12:18,970 --> 00:12:21,430
და მაშინ მე გაკეთდეს ჩემი HTML.

269
00:12:21,430 --> 00:12:22,590
რას ჰგავს?

270
00:12:22,590 --> 00:12:26,014

271
00:12:26,014 --> 00:12:27,430
ისე, ეს ნამდვილად არ არის ბევრი, რომ ნახოთ.

272
00:12:27,430 --> 00:12:31,690
მე ნათლად ორგანიზებული ჩემი ინფორმაცია
გარკვეულწილად უფრო ორგანიზებულად.

273
00:12:31,690 --> 00:12:33,755
მაგრამ ეს არ არის სუპერ ლამაზი აქ.

274
00:12:33,755 --> 00:12:36,130
და ჩვენ ვაპირებთ უნდა გაუმკლავდეთ
რომ როდესაც ვსაუბრობთ CSS.

275
00:12:36,130 --> 00:12:38,930
ჩვენ დავუბრუნდეთ ამ იდეას
რასაც ჩვენ ვაკეთებთ, რათა მაგიდასთან

276
00:12:38,930 --> 00:12:41,260
იქნებ დააფორმატე ცოტა უკეთესი?

277
00:12:41,260 --> 00:12:45,070
მაგრამ მე ჯერ კიდევ აქვს ოთხი რიგები,
რომელთაგან თითოეული აქვს ოთხი სვეტით,

278
00:12:45,070 --> 00:12:48,890
და მართლაც, რა ეს იგივეა, რომ არის
ძალიან მარტივია ოთხი ოთხი გამრავლება

279
00:12:48,890 --> 00:12:49,870
მაგიდა.

280
00:12:49,870 --> 00:12:51,690
>> მხოლოდ რამდენიმე tags ჩვენ ვსაუბრობთ.

281
00:12:51,690 --> 00:12:54,617
მოდით ვისაუბროთ
კონცეფცია HTML ფორმით.

282
00:12:54,617 --> 00:12:57,450
ასე, რომ თქვენ შეიძლება არ მინახავს ამ წელს
კონტექსტში ხე ვებ გვერდზე.

283
00:12:57,450 --> 00:12:59,100
როგორც წესი, თქვენ ჩაწერეთ თქვენი მომხმარებლის სახელი.

284
00:12:59,100 --> 00:13:01,510
თქვენ აკრიფოთ თქვენი პაროლი
და თქვენ კარგი წასვლა.

285
00:13:01,510 --> 00:13:04,170
ეს იქნება დასაწყისში ფორმა.

286
00:13:04,170 --> 00:13:05,420
>> Skipping მეტი div მეორე.

287
00:13:05,420 --> 00:13:07,987
ჩვენ ასევე გვაქვს მონაცემი, რომელიც
სახის შეესაბამება ფორმები.

288
00:13:07,987 --> 00:13:10,320
ეს არის ელემენტები,
თქვენ რეალურად აკრეფით შევიდა,

289
00:13:10,320 --> 00:13:12,580
ან რადიო ღილაკები თქვენ
წუთებს, ან გამშვები

290
00:13:12,580 --> 00:13:14,310
ყუთები, რომ თქვენ ticking off.

291
00:13:14,310 --> 00:13:15,770
ასე რომ, ეს წასვლა შიგნით ფორმები.

292
00:13:15,770 --> 00:13:18,500
და ისინი მოიცავს ძირითადად
თითოეული რიგის სახით

293
00:13:18,500 --> 00:13:19,887
თუ თქვენი სახით დაფორმატების კარგად.

294
00:13:19,887 --> 00:13:22,220
მაშინ იქ კონცეფცია
div, რომელიც ნამდვილად არ

295
00:13:22,220 --> 00:13:25,060
შეესაბამება ნებისმიერ კონკრეტულ კატეგორიაში
tags, როგორიცაა, ვინც მე

296
00:13:25,060 --> 00:13:26,170
აკეთებდა ადრე.

297
00:13:26,170 --> 00:13:29,790
ეს მხოლოდ ერთგვარი demarcates
დაწყებული ზოგიერთი თვითნებური division--

298
00:13:29,790 --> 00:13:31,670
div-- გვერდზე.

299
00:13:31,670 --> 00:13:33,210
არ არსებობს ვიზუალური შესვენება.

300
00:13:33,210 --> 00:13:34,800
არ არსებობს ონლაინ.

301
00:13:34,800 --> 00:13:37,180
ეს არ დაიძრა, როგორც
ცალკე ბლოკი ავტომატურად.

302
00:13:37,180 --> 00:13:39,430
ნეტავ უნდა სტილი
რომ გზა უნდა გააკეთოს, რომ.

303
00:13:39,430 --> 00:13:42,110
>> ეს მხოლოდ ერთგვარი ამბობს მე მინდა
ნაჭერი სივრცეში ჩემს ვებ გვერდზე,

304
00:13:42,110 --> 00:13:45,190
და მე უბრალოდ ვაპირებ მოვუწოდო
ის ამ განყოფილების ჩემი გვერდი.

305
00:13:45,190 --> 00:13:47,619
ჩვენ შეგვიძლია დააყენა პერსონალის შიგნით
საქართველოს divs, და, ფაქტობრივად,

306
00:13:47,619 --> 00:13:49,410
როდესაც ჩვენ უხელმძღვანელებს გადასცა
IDE მეორე, ჩვენ გამოგიგზავნით

307
00:13:49,410 --> 00:13:53,760
ხედავთ, რომ მე აყენებს ჩემი
შექმნას შიგნით div.

308
00:13:53,760 --> 00:13:57,050
>> ასე რომ, მე აქ ჩემი IDE
ფაილი სახელად div ფორმა dot HTML.

309
00:13:57,050 --> 00:13:59,260
მოდით გახსნის.

310
00:13:59,260 --> 00:14:01,460
გაითვალისწინეთ, რომ როგორც ვთქვი,
div სახის თვითნებური.

311
00:14:01,460 --> 00:14:01,640
მარჯვენა?

312
00:14:01,640 --> 00:14:02,973
ეს ნამდვილად არ ნიშნავს არაფერს.

313
00:14:02,973 --> 00:14:05,140
ასე რომ, მე თვითნებური
პირველი დივიზიონის ჩემი გვერდი.

314
00:14:05,140 --> 00:14:07,848
და მაშინ ნაცვლად სხვა div
მოგვიანებით, დაწყებული ხაზი რვა,

315
00:14:07,848 --> 00:14:08,730
მე ამ ფორმით.

316
00:14:08,730 --> 00:14:13,594
და შიგნით სახით მაქვს
ნომერი საშუალებებით, სფეროებში სახით.

317
00:14:13,594 --> 00:14:16,510
ასე რომ, მე ველი, რომლის სახელიც არის A--
რომელიც ნამდვილად არ ნიშნავს იმას არაფერი

318
00:14:16,510 --> 00:14:19,350
უფლება, ახლა, რომ, როგორც ჩანს,
იღებს ტექსტი, კიდევ ერთი, რომ

319
00:14:19,350 --> 00:14:22,630
იღებს დაგავიწყდათ, მეორე, რომ რადიო
ღილაკს, კიდევ ერთი, რომ თოლიას,

320
00:14:22,630 --> 00:14:24,797
და მეორე, რომ არის ღილაკს.

321
00:14:24,797 --> 00:14:26,630
ისე, რას ნიშნავს ეს
ყველა რეალურად გამოიყურებოდეს?

322
00:14:26,630 --> 00:14:27,629
ისე, მოდით შევხედოთ.

323
00:14:27,629 --> 00:14:31,010
ჩვენ გახსნა ეს ჩვენი გადახედვისას ფანჯარაში.

324
00:14:31,010 --> 00:14:33,557
გაითვალისწინეთ, რომ ეს თვითნებური
პირველი division-- იქ

325
00:14:33,557 --> 00:14:34,640
ვიზუალური გამოყოფის აქ.

326
00:14:34,640 --> 00:14:37,150
ეს ნამდვილად არ არაფერი, არა?

327
00:14:37,150 --> 00:14:38,220
>> და მაშინ მე მაქვს ჩემი ფორმით.

328
00:14:38,220 --> 00:14:39,890
და მე არ რაიმე სპეციალური გაფორმებით.

329
00:14:39,890 --> 00:14:42,680
ასე რომ ფორმა არის მხოლოდ ერთი
დიდი რიგის ინფორმაცია.

330
00:14:42,680 --> 00:14:46,424
თუ მე ფორმატირებული ჩემი სახით განსხვავებულად,
მე შეიძლება ის ხაზის მიერ ხაზი.

331
00:14:46,424 --> 00:14:47,590
მაგრამ მე არ რაიმე სტილის.

332
00:14:47,590 --> 00:14:49,256
კიდევ ერთხელ, ჩვენ არ ვსაუბრობთ CSS აქ.

333
00:14:49,256 --> 00:14:51,030
ჩვენ უბრალოდ ვსაუბრობთ HTML.

334
00:14:51,030 --> 00:14:53,980
>> ისე, ჩემი ტექსტის სახით შემიძლია type--
გვახსოვდეს, რომ ფორმები ტიპის ტექსტის

335
00:14:53,980 --> 00:14:55,480
ვერ დააყენა ჩემი სახელი.

336
00:14:55,480 --> 00:14:57,330
და ჩემს დაგავიწყდათ მე
შეგიძლიათ ჩაწეროთ დაგავიწყდათ.

337
00:14:57,330 --> 00:14:59,740
და იმიტომ, რომ ველი
არის ტიპის დაგავიწყდათ,

338
00:14:59,740 --> 00:15:01,470
თქვენ არ ვიცი, რა ჩემი პაროლი.

339
00:15:01,470 --> 00:15:02,800
ეს ყველაფერი წერტილი.

340
00:15:02,800 --> 00:15:09,140
>> მე ასევე შეგიძლიათ აღნიშნოთ მოჰყვა
რადიო ღილაკს და აღნიშნოთ off თოლიას.

341
00:15:09,140 --> 00:15:10,420
ან მე ვერ წარმოადგინოს ჩემი სახით.

342
00:15:10,420 --> 00:15:11,810
და მე არ არაფერი,
ასე რომ, როდესაც გავაგზავნო ფორმა,

343
00:15:11,810 --> 00:15:13,090
გვერდის უბრალოდ ამხნევებს.

344
00:15:13,090 --> 00:15:16,970
მაგრამ მე ვერ ალბათ კონფიგურაციის ჩემს
ღილაკს რომ რამე სხვას.

345
00:15:16,970 --> 00:15:20,410
ჩვენ დავინახავთ, თუ რა შეგვიძლია გავაკეთოთ ერთად
რომ მომავალში ვიდეო PHP.

346
00:15:20,410 --> 00:15:22,520
მაგრამ ეს აშენებს ძალიან
მარტივი ფორმა, რომ ჩვენ

347
00:15:22,520 --> 00:15:27,360
შეგიძლიათ გამოიყენოთ აქვს მომხმარებლებს ურთიერთქმედება და
წარუდგინოს ინფორმაცია ჩვენს ვებგვერდზე.

348
00:15:27,360 --> 00:15:29,620
>> ერთ-ერთი ბოლო კომენტარი, სანამ ჩვენ
გადაადგილება რამდენიმე სხვა tags

349
00:15:29,620 --> 00:15:32,040
უნდა შევხედოთ ამ
შეყვანის tag კიდევ ერთხელ.

350
00:15:32,040 --> 00:15:35,760
გაითვალისწინეთ, რომ მე ხაზგასმით
ბოლოები აქვს წითელი.

351
00:15:35,760 --> 00:15:39,390
ყველა სხვა tag ჩვენ ვნახეთ ჯერჯერობით
დასაწყისი ჰქონდა და ბოლოს, გახსნის

352
00:15:39,390 --> 00:15:41,030
tag და დახურვის ტეგი.

353
00:15:41,030 --> 00:15:42,520
>> მაგრამ შეყვანის tag არ არის.

354
00:15:42,520 --> 00:15:46,860
ტექსტი არ არის, რომ მიდის
შორის შეყვანის tags.

355
00:15:46,860 --> 00:15:49,160
ყველა ინფორმაცია
ჩვენ აპირებს გადმომეცა

356
00:15:49,160 --> 00:15:52,640
არის ვალდებული, როგორც ნაწილი
ატრიბუტები რომ შეყვანა.

357
00:15:52,640 --> 00:15:54,690
გაითვალისწინეთ ჩვენ input სახელი ტოლია x.

358
00:15:54,690 --> 00:15:55,580
ტიპი უდრის y.

359
00:15:55,580 --> 00:15:57,660
ეს მართლაც ყველა
ინფორმაცია გვჭირდება.

360
00:15:57,660 --> 00:15:59,470
>> ეს ეწოდება თვითმმართველობის დახურვის ტეგი.

361
00:15:59,470 --> 00:16:02,470
ის არ საჭიროებს გახსნა და
ახლოს, რადგან ყველა ინფორმაცია

362
00:16:02,470 --> 00:16:04,974
შეიცავს შიგნით
tag და მისი ატრიბუტები.

363
00:16:04,974 --> 00:16:06,390
ასე რომ, ზოგჯერ დაინახავთ, ძალიან.

364
00:16:06,390 --> 00:16:10,400
ასე რომ, უბრალოდ უნდა იცოდეს, რომ თუ თქვენ გაქვთ
აქვს, რომ მთლიანად თვითმმართველობის შეიცავს,

365
00:16:10,400 --> 00:16:14,170
ის ხსნის და ხურავს თავად
ღია კუთხური ფრჩხილი მარცხენა

366
00:16:14,170 --> 00:16:17,000
და ირიბის კუთხე
bracket უფლება.

367
00:16:17,000 --> 00:16:20,580
ჩვენ დავინახავთ, კიდევ ერთი იმ
ახლა ერთად იმიჯი tags ისევე.

368
00:16:20,580 --> 00:16:23,300
>> სანამ ჩვენ ვსაუბრობთ სურათები, ჩვენ
უნდა ვისაუბროთ ბმულებს.

369
00:16:23,300 --> 00:16:26,080
თუ ჩვენ გვინდა, რომ ჩვენი ვებ-გვერდი უნდა იყოს
ინტერაქტიული და აღგვძრავს გარშემო,

370
00:16:26,080 --> 00:16:28,121
ეს იქნებოდა ლამაზი შეძლებს
დააწკაპუნეთ ერთ-ერთი იმ

371
00:16:28,121 --> 00:16:30,190
ის, რაც, როგორც წესი, იყო ლურჯი ბმული.

372
00:16:30,190 --> 00:16:34,440
ეს არის რეალურად როგორ ვაშენებთ
ჰიპერბმულის ჩვენს ვებ-გვერდზე.

373
00:16:34,440 --> 00:16:36,540
და საინტერესოა
არსებობს კიდევ ერთი HTML tag

374
00:16:36,540 --> 00:16:39,000
მოუწოდა ლინკი, რომელიც არ არის ჰიპერბმული.

375
00:16:39,000 --> 00:16:44,130
აქ დგას წამყვანი და
ეს არის ის, თუ როგორ ჩვენ მიუთითოს ჰიპერბმული.

376
00:16:44,130 --> 00:16:49,150
>> A href ტოლია x საშუალებით წასვლა
ვებ-გვერდი X. და ყველაფერი

377
00:16:49,150 --> 00:16:51,580
შორის ღია tag
და დახუროს tag

378
00:16:51,580 --> 00:16:56,010
არის ის, რაც იქნება, რომ ხაზი გაუსვა,
ლურჯი ტექსტი რომ ჰგავს ლინკი

379
00:16:56,010 --> 00:16:57,590
რომ ჩვენ იცნობს.

380
00:16:57,590 --> 00:17:01,660
ქვემოთ, რომ ჩვენ გვაქვს იმიჯი აქვს, რომელიც
არის თვითმმართველობის დახურვის ტეგი ჩვენებისას

381
00:17:01,660 --> 00:17:05,599
იმიჯი მდებარეობს X. და
თქვენ შეძლებთ შეცვალოთ

382
00:17:05,599 --> 00:17:08,280
რომ გამოსახულება განსაზღვრით
სიგანე და სიმაღლე

383
00:17:08,280 --> 00:17:11,640
და სხვა ატრიბუტები
რომ dot dot dot არსებობს.

384
00:17:11,640 --> 00:17:14,260
>> ძალიან ბოლოში აქ
ჩვენ გვაქვს ძალიან საინტერესო

385
00:17:14,260 --> 00:17:16,170
ეძებს tag, რომელიც არ
აქვს დახურვის ტეგი.

386
00:17:16,170 --> 00:17:19,410
ეს ძახილის წერტილი doctype HTML.

387
00:17:19,410 --> 00:17:23,300
ასე რომ, HTML უკვე გარშემო წლიდან
1990-იანი წლების მშენებლობის ვებ გვერდები,

388
00:17:23,300 --> 00:17:25,859
და ის წავიდა გავლილი
რამდენიმე ვერსიებს შემდეგ.

389
00:17:25,859 --> 00:17:28,550
ცოტა ხნის წინ, 2014 წელს
მას ჩაუტარდა გადასინჯვის

390
00:17:28,550 --> 00:17:33,440
მოუწოდა HTML5 რომელიც არის მიმდინარე
ერთგვარი დე ფაქტო HTML სტანდარტი.

391
00:17:33,440 --> 00:17:36,730
>> მიუთითებს იმაზე, რომ ჩვენს ვებ
გვერდები იწერება გამოყენებით HTML5,

392
00:17:36,730 --> 00:17:38,160
ეს არის, თუ დაიწყოს off.

393
00:17:38,160 --> 00:17:40,380
ეს შეიძლება იყოს გამოტოვებული, მაგრამ
რა, რომ, ძირითადად,

394
00:17:40,380 --> 00:17:45,930
საშუალებით თქვენ ვერ შეძლებთ გამოიყენოთ რომელიმე tags
რომ HTML5 tags, იმ ახალი tags.

395
00:17:45,930 --> 00:17:48,591
ასე რომ, ჩვენ ყოველთვის იწყება off
თუ ჩვენ გამოყენებით HTML5.

396
00:17:48,591 --> 00:17:51,340
და ყველა tags ჩვენ ვისაუბრეთ
ადრე არ არის HTML5 tags.

397
00:17:51,340 --> 00:17:55,470
მაგრამ ეს იმაზე მიუთითებს, რომ
HTML5 tags იქნება წარმოდგენილი.

398
00:17:55,470 --> 00:17:58,400
ასე რომ, ჩვენ გვაქვს ძახილის
doctype HTML, რომელიც

399
00:17:58,400 --> 00:18:01,280
არის ძალიან დასაწყისში ჩვენი
HTML ფაილი, და მაშინ შემდეგ ეტაპზე

400
00:18:01,280 --> 00:18:04,930
ჩვენ რეალურად გვაქვს ჩვენი HTML ღია
tag და გაგრძელება იქიდან.

401
00:18:04,930 --> 00:18:10,050
>> ბოლო ერთი კომენტარი tag,
რომელიც გამოიყურება ოდნავ განსხვავებული, ძალიან.

402
00:18:10,050 --> 00:18:12,810
იგი იწყება off ერთად კუთხე
bracket ძახილის dash

403
00:18:12,810 --> 00:18:15,220
dash მაგრამ არ დახურვის ფრჩხილი.

404
00:18:15,220 --> 00:18:20,150
ამ ორს შორის ელემენტები არ
სადაც თქვენ დაწერეთ თქვენი კომენტარი.

405
00:18:20,150 --> 00:18:28,420
და მოდით შევხედოთ სურათები
და კომენტარები და ბმულები CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> ასე რომ, მე აქ ფაილი სახელად სურათის ბმული
dot HTML, რომელიც მე ვაპირებ გახსნა.

407
00:18:32,850 --> 00:18:36,420
და შეამჩნია მე მივიღე რამდენიმე
კომენტარი აქ ჩემს HTML კომენტარი.

408
00:18:36,420 --> 00:18:38,990
ამიტომ ისევე როგორც C და სხვა
პროგრამირების ენები,

409
00:18:38,990 --> 00:18:43,169
HTML უბრალოდ დგომით მარკირების ენა
აქვს უნარი აქვს კომენტარები.

410
00:18:43,169 --> 00:18:45,710
ასე რომ, მე აშკარად აპირებს
განათავსეთ სურათს Rick Astley

411
00:18:45,710 --> 00:18:49,060
სადღაც შორის ამ div
tag, ამ თვითნებური გაყოფა.

412
00:18:49,060 --> 00:18:51,497
როგორც ჩანს, რომ ფაილი
მდებარეობს Rick dot JPEG, რომელიც

413
00:18:51,497 --> 00:18:53,580
თუ ჩვენ უხელმძღვანელებს უკან მეტი
ჩემი ფაილი ხე მეორე,

414
00:18:53,580 --> 00:18:55,490
ფაილი, რომელიც არსებობს
მიმდინარე დირექტორია.

415
00:18:55,490 --> 00:18:56,031
ასე რომ, OK.

416
00:18:56,031 --> 00:18:57,710
შემიძლია მითითებას იგი.

417
00:18:57,710 --> 00:18:59,680
>> მაშინ მე შემიძლია აქვს შიდა კავშირები.

418
00:18:59,680 --> 00:19:05,080
ასე რომ შეამჩნია on line 11 აქ
ჩემი href არის hello dot HTML.

419
00:19:05,080 --> 00:19:09,050
ასე რომ, უბრალოდ ეხება მიესალმები dot HTML
რომელიც არსებობს მიმდინარე დირექტორია.

420
00:19:09,050 --> 00:19:12,980
და მე ასევე შეგიძლიათ აქვს გარე
ბმულები მხოლოდ სასურველი HTTPS

421
00:19:12,980 --> 00:19:16,180
მიუთითებს იმაზე, რომ მე არ ვსაუბრობთ
დაახლოებით ერთი ფაილი ჩემი მიმდინარე დირექტორია.

422
00:19:16,180 --> 00:19:19,730
მე ვსაუბრობ ფაილი, რომელიც არსებობს
სადმე ინტერნეტში, რომელიც მე მაქვს

423
00:19:19,730 --> 00:19:23,370
მოითხოვოს HTTP პროტოკოლი.

424
00:19:23,370 --> 00:19:25,990
>> მოდით შევხედოთ რა
ამ გვერდზე შეიძლება გამოიყურებოდეს

425
00:19:25,990 --> 00:19:29,500
და მოემზადოს სურათს Rick
Astley გამოჩნდება თქვენს ეკრანზე.

426
00:19:29,500 --> 00:19:31,490
ასე რომ, მე წინასწარ ეს.

427
00:19:31,490 --> 00:19:33,800
არსებობს Rick Astley ზე
ძალიან ზევით ამ თვითნებური

428
00:19:33,800 --> 00:19:35,008
სამმართველოს მე ამას ზედა.

429
00:19:35,008 --> 00:19:36,960
და შემდეგ ქვემოთ მე
მაქვს ჩემი კავშირები, არა?

430
00:19:36,960 --> 00:19:39,330
>> მაქვს ბმული მიესალმები dot HTML.

431
00:19:39,330 --> 00:19:42,860
და თუ მე დააწკაპუნეთ რომ, მე
გადავიდა ამ გვერდზე

432
00:19:42,860 --> 00:19:47,050
რომ ჩვენ ძალიან იცნობს
თავიდანვე ჩვენი პროგრამა.

433
00:19:47,050 --> 00:19:50,880
თუ მე პოპ, რომ გვერდზე ღია ერთხელ, თუ მე
პოპ სურათის ბმული გახსნა კიდევ ერთხელ,

434
00:19:50,880 --> 00:19:54,420
მე ასევე შეგიძლიათ გარედან
CS50 ნახვა.

435
00:19:54,420 --> 00:19:56,740
და იქ see-- მე
დააშორებს ცოტა აქ

436
00:19:56,740 --> 00:20:00,260
ჩვენ დავინახავთ, CS50 ნახვა ერთგვარი
ჩართული შუა ჩვენს გვერდზე.

437
00:20:00,260 --> 00:20:04,670
ასე რომ, მე შეძლო შიდა
ბმული აგრეთვე გარე ბმული.

438
00:20:04,670 --> 00:20:07,200
>> ბოლო წესით HTML, რომ
ჩვენ ვაპირებთ, რომ ლაპარაკი აქ

439
00:20:07,200 --> 00:20:09,510
არის, რომ თქვენი HTML კარგად უნდა ჩამოყალიბდეს.

440
00:20:09,510 --> 00:20:13,020
In C ჩვენ ვისაუბრეთ ბევრი
სხვადასხვა სინტაქსი რამ.

441
00:20:13,020 --> 00:20:17,650
In HTML სინტაქსი მართლაც
revolves გარშემო tags.

442
00:20:17,650 --> 00:20:19,660
ყოველ tag თქვენ გახსნა საჭიროებს დაზუსტებას მფლობელის დახურულია.

443
00:20:19,660 --> 00:20:22,630
და სინამდვილეში, ყველა ტეგი თქვენ გახსნა
უნდა დაიხუროს საპირისპირო მიზნით.

444
00:20:22,630 --> 00:20:25,790
>> ასე რომ, თუ თქვენ გახსნა თამამი tag, დახრილი
tag, და შემდეგ იმაზე მიუთითებს, tag

445
00:20:25,790 --> 00:20:28,120
რომ სამივე აქვს
კონკრეტული კომპლექტი ტექსტი,

446
00:20:28,120 --> 00:20:30,070
თქვენ უნდა დახუროს მათ საპირისპირო მიზნით.

447
00:20:30,070 --> 00:20:32,270
ასე რომ, თუ თქვენ გაიხსნა თამამი,
დახრილი, აღვნიშნო, რომ თქვენ

448
00:20:32,270 --> 00:20:35,240
მინდა დახურვა იმაზე მიუთითებს, დახრილი, მუქი.

449
00:20:35,240 --> 00:20:39,990
ეს ერთგვარი encapsulation არის ის, რაც
ინარჩუნებს HTML ლამაზი და ორგანიზებული.

450
00:20:39,990 --> 00:20:44,370
>> განსხვავებით C, თუმცა, სინტაქსური შეცდომების არ
რეალურად ისახავდა თქვენი HTML შესაძლოა.

451
00:20:44,370 --> 00:20:48,730
შენი HTML არ შეიძლება იყოს კარგად
ჩამოყალიბდა, მაგრამ მაინც მუშაობს.

452
00:20:48,730 --> 00:20:50,589
ასე რომ, ეს შეცდომები
შეგიძლიათ დაალაგოთ სლაიდ მიერ.

453
00:20:50,589 --> 00:20:52,130
ეს მდე თქვენ ნამდვილად უნდა ვიყოთ.

454
00:20:52,130 --> 00:20:54,760
ზოგჯერ ისინი ვერ, მაგრამ
ზოგჯერ შეგიძლიათ მიიღოთ მიიყვანეს იგი.

455
00:20:54,760 --> 00:20:56,509
>> ეს შეიძლება იყოს მართლაც
რთული, თუმცა,

456
00:20:56,509 --> 00:21:00,660
შენარჩუნება სიმღერა როდესაც თქვენ გახსნა
tag, როცა დაიხურა,

457
00:21:00,660 --> 00:21:04,110
მით უმეტეს, რომ თქვენი HTML
ფაილი კიდევ უფრო დიდი და უფრო დიდი.

458
00:21:04,110 --> 00:21:05,490
თქვენ გსურთ გარკვეული დახმარება.

459
00:21:05,490 --> 00:21:07,560
და არსებობს ონლაინ
დამტკიცება ინსტრუმენტები, რომ თქვენ

460
00:21:07,560 --> 00:21:11,474
შეგიძლიათ გამოიყენოთ შევხედოთ თქვენი ვებ
გვერდი და თუ ეს კარგად ჩამოყალიბებული HTML.

461
00:21:11,474 --> 00:21:13,390
და თქვენ უნდა აუცილებლად
შევხედოთ იმ

462
00:21:13,390 --> 00:21:16,620
და დაიწყოს მათი გამოყენება, როგორც თქვენ
დაიწყოს აკეთებს ზოგიერთი მუშაობა HTML,

463
00:21:16,620 --> 00:21:20,800
წერილობით HTML, უბრალოდ, ასე რომ თქვენ
რამდენიმე კარგი ჩვევები ორგანიზების შესახებ

464
00:21:20,800 --> 00:21:24,377
თქვენი HTML კარგი გზა და
კარგი სტილი და მიღების დარწმუნებული ვარ,

465
00:21:24,377 --> 00:21:27,210
რომ თქვენ არ აკეთებს იმას,
შეიძლება შეიქმნას სინტაქსური შეცდომა, რომ

466
00:21:27,210 --> 00:21:30,270
გამოიწვევს თქვენ ცოტა
პრობლემა ქვემოთ გზა.

467
00:21:30,270 --> 00:21:31,190
>> მე Doug Lloyd.

468
00:21:31,190 --> 00:21:33,450
ეს არის CS50.

469
00:21:33,450 --> 00:21:34,859