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

2
00:00:06,100 --> 00:00:08,790
>> Даг Ллоид: Тако смо потрошили
о-- ако је моја математика је у праву,

3
00:00:08,790 --> 00:00:11,900
и мислим да гледа натраг-- мислим
провели смо око 35 видео говори

4
00:00:11,900 --> 00:00:15,139
о различитим аспектима Ц, можда
мало више, можда мало мање.

5
00:00:15,139 --> 00:00:16,930
И нисмо покрити
све у Ц, али смо

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
Сада ћемо да разговарамо
о други језик, ХТМЛ.

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
знање које сте већ
изграђен кроз разумевање Ц

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
страна, што је ХТМЛ.

28
00:01:14,830 --> 00:01:18,230
ХТМЛ је Хипер Тект Маркуп Лангуаге.

29
00:01:18,230 --> 00:01:22,700
ХТМЛ је језик, али је
није програмски језик.

30
00:01:22,700 --> 00:01:23,900
>> ХТМЛ нема варијабле.

31
00:01:23,900 --> 00:01:26,430
То нема логике или
функције или тако нешто.

32
00:01:26,430 --> 00:01:30,301
Не могу ништа
програмирање по себи у ХТМЛ.

33
00:01:30,301 --> 00:01:32,300
Понекад ћете чути
људи се описују

34
00:01:32,300 --> 00:01:35,710
као ХТМЛ програмера, који
није у потпуности тачно.

35
00:01:35,710 --> 00:01:37,980
Не можемо писати ХТМЛ програме.

36
00:01:37,980 --> 00:01:40,770
>> ХТМЛ само користи да означи текст горе.

37
00:01:40,770 --> 00:01:42,690
То се зове Маркуп Лангуаге.

38
00:01:42,690 --> 00:01:47,680
А шта је ово доес-- ову маркуп--
користимо ознаке у ХТМЛ и овим тагс--

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

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
>> Ово је врло једноставна ХТМЛ страница, а не
ХТМЛ програма, опет, ХТМЛ страница.

44
00:02:06,450 --> 00:02:08,680
И знамо да је
ХТМЛ страница јер смо

45
00:02:08,680 --> 00:02:11,480
граничи све са ХТМЛ тагова.

46
00:02:11,480 --> 00:02:13,850
Дакле, то је оно што ХТМЛ тег изгледа.

47
00:02:13,850 --> 00:02:15,870
То је између угластим заградама.

48
00:02:15,870 --> 00:02:18,570
И приметите на врху имамо
ХТМЛ и на самом дну,

49
00:02:18,570 --> 00:02:21,400
након што смо урадили оно што је
очигледно много других ХТМЛ,

50
00:02:21,400 --> 00:02:24,310
имамо угаона заграда сласх ХТМЛ.

51
00:02:24,310 --> 00:02:29,262
Дакле, таква врста је граница
између онога што је ХТМЛ, а шта није.

52
00:02:29,262 --> 00:02:32,220
И наравно, конвенционално, само
као што је написао све своје програме Ц

53
00:02:32,220 --> 00:02:35,300
са тачка Ц наставцима,
све ваше ХТМЛ датотека

54
00:02:35,300 --> 00:02:37,909
ће се завршити са тачке ХТМЛ екстензије.

55
00:02:37,909 --> 00:02:39,200
Али има још дешава овде.

56
00:02:39,200 --> 00:02:40,658
Ми не само ове ХТМЛ ознаке.

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
појави на картици у Цхроме
или у сафари или Фирефок--

66
00:03:08,797 --> 00:03:11,880
год браузер префер-- да је
шта ће се појавити у наслову.

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
Ово је прилично једноставна ХТМЛ страница.

74
00:03:33,210 --> 00:03:35,970
Зато сам овде у мом ЦС50 ИДЕ и
Ја сам зумирати у мало.

75
00:03:35,970 --> 00:03:38,290
И само ћу
отвори хелло дот ХТМЛ

