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

2
00:00:06,100 --> 00:00:08,790
>> Даг LLOYD: поминавме
about-- ако мојата математика е во право,

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
>> Но, што се случува да биде во ред.

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
да се направи на учење крива за овие
други јазици всушност многу Рамниот.

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-от е само користи за да означите текст.

37
00:01:40,770 --> 00:01:42,690
Таа се вика маркап јазик.

38
00:01:42,690 --> 00:01:47,680
И она што оваа does-- овој markup--
ние ги користиме тагови во HTML и овие tags--

39
00:01:47,680 --> 00:01:51,600
оваа markup-- семантички
ја дефинира структурата на една страница

40
00:01:51,600 --> 00:01:55,280
и предизвикува чист текст кој
постои помеѓу таговите треба да се толкува

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 тагови.

46
00:02:11,480 --> 00:02:13,850
Значи ова е она што на HTML таг изгледа.

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
имаме аглеста заграда коса црта на 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
со точка C екстензии,
сите на вашиот HTML датотеки

54
00:02:35,300 --> 00:02:37,909
ќе заврши со точка HTML екстензии.

55
00:02:37,909 --> 00:02:39,200
Но, има уште се случува тука.

56
00:02:39,200 --> 00:02:40,658
Ние не само што мора овие HTML тагови.

57
00:02:40,658 --> 00:02:44,010
Ние очигледно имаат оваа
нешто што се нарекува ознака главата.

58
00:02:44,010 --> 00:02:46,010
Па, добро, што е тоа?

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
Па можеби таг главата дефинира работи
што не е во прозорецот на прелистувачот правилно,

62
00:02:55,860 --> 00:02:59,410
но некако е важно за нашите
веб-страница да биде изречена правилно.

63
00:02:59,410 --> 00:03:02,490
На пример, во внатрешноста на
главата таг имаме наслов тагови.

64
00:03:02,490 --> 00:03:05,500
>> Па Наслов биде здраво светот,
кој е, всушност, ќе биде она што

65
00:03:05,500 --> 00:03:08,797
се појавува во јазичето во Хром
или во сафари или 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
Така што се случува да биде на
насловот на мојата страница во табот

70
00:03:22,160 --> 00:03:24,600
или бар на прозорецот на прелистувачот, Здраво светот.

71
00:03:24,600 --> 00:03:28,611
А потоа и на содржината на моите
веб-страница ќе биде светот, здраво.

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
И јас сум само ќе
отвори здраво точка HTML

76
00:03:38,290 --> 00:03:42,000
и ќе покаже дека ова е доста
содржината на страницата, што сме го виделе порано.

77
00:03:42,000 --> 00:03:45,240
Мојот едноставен HTML тагови, главата,
наслов тагови, телото, и така натаму.

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
Содржината на мојата страница е свет,
Здраво, и јас не гледам ништо

82
00:03:56,070 --> 00:03:58,500
во од таговите главата таму.

83
00:03:58,500 --> 00:03:59,980
Тоа е само на содржината на телото.

84
00:03:59,980 --> 00:04:00,780
Свет, здраво.

85
00:04:00,780 --> 00:04:03,700
И повторно телото само
рече, свет, здраво.

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 се
биде навистина убаво и организирани,

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
Целата работа е отворање тагови и
затворање тагови во правилен ред.

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
Здраво, Светска дел беше
толкува како наслов.

110
00:05:03,130 --> 00:05:06,410
И светот, здраво дел беше
толкува како содржина

111
00:05:06,410 --> 00:05:09,090
или она што треба да биде
видливо на мојот веб-страница.

112
00:05:09,090 --> 00:05:12,167
>> Постојат повеќе од 100 од овие различни
тагови и многу големи ресурси

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
Јас објасни како да се отвори
до инвеститорот алатки.

121
00:05:27,860 --> 00:05:32,020
Во Хром тоа е обично на копчето F12
да се отвори лентата со алатки на инвеститорот.

122
00:05:32,020 --> 00:05:35,909
Тогаш наместо изборот на Мрежата
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
И вие само може да се отвори вашиот инвеститорот
алатки и лебдат над тој елемент

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 тагови.

138
00:06:14,080 --> 00:06:17,210
И ние ќе скокне и да ги разгледаме во
она што овие тагови, исто така, ќе ги направи

139
00:06:17,210 --> 00:06:20,490
како од страна гледајќи во некои датотеки во мојот ИРО.

