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
про різні аспекти С, може бути
трохи більше, може бути, трохи менше.

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 є мова гіпертекстової розмітки.

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
Виставки в закладці в Chrome
або в сафарі або 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
У Chrome це зазвичай клавішу F12
щоб відкрити панель інструментів розробника.

122
00:05:32,020 --> 00:05:35,909
Тоді замість вибору мережі
закладка, ви можете вибрати вкладку Elements.

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
а, дивлячись на деяких файлів в моєму IDE.

140
00:06:20,490 --> 00:06:26,330
Так ось три найосновніші теги для
налаштування зовнішнього вигляду тексту.

141
00:06:26,330 --> 00:06:29,050
Там це B теги, теги, I і U теги.

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 у мене
Файл називається МУВ точка HTML.

146
00:06:43,390 --> 00:06:46,770
МУВ точка HTML просто бути
напівжирний, курсив, підкреслення.

147
00:06:46,770 --> 00:06:47,830
Я відкрию його.

148
00:06:47,830 --> 00:06:51,810
>> І ми побачимо, що тут я
Тобто цей текст є B теги виділені жирним шрифтом.

149
00:06:51,810 --> 00:06:54,010
Цей текст мітки I курсив.

150
00:06:54,010 --> 00:06:56,307
І цей текст U теги підкреслив.

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
>> Текст між B
теги дійсно в даний час виділені жирним шрифтом.

155
00:07:07,520 --> 00:07:10,720
Текст між I
теги дійсно в даний час курсивом.

156
00:07:10,720 --> 00:07:14,634
І текст в між U
теги дійсно в даний час підкреслені.

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
Ще пару загальних тегів тут
теги параграфів, теги Р, і заголовок,

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
Це не досить просто
Введіть вдарив і залишити прогалини,

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
Тому ми не можемо просто натисніть Enter
і чекати наш комп'ютер

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
>> Давайте поглянемо на деякі, можливо,
P-теги і теги заголовків деякі

177
00:08:10,480 --> 00:08:13,110
в дії на веб-сторінці.

178
00:08:13,110 --> 00:08:18,180
Так от в моєму IDE у мене є файл з ім'ям
PH точка HTML, PH бути пункти

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
Але зверніть увагу, що в мене є, по крайней
початку тут у мене є H1, рівень один,

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
Так що в мене два абзаци всередині, що
Рівень одна заголовок, а потім вниз I

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
Тому ми використовували H1 теги.

196
00:08:59,940 --> 00:09:03,820
І зверніть увагу, що теги P дозволяють нам
зламати речі в пунктах.

197
00:09:03,820 --> 00:09:07,500
Якби ми позбулися цих тегів P
а насправді просто покласти Вхід або повернення

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
набори, як вказують елементи списку, LI.

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 IDE.

215
00:09:57,230 --> 00:10:00,640
Так що я тут, в моїй IDE а
файл з ім'ям списки точка 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
Виявляється з упорядкованою список I
може встановити початкову точку там, де це

222
00:10:16,110 --> 00:10:20,130
Я want-- за замовчуванням він буде одно--
просто додавши цей так званий атрибут

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
два, три, чотири, п'ять, який
було б у випадку, якщо я сказав ПР

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
А потім всередині цієї таблиці ми
може мати безліч рядків, TR тегів

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
>> Чому вона називається ТД і не TC?

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 IDE.

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
Ми можемо покласти речі всередині
з діви, і справді,

306
00:13:47,619 --> 00:13:49,410
коли ми над головою
IDE в секунду, ми будемо

307
00:13:49,410 --> 00:13:53,760
бачити, що я ставлю мій
утворюють всередині справ.

308
00:13:53,760 --> 00:13:57,050
>> Так що я тут, в моїй IDE а
Файл називається 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
і ще, що це кнопки Надіслати.

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
Але я міг би, можливо, налаштувати мій
Розмістити кнопку, щоб зробити щось ще.

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
Зверніть увагу, у нас є ім'я входу дорівнює х.

358
00:15:54,690 --> 00:15:55,580
Тип дорівнює у.

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
>> HREF дорівнює х кошти йдуть
веб-сторінки Х. І все

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 IDE.

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
Так само, як в C та інших
мови програмування,

409
00:18:38,990 --> 00:18:43,169
HTML тільки будучи мова розмітки
дійсно є здатність мати коментарі.

410
00:18:43,169 --> 00:18:45,710
І тому я, мабуть збирається
розмістити картину Рік Естлі

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
і отримати готовий для картини Рик
Естлі, щоб показати на екрані.

426
00:19:29,500 --> 00:19:31,490
Так що я буду переглядати це.

427
00:19:31,490 --> 00:19:33,800
Там Рік Естлі це на
дуже зверху в цьому довільне

428
00:19:33,800 --> 00:19:35,008
поділ я поклав його на вершині.

429
00:19:35,008 --> 00:19:36,960
А потім внизу I
мої посилання, вірно?

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
Так що, якщо ви відкрили сміливий,
курсив, підкреслення, ви

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
>> На відміну від 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
щоб відстежувати, коли ви відкрили
тег, коли ви закрили його,

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