76
00:03:38,290 --> 00:03:42,000
и показати вам да је ово прилично
Садржај страница коју смо раније видели.

77
00:03:42,000 --> 00:03:45,240
Моји једноставне ХТМЛ ознаке глава,
титле ознаке, тело, и тако даље.

78
00:03:45,240 --> 00:03:47,320
Ја сам увучен да буде чиста.

79
00:03:47,320 --> 00:03:51,530
>> И онда шта могу да урадим у мом
ИДЕ само прегледајте страницу.

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
Ово је врло једноставна основни ХТМЛ страна.

89
00:04:11,370 --> 00:04:14,280
Сада сам увучен свој ХТМЛ у
бити заиста лепо и организовано,

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
>> Увлачење и такве ствари
уствари не важно у ХТМЛ.

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
А ако се сећате из
наш видео на ХТТП,

120
00:05:26,069 --> 00:05:27,860
Објаснио сам како се отварају
до програмера алата.

121
00:05:27,860 --> 00:05:32,020
У Цхроме обично је Ф12
да се отвори алаткама програмера.

122
00:05:32,020 --> 00:05:35,909
Затим, уместо избора Нетворк
картица, можете изабрати картицу елемената.

123
00:05:35,909 --> 00:05:37,700
А ако убаците веб
страна, заправо ћу

124
00:05:37,700 --> 00:05:40,280
види ХТМЛ који ствара ту веб страницу.

125
00:05:40,280 --> 00:05:44,090
И тако можете научити много о ХТМЛ
гледајући вашим омиљеним сајтовима

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
Како они то чине са ХТМЛ?

129
00:05:52,140 --> 00:05:55,630
Па само да отворите свој девелопер
алати и лебде над том елементу

130
00:05:55,630 --> 00:05:57,700
и види шта ХТМЛ-успети.

131
00:05:57,700 --> 00:05:59,450
Дакле, то је стварно
добар начин да научите ХТМЛ,

132
00:05:59,450 --> 00:06:02,330
и препоручујемо да
радиш то како да уче ХТМЛ-

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
>> Дакле, хајде да погледамо
Неколико заједничких ХТМЛ тагова.

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
Дакле, овде су три врло основна ознаке за
угађати визуелни изглед текста.

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
>> Дакле, овде у мом ИДЕ имам
фајл који се зове БИУ тачка ХТМЛ.

146
00:06:43,390 --> 00:06:46,770
БИУ тачка ХТМЛ-јуст беинг
Болд, курзив, подвлачење.

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
Још пар заједничких ознака овде су
пасуса, П и заглавља ознаке,

161
00:07:25,530 --> 00:07:27,980
што сам овде преведена као ХКС.

162
00:07:27,980 --> 00:07:32,520
>> Ови П ознаке, ови став тагс,
бреак текст горе у ставовима.

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
Морамо врло јасно рећи
је један параграпх-- ово је анотхер--

169
00:07:47,670 --> 00:07:50,740
ставити сваки у низу П тагова.

170
00:07:50,740 --> 00:07:54,560
>> Такође имамо ове опције
за Х ознаке, те заглавља ознаке.

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
Дакле, овде у мом ИДЕ имам фајл који се зове
ПХ тачка ХТМЛ ПХ бити ст

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
Има доста дешава овде
јер Ставио сам Лорем

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
Али приметио да имам у самом
врх овде имам Х1, ниво један,

185
00:08:31,980 --> 00:08:32,802
заглавље ознака.

186
00:08:32,802 --> 00:08:36,010
Онда имам став, који је само
гомила случајних тект-- Лорем ипсум--

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
Дакле, имамо нередоследна
листс-- УЛс-- које су само

206
00:09:30,820 --> 00:09:34,090
листе набрајања, након
Листа које су нумберед--

207
00:09:34,090 --> 00:09:37,680
ОЛс-- и унутар или
једна од оних које треба да има

208
00:09:37,680 --> 00:09:40,600
комплета како показују предмете листу, Ли.