140
00:06:20,490 --> 00:06:26,330
Значи тука се три многу основни тагови за
tweaking на визуелниот изглед на текстот.

141
00:06:26,330 --> 00:06:29,050
Нема тагови Б, јас тагови, и У тагови.

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
Да видиме што тоа ќе изгледа
како на вистински веб-страница во мојата ИРО.

145
00:06:40,430 --> 00:06:43,390
>> Па тука во мојот ИРО имам
датотека наречена Biu точка HTML.

146
00:06:43,390 --> 00:06:46,770
Biu точка HTML-само да се биде
задебелени, закосени, подвлекувајќи.

147
00:06:46,770 --> 00:06:47,830
Јас ќе го отвори.

148
00:06:47,830 --> 00:06:51,810
>> И ќе видиме дека тука можам
имаат овој текст е тагови Б задебелени букви.

149
00:06:51,810 --> 00:06:54,010
Овој текст јас тагови курзив.

150
00:06:54,010 --> 00:06:56,307
И овој текст е У тагови подвлечени.

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
на мојот интернет пребарувач, мојата прелистувачот на датотеки, кликнете
Преглед, и тоа е она што доаѓа до.

154
00:07:04,690 --> 00:07:07,520
>> Текстот помеѓу Б
тагови е навистина сега со задебелени букви.

155
00:07:07,520 --> 00:07:10,720
Текстот во меѓу јас
тагови е навистина сега курзив.

156
00:07:10,720 --> 00:07:14,634
А текстот во меѓу У
тагови навистина сега подвлечени.

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
Уште неколку заеднички тагови тука се
став тагови, P, и насловот тагови,

161
00:07:25,530 --> 00:07:27,980
што сум донел тука како HX.

162
00:07:27,980 --> 00:07:32,520
>> Овие P тагови, овие став тагови,
се скрши вашиот текст до во ставовите.

163
00:07:32,520 --> 00:07:34,646
Тоа не е доволно само да се
притиснете Enter и остави простор,

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 тагови.

170
00:07:50,740 --> 00:07:54,560
>> И ние исто така имаат овие опции
за H тагови, овие заглавието тагови.

171
00:07:54,560 --> 00:07:57,000
Имаме шест различни нивоа
на заглавија, еден, два, три,

172
00:07:57,000 --> 00:08:01,110
четири, пет, шест, кои се
постепено се поголеми и поголеми

173
00:08:01,110 --> 00:08:01,710
заглавија.

174
00:08:01,710 --> 00:08:04,360
И тие се помали и
помала и помала и помала.

175
00:08:04,360 --> 00:08:07,690
Значи ние треба со глава, од највисоко ниво, второ
глава ниво, и така натаму, и така натаму.

176
00:08:07,690 --> 00:08:10,480
>> Ајде да ги разгледаме во некои можеби
П тагови и некои заглавието тагови

177
00:08:10,480 --> 00:08:13,110
во акција на веб-страница.

178
00:08:13,110 --> 00:08:18,180
Па тука во мојот ИРО имам датотека наречена
PH точка HTML, ПХ се ставови

179
00:08:18,180 --> 00:08:18,970
и насловот тагови.

180
00:08:18,970 --> 00:08:20,709
Отворете дека до.

181
00:08:20,709 --> 00:08:23,000
Има многу се случува овде
затоа што јас сум се стави некои Lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, некои само случајни текст тука.

183
00:08:24,660 --> 00:08:27,284
Па јас ќе ја намалите малку
затоа што има толку многу се случува.

184
00:08:27,284 --> 00:08:31,980
Но забележите дека имам уште на самиот
врвот тука имам Н1, на ниво еден,

185
00:08:31,980 --> 00:08:32,802
насловот таг.

186
00:08:32,802 --> 00:08:36,010
Тогаш имам став, што е само
еден куп на случајни text-- Lorem 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
да имаат ниво на две насловот овде на линија 24,
втора глава ниво, а уште две

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
>> Така да се забележи дека
првиот наслов ниво тука

194
00:08:55,730 --> 00:08:58,420
е всушност сосема малку поголема
од глава, второ ниво.

195
00:08:58,420 --> 00:08:59,940
Така што се користат Н1 тагови.

196
00:08:59,940 --> 00:09:03,820
И ќе забележите дека тагови Р ни овозможи
да се скрши работи надвор во ставовите.