209
00:09:40,600 --> 00:09:44,370
И тако имамо отворену УЛ таг
и ставимо ствари у њему.

210
00:09:44,370 --> 00:09:46,920
И онда, када смо завршили са
да, можемо затворити УЛ ознаку.

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
и шта би они
рендер као и на ЦС50 ИДЕ.

215
00:09:57,230 --> 00:10:00,640
Дакле, имам овде у мом ИДЕ А
фајл који се зове листе дот ХТМЛ.

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
jel tako?

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
Ја ћелим-- по дефаулту то ће бити једног--
од само додавањем ове такозване атрибут

223
00:10:20,130 --> 00:10:21,190
мом ОЛ таг.

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
Па тако можемо
изгради листе користећи ХТМЛ.

236
00:10:56,247 --> 00:10:58,080
Још једна ствар коју би могао
желите да урадите са ХТМЛ

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
Да бисте то урадили са ХТМЛ можемо имати
дефиниција сто поциње отворену заграду

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
А онда ТД ознаке уђемо у ТР тагова
да одредите колону у оквиру редом.

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
А у сваком реду имате
ТДС за број колона

252
00:11:40,030 --> 00:11:42,880
који желите да имате
у том низу.

253
00:11:42,880 --> 00:11:47,730
Хајде да погледамо веома
једноставна сто тамо у ЦС50 ИДЕ.

254
00:11:47,730 --> 00:11:49,730
>> Дакле, имам овде датотеку
зове сто тачка ХТМЛ.

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
И онда сам завршио са ХТМЛ.

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
И ми ћемо да се баве
да када говоримо о ЦСС.

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

281
00:12:51,690 --> 00:12:54,617
Хајде да причамо о
Концепт ХТМЛ форми.

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
>> Прескачем ДИВ мало.

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
Затим, ту је овај концепт
а див, који заправо и не

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
Само некако разграничава
почетак неког произвољног дивисион--

298
00:13:29,790 --> 00:13:31,670
див-- странице.

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
када смо над главом да
ИДЕ у секунди, ми ћемо

307
00:13:49,410 --> 00:13:53,760
видим да сам стављајући мој
формирају унутар једног див.

308
00:13:53,760 --> 00:13:57,050
>> Дакле, имам овде у мом ИДЕ А
фајл који се зове див облик тачка ХТМЛ.

309
00:13:57,050 --> 00:13:59,260
Хајде да отворимо.

310
00:13:59,260 --> 00:14:01,460
Приметите да као што сам рекао,
див је некако произвољна.

311
00:14:01,460 --> 00:14:01,640
Jel tako?

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

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
Тако сам терен чије име је--
који заправо не значи ништа

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
Обратите пажњу да је ово произвољно
Први дивисион-- нема

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
Опет, не говоримо о ЦСС овде.

333
00:14:49,256 --> 00:14:51,030
Ми само говоримо о ХТМЛ.

334
00:14:51,030 --> 00:14:53,980
>> Па у мом облику текста могу тип--
запамтите да облици типа текста

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
А видећемо шта можемо да урадимо са
да у будућем видео на ПХП.

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
И занимљиво
постоји још један ХТМЛ тагове

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
>> А хреф једнако к средства иду у
веб страница Кс. и све

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
слика налази на Кс. И
можда ћете моћи да промените

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
То је знак узвика! ДОЦТИПЕ хтмл.

387
00:17:19,410 --> 00:17:23,300
Тако ХТМЛ је око била од
почетком 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
зове ХТМЛ5 која је сада актуелна
врста де фацто ХТМЛ стандарда.

391
00:17:33,440 --> 00:17:36,730
>> Да указују на то да наш веб
странице су написане коришћењем ХТМЛ5,

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
средство је не можете користити било који од тагова
да су ХТМЛ5 ознаке, оне нове ознаке.

395
00:17:45,930 --> 00:17:48,591
Тако смо увек кренути
ако користите ХТМЛ5.