197
00:09:03,820 --> 00:09:07,500
Ако имавме добиле ослободи од оние Р тагови
а всушност само стави внесува или враќа

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
И така тоа е она што ставот
таговите и насловот тагови

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
>> Потоа се некои тагови кои ги користиме
да се изгради листи на нашата веб-страница.

205
00:09:27,560 --> 00:09:30,820
Значи ние треба неподредени
lists-- 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
сетови за тоа како да се покаже листата на предмети, Ли.

209
00:09:40,600 --> 00:09:44,370
И така имаме отворена таг UL
и ќе стави предмети во него.

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 ИРО.

215
00:09:57,230 --> 00:10:00,640
Па имам тука во мојот ИРО на
датотека наречена листи 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
А потоа имам подредена листа, и
Се променив таг малку,

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
Првите пет елементи се
неподредени или нумерирани листи и листи.

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 може да имаме
дефиниција маса почнува отворена заграда

240
00:11:09,110 --> 00:11:10,160
табела.

241
00:11:10,160 --> 00:11:14,680
А потоа и во внатрешноста на табелата ние
би можеле да имаат збир на редови, ТР тагови

242
00:11:14,680 --> 00:11:15,980
за да се покаже секој ред.

243
00:11:15,980 --> 00:11:22,510
А потоа TD таговите одат во внатрешноста на ТР тагови
за да одредите колона во ред.

244
00:11:22,510 --> 00:11:24,340
>> Зошто е наречен ТД и не ТЦ?

245
00:11:24,340 --> 00:11:25,940
Па, ТД залага за табела на податоци.

246
00:11:25,940 --> 00:11:27,900
Обично сте ставање
Вашите информации таму.

247
00:11:27,900 --> 00:11:29,440
Па тоа е зошто тоа е од ТД и не ТЦ.

248
00:11:29,440 --> 00:11:31,140
Тоа е малку збунувачки.

249
00:11:31,140 --> 00:11:33,720
>> Па мора маса тагови и
во внатрешноста на вашиот тагови маса

250
00:11:33,720 --> 00:11:35,600
имате голем број на редови, Технички извештаи.

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 ИРО.

254
00:11:47,730 --> 00:11:49,730
>> Па имам тука датотека
наречен маса точка 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
Ние ќе го ревидира оваа идеја на
она што го правиме за да се направи table--

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
>> Само уште неколку тагови ќе се зборува за.

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
>> Скокнеш во текот 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
кутии кои сте темпирана исклучување.

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
вклопат во секоја поединечна категорија
на тагови, како оние што сум

296
00:13:25,060 --> 00:13:26,170
правеле претходно.

297
00:13:26,170 --> 00:13:29,790
Тоа е само вид на демаркира на
почеток на некои произволни 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
кога ќе минете во текот на
ИРО во второ, ние ќе

307
00:13:49,410 --> 00:13:53,760
се види дека јас сум ставање мојата
формираат во внатрешноста на div.

308
00:13:53,760 --> 00:13:57,050
>> Па имам тука во мојот ИРО на
датотека наречена div форма точка 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
право now-- дека очигледно
го текстот, уште еден кој

319
00:14:19,350 --> 00:14:22,630
зема лозинка, тоа е уште една радио
копче, тоа е уште еден наога,

320
00:14:22,630 --> 00:14:24,797
и друга која е копчето Submit.

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
>> Јас исто така, можат да изберат да ги заокружат еден
копчето или пак ќе заокружат наога.

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
Но, јас можеби може да ги конфигурирате мојот
Копчето Submit да се направи нешто друго.

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
>> Еден последниот коментар пред да
се движи кон некои други тагови

349
00:15:29,620 --> 00:15:32,040
треба да ги погледне во овој
внесување таг уште еднаш.

350
00:15:32,040 --> 00:15:35,760
Известување дека сум го истакна
на крајот од овој таг со црвена боја.

351
00:15:35,760 --> 00:15:39,390
Секоја друга ознака што сум го видел досега има
имал почеток и крај, отвор

352
00:15:39,390 --> 00:15:41,030
ознака и ознака за затворање.

353
00:15:41,030 --> 00:15:42,520
>> Но влезен таг не е така.

354
00:15:42,520 --> 00:15:46,860
Нема текст што оди
во меѓу влезни тагови.

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
Известување имаме име внесување еднакво на 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
е содржан во внатрешноста на
ознака и негови карактеристики.

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
и аголот на коса црта
Држач за на десната страна.

367
00:16:17,000 --> 00:16:20,580
Ќе видиме уште еден од оние
сега со сликата тагови, како и.

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 таг

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. И сè

377
00:16:49,150 --> 00:16:51,580
меѓу отворените етикети
и блиски етикети

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
и други атрибути во
која точка точка точка таму.

384
00:17:11,640 --> 00:17:14,260
>> На самото дно тука
имаме еден многу интересен

385
00:17:14,260 --> 00:17:16,170
во потрага ознака што не го прави тоа
имаат ознака затворање.

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
ова е како да започнете.

393
00:17:38,160 --> 00:17:40,380
Тоа може да се изостави, но
она што во основа

394
00:17:40,380 --> 00:17:45,930
значи е не можете да користите било кој од тагови
кои се HTML5 тагови, оние кои се нови ознаки.

395
00:17:45,930 --> 00:17:48,591
Значи, ние секогаш започнете
ако ние сме со користење HTML5.

396
00:17:48,591 --> 00:17:51,340
И сите тагови ние разговаравме за
претходно не се HTML5 тагови.

397
00:17:51,340 --> 00:17:55,470
Но, ова ќе укажуваат на тоа дека
HTML5 тагови ќе бидат присутни.

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 отворена
означувате и продолжи од таму.

401
00:18:04,930 --> 00:18:10,050
>> Последната е коментар таг,
кој изгледа малку различни, исто така.

402
00:18:10,050 --> 00:18:12,810
Тоа започнува со агол
Држач фантастичен цртичка

403
00:18:12,810 --> 00:18:15,220
цртичка но не заградата затворање.

404
00:18:15,220 --> 00:18:20,150
Меѓу овие два елементи таму
е местото каде што ќе напишете вашиот коментари.

405
00:18:20,150 --> 00:18:28,420
И ајде да ги разгледаме во слики
и коментари и линкови во CS50 ИРО.

406
00:18:28,420 --> 00:18:32,850
>> Па имам тука датотека наречена слика врската
дот HTML кој јас ќе одам да се отвори.

407
00:18:32,850 --> 00:18:36,420
И ќе забележите дека имам неколку
Коментари од тука во мојот HTML коментари.

408
00:18:36,420 --> 00:18:38,990
Па исто како и во Ц и други
програмски јазици,

409
00:18:38,990 --> 00:18:43,169
Само со тоа што на HTML маркап јазик
ја имаат способноста да се има коментари.

410
00:18:43,169 --> 00:18:45,710
И така јас очигледно ќе
поставите слика на Рик Astley

411
00:18:45,710 --> 00:18:49,060
некаде помеѓу овој div
ознака, оваа произволна поделба.

412
00:18:49,060 --> 00:18:51,497
Очигледно дека датотеката е
лоциран на Рик точка 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
Па тоа е во ред.

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
Значи забележите на линија 11 тука
href ми е здраво точка HTML.

419
00:19:05,080 --> 00:19:09,050
Така што само се однесува на здраво точка 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
и да се подготвени за слика на Рик
Astley да се појави на екранот.

426
00:19:29,500 --> 00:19:31,490
Па јас ќе ги видиш ова.

427
00:19:31,490 --> 00:19:33,800
Има Рик 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
>> Имам линк до здраво точка 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--
оддалечите малку here--

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
Во C ние зборуваше многу за
различните синтаксата на нештата.

441
00:20:13,020 --> 00:20:17,650
Во HTML синтаксата навистина
се врти околу тагови.

442
00:20:17,650 --> 00:20:19,660
Секој таг ќе се отвори треба да бидат затворени.

443
00:20:19,660 --> 00:20:22,630
И всушност, секој таг ќе ја отворите
треба да се затворат во обратен редослед.

444
00:20:22,630 --> 00:20:25,790
>> Значи, ако ви се отвори еден храбар ознака, една курзив
таг, а потоа и нагласам таг

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
Па ако се отвори храбар,
italic, underline, можете

448
00:20:32,270 --> 00:20:35,240
сакате да го затворите нагласам, закосени, задебелени букви.

449
00:20:35,240 --> 00:20:39,990
Овој вид на херметичка е она што
HTML чува убаво и организирани.

450
00:20:39,990 --> 00:20:44,370
>> За разлика од Ц, иако, синтаксички грешки нема
всушност осакатува вашиот 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
да ги пратите на кога ќе се отвори
ознака, кога ќе ја затвори,

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
>> Јас сум Даг Лојд.

468
00:21:31,190 --> 00:21:33,450
Ова е CS50.

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