396
00:17:48,591 --> 00:17:51,340
И све ознаке смо разговарали о
претходно нису ХТМЛ5 ознаке.

397
00:17:51,340 --> 00:17:55,470
Али ово би значило да
ХТМЛ5 ознаке ће бити присутни.

398
00:17:55,470 --> 00:17:58,400
И тако имамо узвик
ДОЦТИПЕ хтмл, која

399
00:17:58,400 --> 00:18:01,280
је на самом почетку нашег
ХТМЛ фајл, а након тога тачка

400
00:18:01,280 --> 00:18:04,930
ми имамо наш ХТМЛ-отворено
таг и наставите одатле.

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
И хајде да погледамо слике
и коментари и везе у ЦС50 ИДЕ.

406
00:18:28,420 --> 00:18:32,850
>> Дакле, имам овде фајл под именом Имаге Линк
тачка ХТМЛ-који ћу да отворим.

407
00:18:32,850 --> 00:18:36,420
И приметио да имам пар
цомментс овде у мојим ХТМЛ коментаре.

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

409
00:18:38,990 --> 00:18:43,169
ХТМЛ-само тиме што је Маркуп Лангуаге
нема способност да имају коментаре.

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

411
00:18:45,710 --> 00:18:49,060
негде између ове див
ознака, ово произвољна подела.

412
00:18:49,060 --> 00:18:51,497
Очигледно да је фајл
налази Рицк дот ЈПЕГ, која

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 овде
мој хреф је здраво тачка ХТМЛ.

419
00:19:05,080 --> 00:19:09,050
Тако да само односи на здраво дот ХТМЛ
која постоји у текућем директоријуму.

420
00:19:09,050 --> 00:19:12,980
И такође могу имати екстерни
линкови за само наводећи ХТТПС

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
да затражи путем ХТТП протокола.

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
А онда доле И
Имам своје везе, зар не?

430
00:19:36,960 --> 00:19:39,330
>> Имам везу у Хелло дот ХТМЛ.

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
Такође могу екстерно
на сајт ЦС50 је.

435
00:19:54,420 --> 00:19:56,740
И ту смо видим-- ћу
зоом оут мало овде-

436
00:19:56,740 --> 00:20:00,260
видећемо ЦС50 аутора врсту
уграђен у средишту наше странице.

437
00:20:00,260 --> 00:20:04,670
Тако да сам био у могућности да унутрашња
повезати као и спољног линка.

438
00:20:04,670 --> 00:20:07,200
>> Последњи правило да са ХТМЛ
ћемо разговарати о овде

439
00:20:07,200 --> 00:20:09,510
је да ваш ХТМЛ-треба добро формиран.

440
00:20:09,510 --> 00:20:13,020
У Ц смо разговарали доста о
разних синтакса ствари.

441
00:20:13,020 --> 00:20:17,650
У ХТМЛ синтакса стварно
врти око тагова.

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
Ова врста инкапсулацију је шта
чува ХТМЛ-лепо и организовано.

450
00:20:39,990 --> 00:20:44,370
>> За разлику од Ц, међутим, синтакса грешке неће
заправо онеспособи свој ХТМЛ могуће.

451
00:20:44,370 --> 00:20:48,730
Ваш ХТМЛ можда није добро
формиран али би и даље радити.

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
посебно као ваш ХТМЛ
фајлови се све већа и већа.

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
могу користити да погледам твој веб
страна и види да ли је добро формиран ХТМЛ.

461
00:21:11,474 --> 00:21:13,390
И требало би дефинитивно
Погледајмо оне

462
00:21:13,390 --> 00:21:16,620
и почети да их користе као ти
почети нешто ради са ХТМЛ,

463
00:21:16,620 --> 00:21:20,800
писање ХТМЛ, само да се
неке добре навике о организовању

464
00:21:20,800 --> 00:21:24,377
Ваш ХТМЛ на добар начин и
добар стил и пазећи

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
Ово је ЦС50.

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