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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Tak spędziliśmy
about-- czy moja matematyka jest w porządku,

3
00:00:08,790 --> 00:00:11,900
i myślę, że patrząc back-- myślę
spędziliśmy około 35 filmów rozmowy

4
00:00:11,900 --> 00:00:15,139
o różnych aspektach C, może
trochę więcej, może trochę mniej.

5
00:00:15,139 --> 00:00:16,930
I nie obejmuje
wszystko w C, ale

6
00:00:16,930 --> 00:00:21,170
pokryte duży kawał
język, ogromna większość z nich,

7
00:00:21,170 --> 00:00:22,882
Z pewnością dla wspólnych celów.

8
00:00:22,882 --> 00:00:25,090
Teraz będziemy rozmawiać
o inny język HTML.

9
00:00:25,090 --> 00:00:28,180
I jedziemy na pokrycie
to tylko w jednym filmie.

10
00:00:28,180 --> 00:00:29,340
>> Ale, że będzie OK.

11
00:00:29,340 --> 00:00:31,410
To będzie rzeczywiście stać
coś, co masz zamiar się przyzwyczaić.

12
00:00:31,410 --> 00:00:33,535
Teraz, że masz
Podstawy jednego języka,

13
00:00:33,535 --> 00:00:35,776
to faktycznie całkiem proste
aby rozpocząć naukę innych.

14
00:00:35,776 --> 00:00:37,650
Tak więc mamy zamiar zacząć
do kroku trochę powrotem

15
00:00:37,650 --> 00:00:43,340
i połysk przez podstawowy
Różnice między tymi językami

16
00:00:43,340 --> 00:00:45,750
i rodzaju zostawiają cię do niego.

17
00:00:45,750 --> 00:00:48,530
Jest wiele naprawdę świetnie
zasobów w Internecie, które

18
00:00:48,530 --> 00:00:51,279
mamy zamiar rozpocząć kierowanie
kierunku, ponieważ internet jest

19
00:00:51,279 --> 00:00:53,340
ogromna repozytorium informacji.

20
00:00:53,340 --> 00:00:55,960
A więc to nie jest ci jak będziesz
być tracąc koniecznie

21
00:00:55,960 --> 00:00:58,349
nie mając informacje
pokryte w wideo.

22
00:00:58,349 --> 00:01:00,640
Nadal będziesz w stanie uzyskać
wszystko czego potrzebujesz i wykorzystanie

23
00:01:00,640 --> 00:01:03,590
wiedza już mam
zbudowany przez zrozumienie C

24
00:01:03,590 --> 00:01:07,130
do krzywej uczenia się dla nich
inne języki rzeczywiście dużo bardziej płaskie.

25
00:01:07,130 --> 00:01:08,640
Obiecuję.

26
00:01:08,640 --> 00:01:12,770
>> Ale pomówmy o jednym języku
to naprawdę podstawowe dla każdej sieci

27
00:01:12,770 --> 00:01:14,830
Strona, która jest HTML.

28
00:01:14,830 --> 00:01:18,230
HTML jest Hyper Text Markup Language.

29
00:01:18,230 --> 00:01:22,700
HTML jest językiem, ale jest
nie język programowania.

30
00:01:22,700 --> 00:01:23,900
>> HTML nie mają zmienne.

31
00:01:23,900 --> 00:01:26,430
To nie ma logiki lub
funkcje lub coś w tym stylu.

32
00:01:26,430 --> 00:01:30,301
Nie możemy tego zrobić jakakolwiek
programowania per se w HTML.

33
00:01:30,301 --> 00:01:32,300
Czasami można usłyszeć
ludzie opisują siebie

34
00:01:32,300 --> 00:01:35,710
jako programistów HTML, które
nie jest do końca prawdziwe.

35
00:01:35,710 --> 00:01:37,980
Nie możemy pisać programy w formacie HTML.

36
00:01:37,980 --> 00:01:40,770
>> HTML jest tylko używany do zaznaczania tekstu.

37
00:01:40,770 --> 00:01:42,690
To się nazywa język znaczników.

38
00:01:42,690 --> 00:01:47,680
A co to does-- ten markup--
możemy używać znaczników w HTML i tych tags--

39
00:01:47,680 --> 00:01:51,600
to markup-- semantycznie
definiuje strukturę strony

40
00:01:51,600 --> 00:01:55,280
i powoduje, że zwykły tekst, który
istnieje między znaczniki należy interpretować

41
00:01:55,280 --> 00:01:57,320
przez przeglądarki w różny sposób.

42
00:01:57,320 --> 00:02:00,370
A może najlepiej wyjaśnić
to w drodze ilustracji.

43
00:02:00,370 --> 00:02:06,450
>> Oto bardzo prosta strona HTML, nie
program HTML, znowu, strona HTML.

44
00:02:06,450 --> 00:02:08,680
I wiemy, że jest to
Strona HTML, ponieważ mamy

45
00:02:08,680 --> 00:02:11,480
ograniczony wszystko z tagów HTML.

46
00:02:11,480 --> 00:02:13,850
Więc to jest to, co znacznik HTML wygląda.

47
00:02:13,850 --> 00:02:15,870
To w nawiasach kątowych.

48
00:02:15,870 --> 00:02:18,570
I zauważyć, na górze mamy
HTML i na samym dole,

49
00:02:18,570 --> 00:02:21,400
po zrobiliśmy to, co jest
podobno wiele innych HTML,

50
00:02:21,400 --> 00:02:24,310
mamy kąt wspornika slash HTML.

51
00:02:24,310 --> 00:02:29,262
Więc tego rodzaju jest granica
pomiędzy tym, co to jest HTML, a co nie.

52
00:02:29,262 --> 00:02:32,220
I oczywiście, tradycyjnie, po prostu
jak napisał wszystkie swoje programy w C

53
00:02:32,220 --> 00:02:35,300
z rozszerzeniami kropka C,
wszystkie pliki HTML

54
00:02:35,300 --> 00:02:37,909
zakończy dot rozszerzeniach HTML.

55
00:02:37,909 --> 00:02:39,200
Ale to nie wszystko tu dzieje.

56
00:02:39,200 --> 00:02:40,658
Nie tylko mają tych tagów HTML.

57
00:02:40,658 --> 00:02:44,010
Mamy najwyraźniej mają to
coś o nazwie tag głowy.

58
00:02:44,010 --> 00:02:46,010
No, OK, co to jest?

59
00:02:46,010 --> 00:02:48,550
>> No cóż, może najlepiej
odróżnić drodze ciele

60
00:02:48,550 --> 00:02:50,590
Ciało jest treść strony internetowej.

61
00:02:50,590 --> 00:02:55,860
Więc może tag głowy określa rzeczy
nie jest w okna przeglądarki właściwego,

62
00:02:55,860 --> 00:02:59,410
ale jest w jakiś sposób ważne dla naszych
strona internetowa są wyświetlane poprawnie.

63
00:02:59,410 --> 00:03:02,490
Na przykład, wewnątrz z
tag głowy mamy title.

64
00:03:02,490 --> 00:03:05,500
>> Tak więc tytuł jest hello world,
że rzeczywiście będzie co

65
00:03:05,500 --> 00:03:08,797
pojawia się na karcie w Chrome
lub safari lub Firefox--

66
00:03:08,797 --> 00:03:11,880
niezależnie od używanej przeglądarki prefer-- to
co się dzieje, aby pokazać się w tytule.

67
00:03:11,880 --> 00:03:14,800
I zanim kart to pokazać
w oknie przeglądarki

68
00:03:14,800 --> 00:03:19,710
i można mieć tylko jedną stronę
otworzyć w oknie przeglądarki na raz.

69
00:03:19,710 --> 00:03:22,160
Tak, że zamierza być
Tytuł mojego stronę w górę w zakładce

70
00:03:22,160 --> 00:03:24,600
lub paska okno przeglądarki, hello world.

71
00:03:24,600 --> 00:03:28,611
A następnie treść mojego
Strona internetowa będzie świat, witam.

72
00:03:28,611 --> 00:03:31,360
Warto więc spojrzeć na to, co niektórzy
rzecz, jak to może wyglądać.

73
00:03:31,360 --> 00:03:33,210
Jest to dość proste strony HTML.

74
00:03:33,210 --> 00:03:35,970
Więc jestem tutaj, w moim CS50 IDE i
Mam powiększony trochę.

75
00:03:35,970 --> 00:03:38,290
A ja po prostu się
otworzyć cześć dot HTML

76
00:03:38,290 --> 00:03:42,000
i pokazać, że jest to dość dużo
zawartość strony, które widzieliśmy wcześniej.

77
00:03:42,000 --> 00:03:45,240
Moje proste tagi HTML, głowa,
title, ciała, i tak dalej.

78
00:03:45,240 --> 00:03:47,320
Mam wcięty być czyste.

79
00:03:47,320 --> 00:03:51,530
>> A potem, co mogę zrobić w moim
IDE jest tylko podgląd strony.

80
00:03:51,530 --> 00:03:52,630
A tam idziemy.

81
00:03:52,630 --> 00:03:56,070
Zawartość mojej stronie jest świat,
witam, a ja nic nie widzę

82
00:03:56,070 --> 00:03:58,500
z tagami tam głowy.

83
00:03:58,500 --> 00:03:59,980
To tylko treść ciała.

84
00:03:59,980 --> 00:04:00,780
Świat, cześć.

85
00:04:00,780 --> 00:04:03,700
I znowu organizm po prostu
powiedział, świat, witam.

86
00:04:03,700 --> 00:04:06,160
Druga część brakuje.

87
00:04:06,160 --> 00:04:07,610
>> Więc tak naprawdę wszystko jest.

88
00:04:07,610 --> 00:04:11,370
Jest to bardzo proste, podstawowe strona HTML.

89
00:04:11,370 --> 00:04:14,280
Teraz już wcięty mój HTML
być naprawdę ładne i zorganizowane,

90
00:04:14,280 --> 00:04:15,840
ale w rzeczywistości nie muszą.

91
00:04:15,840 --> 00:04:17,959
Mógłbym zrobić to wyglądać dość brzydki.

92
00:04:17,959 --> 00:04:19,467
A to wciąż działa.

93
00:04:19,467 --> 00:04:21,050
To będzie dokładnie to samo strona.

94
00:04:21,050 --> 00:04:23,100
Właśnie pozbyć
wszystkie z białej przestrzeni.

95
00:04:23,100 --> 00:04:24,820
>> Jak się okazuje, biała przestrzeń dane.

96
00:04:24,820 --> 00:04:28,540
I tak, gdy mamy do przesyłania danych z
nadawcy do odbiorcy, z serwera

97
00:04:28,540 --> 00:04:30,670
do klienta, danych kosztuje.

98
00:04:30,670 --> 00:04:34,460
A więc pozbycie się białych znaków
jest rzeczywiście dobry pomysł

99
00:04:34,460 --> 00:04:37,320
jeśli masz kogoś, kto służy
się wiele stron internetowych.

100
00:04:37,320 --> 00:04:39,820
To zły pomysł, jeśli jesteś
Ktoś, kto jest nauka tych rzeczy

101
00:04:39,820 --> 00:04:41,528
i chcesz mieć
to dobrze zorganizowane.

102
00:04:41,528 --> 00:04:43,810
Jest to o wiele łatwiejsze do analizowania niż to.

103
00:04:43,810 --> 00:04:45,540
Ale to jest funkcjonalnie identyczne.

104
00:04:45,540 --> 00:04:48,720
>> Wcięcie i takie tam
w rzeczywistości nie ma znaczenia w HTML.

105
00:04:48,720 --> 00:04:53,634
Liczy się otwarcia tagi i
zamykania znaczników w odpowiedniej kolejności.

106
00:04:53,634 --> 00:04:55,050
Zauważ, co tu się stało, choć.

107
00:04:55,050 --> 00:04:58,450
Znaczniki daje nam drogę do
komunikowania dodatkowych informacji

108
00:04:58,450 --> 00:04:59,940
o tym, co napisałeś.

109
00:04:59,940 --> 00:05:03,130
Część Hello, World było
interpretować jako tytuł.

110
00:05:03,130 --> 00:05:06,410
A świat, witam część była
interpretowane jako treść

111
00:05:06,410 --> 00:05:09,090
lub co powinno być
widoczne na mojej stronie internetowej.

112
00:05:09,090 --> 00:05:12,167
>> Istnieje ponad 100 z nich różni się
tagi i wiele wspaniałych zasobów

113
00:05:12,167 --> 00:05:13,000
online, aby je znaleźć.

114
00:05:13,000 --> 00:05:14,900
Mamy zamiar mówić o
kilka z nich, w tym wideo, niektórzy

115
00:05:14,900 --> 00:05:16,440
z bardzo podstawowej rzeczy.

116
00:05:16,440 --> 00:05:18,440
Ale nie będziemy mówić
o tym wszystkim dlatego, że

117
00:05:18,440 --> 00:05:20,250
będzie wyczerpująca, aby to zrobić.

118
00:05:20,250 --> 00:05:22,880
>> Inną rzeczą, jaką możesz zrobić, chociaż,
jest otwarcie narzędzia programistyczne.

119
00:05:22,880 --> 00:05:26,069
A jeśli pamiętacie z
nasz film na HTTP,

120
00:05:26,069 --> 00:05:27,860
I wyjaśnił, jak otworzyć
do narzędzi programistycznych.

121
00:05:27,860 --> 00:05:32,020
W Chrome to zwykle klawisz F12
aby otworzyć pasek narzędzi dla programistów.

122
00:05:32,020 --> 00:05:35,909
Wtedy zamiast wybierać Sieci
kartę, możesz wybrać kartę Elements.

123
00:05:35,909 --> 00:05:37,700
A jeśli włożysz do sieci
Strona, będziesz naprawdę

124
00:05:37,700 --> 00:05:40,280
zobacz HTML, który tworzy tę stronę internetową.

125
00:05:40,280 --> 00:05:44,090
I tak można dowiedzieć się wiele o HTML
patrząc na swoje ulubione strony internetowe

126
00:05:44,090 --> 00:05:48,474
i zobaczyć, w jaki sposób zbudować
różne kawałki nich, które lubisz.

127
00:05:48,474 --> 00:05:50,890
Więc może jest to fajne
wzór czy coś takiego.

128
00:05:50,890 --> 00:05:52,140
Jak oni to robią, z HTML?

129
00:05:52,140 --> 00:05:55,630
Cóż można po prostu otworzyć swój dewelopera
narzędzia i unoszą się nad tym elementem

130
00:05:55,630 --> 00:05:57,700
i zobaczyć dokładnie to, co sprawia, że ​​HTML.

131
00:05:57,700 --> 00:05:59,450
Więc to jest naprawdę
Dobrym sposobem, aby nauczyć się języka HTML,

132
00:05:59,450 --> 00:06:02,330
i gorąco polecam, że
robisz to zarówno do nauki HTML

133
00:06:02,330 --> 00:06:04,930
a także dowiedzieć się nieco
nieco o niektórych opcji

134
00:06:04,930 --> 00:06:07,050
dostępne w
narzędzia programistyczne, które

135
00:06:07,050 --> 00:06:10,200
na pewno się przyda, jak
zaczniesz robić bardziej intensywne internecie

136
00:06:10,200 --> 00:06:11,090
programowania.

137
00:06:11,090 --> 00:06:14,080
>> Warto więc spojrzeć na
Kilka wspólnych znaczników HTML.

138
00:06:14,080 --> 00:06:17,210
I będziemy skakać i spojrzeć na
co te znaczniki będą również renderowanie

139
00:06:17,210 --> 00:06:20,490
a patrząc na niektórych plików w moim IDE.

140
00:06:20,490 --> 00:06:26,330
Więc tutaj są trzy bardzo podstawowe znaczniki dla
dostosowując wygląd tekstu.

141
00:06:26,330 --> 00:06:29,050
Jest tagi B, I oraz tagi tagi U.

142
00:06:29,050 --> 00:06:33,170
I odpowiednio, co robią jest
renderowania tekstu między nimi pogrubiony,

143
00:06:33,170 --> 00:06:35,430
kursywa i podkreślenie.

144
00:06:35,430 --> 00:06:40,430
Zobaczmy więc, co to będzie wyglądać
jak na rzeczywistej stronie internetowej w moim IDE.

145
00:06:40,430 --> 00:06:43,390
>> Więc w moim IDE Mam
plik o nazwie BIU dot HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML po prostu
pogrubienie, kursywa, podkreślenie.

147
00:06:46,770 --> 00:06:47,830
Będę go otworzyć.

148
00:06:47,830 --> 00:06:51,810
>> I zobaczymy, że ja tu
mają ten tekst jest tagów B pogrubione.

149
00:06:51,810 --> 00:06:54,010
Ten tekst jest tagów I kursywa.

150
00:06:54,010 --> 00:06:56,307
A ten tekst jest podkreślony U tagi.

151
00:06:56,307 --> 00:06:57,640
Co jest tego będzie wyglądać?

152
00:06:57,640 --> 00:06:59,473
Cóż znowu, wszystko co mam
zrobić, to udać się tutaj

153
00:06:59,473 --> 00:07:04,690
do mojej przeglądarce, moja przeglądarka plików, kliknij
Podgląd, a to co z tego wyjdzie.

154
00:07:04,690 --> 00:07:07,520
>> Tekst pomiędzy B
tagi rzeczywiście jest teraz pogrubiony.

155
00:07:07,520 --> 00:07:10,720
Tekst pomiędzy I
tagi rzeczywiście jest teraz kursywa.

156
00:07:10,720 --> 00:07:14,634
A tekst pomiędzy U
tagi rzeczywiście teraz podkreślone.

157
00:07:14,634 --> 00:07:15,550
Więc to jest całkiem dobry.

158
00:07:15,550 --> 00:07:18,450
Teraz wiemy, jak zrobić tekst
wyglądają trochę więcej fantazji

159
00:07:18,450 --> 00:07:20,360
lub remis nacisk na pewne rzeczy.

160
00:07:20,360 --> 00:07:25,530
Inna para wspólnych tagów tutaj
znaczniki akapitu, znaczniki P i nagłówka,

161
00:07:25,530 --> 00:07:27,980
które tutaj mam renderowane jako HX.

162
00:07:27,980 --> 00:07:32,520
>> Te znaczniki P, te znaczniki akapitu,
złamać tekst aż do ust.

163
00:07:32,520 --> 00:07:34,646
Nie wystarczy po prostu
naciśnij Enter i pozostawić przestrzeń,

164
00:07:34,646 --> 00:07:37,186
ponieważ komputer będzie się tylko
do tego, co można powiedzieć to zrobić

165
00:07:37,186 --> 00:07:39,450
i ignoruje białe
Przestrzeń dla większości.

166
00:07:39,450 --> 00:07:41,636
Więc nie możemy po prostu wciskamy Enter
i oczekiwać nasz komputer

167
00:07:41,636 --> 00:07:43,760
do interpretacji, że chcemy
aby rozpocząć nowy akapit.

168
00:07:43,760 --> 00:07:47,670
Musimy bardzo wyraźnie powiedzieć, że to
jest jednym paragraph-- to another--

169
00:07:47,670 --> 00:07:50,740
załączając każdy w zestaw znaczników P.

170
00:07:50,740 --> 00:07:54,560
>> I mamy także te opcje
znaczniki H, tych tagów nagłówka.

171
00:07:54,560 --> 00:07:57,000
Mamy sześć różnych poziomów
nagłówków, jeden, dwa, trzy,

172
00:07:57,000 --> 00:08:01,110
cztery, pięć, sześć, które są
coraz większe i większe

173
00:08:01,110 --> 00:08:01,710
nagłówki.

174
00:08:01,710 --> 00:08:04,360
I coraz mniejsze i
mniejsze i mniejsze.

175
00:08:04,360 --> 00:08:07,690
Mamy więc nagłówek najwyższego poziomu, drugi
nagłówek poziom, i tak dalej, i tak dalej.

176
00:08:07,690 --> 00:08:10,480
>> Rzućmy okiem na być może niektóre
Tagi P i niektóre znaczniki nagłówka

177
00:08:10,480 --> 00:08:13,110
w akcji na stronie internetowej.

178
00:08:13,110 --> 00:08:18,180
Więc w moim IDE Mam plik o nazwie
PH dot HTML, PH są paragrafy

179
00:08:18,180 --> 00:08:18,970
i tagi nagłówka.

180
00:08:18,970 --> 00:08:20,709
Otwórz, że się.

181
00:08:20,709 --> 00:08:23,000
Jest dużo się tu dzieje
bo już umieścić kilka Lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, niektórzy po prostu losowo tekst tutaj.

183
00:08:24,660 --> 00:08:27,284
Więc będę pomniejszyć trochę
ponieważ jest tak wiele się dzieje.

184
00:08:27,284 --> 00:08:31,980
Ale zauważ, że mam na samym
top tutaj mam H1, jeden poziom,

185
00:08:31,980 --> 00:08:32,802
tag nagłówka.

186
00:08:32,802 --> 00:08:36,010
Wtedy mam paragraf, który jest po prostu
kilka losowych text-- Lorem ipsum--

187
00:08:36,010 --> 00:08:38,720
tylko domyślne standardowe wypełnienie w tekście.

188
00:08:38,720 --> 00:08:41,970
Więc mam dwa akapity wewnątrz, że
Poziom jeden nagłówek, a następnie na dole I

189
00:08:41,970 --> 00:08:46,850
mają poziom nagłówka tu na dwóch linii 24,
nagłówek poziom drugi, a dwie

190
00:08:46,850 --> 00:08:47,840
ust.

191
00:08:47,840 --> 00:08:51,910
Cóż, co to wygląda
gdybym go zobaczyć w moim podglądu?

192
00:08:51,910 --> 00:08:53,790
Zobaczmy.

193
00:08:53,790 --> 00:08:55,730
>> Tak więc zauważyć, że
nagłówek pierwszego poziomu tutaj

194
00:08:55,730 --> 00:08:58,420
jest całkiem nieco większy
niż w nagłówku drugiego poziomu.

195
00:08:58,420 --> 00:08:59,940
Więc użyliśmy znaczniki H1.

196
00:08:59,940 --> 00:09:03,820
I zauważyć, że tagi P pozwala nam
złamać rzeczy w ust.

197
00:09:03,820 --> 00:09:07,500
Gdybyśmy pozbyć tych znaczników P
i faktycznie wystarczy umieścić wejście i Zwroty

198
00:09:07,500 --> 00:09:10,110
w między tym, co mieliśmy nadzieję, że
być różne ustępy,

199
00:09:10,110 --> 00:09:13,193
wszyscy oni po prostu zatrzasnąć ze sobą i
nie miałoby to piękny punkt

200
00:09:13,193 --> 00:09:15,840
oddzielenie przestrzeni powyżej i poniżej.

201
00:09:15,840 --> 00:09:18,300
A więc to, co pkt
tagi i tagi nagłówka

202
00:09:18,300 --> 00:09:22,440
są powszechnie używane do zrobić, aby zwrócić
dbałość o części naszej strony internetowej

203
00:09:22,440 --> 00:09:23,550
w taki sposób.

204
00:09:23,550 --> 00:09:27,560
>> Następna w kolejce jest kilka znaczników, których używamy
budowanie list na naszej stronie internetowej.

205
00:09:27,560 --> 00:09:30,820
Mamy więc nieuporządkowane
lists-- ULs-- które są po prostu

206
00:09:30,820 --> 00:09:34,090
listy punktowane, zamówione
Lista które są numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- i wewnątrz albo
jeden z tych, musimy mieć

208
00:09:37,680 --> 00:09:40,600
zestawy jak wskazują elementy listy, li.

209
00:09:40,600 --> 00:09:44,370
I tak mamy otwarte tag UL
i umieścić elementy wewnątrz niego.

210
00:09:44,370 --> 00:09:46,920
A potem, kiedy skończymy z
że możemy zamknąć znacznik ul.

211
00:09:46,920 --> 00:09:49,850
>> Podobnie możemy mieć
lista ma charakter zamówić lub numerowane

212
00:09:49,850 --> 00:09:51,560
i umieścić wewnątrz elementów listy, które.

213
00:09:51,560 --> 00:09:53,350
Warto więc spojrzeć
na kilka list

214
00:09:53,350 --> 00:09:57,230
i co będzie
czyni tak na CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Więc mam w moim IDE a
plik o nazwie list dot HTML.

216
00:10:00,640 --> 00:10:03,100
Spójrzmy.

217
00:10:03,100 --> 00:10:08,482
>> I tu mam zawiadomienie nieuporządkowana
listy z pięciu rzeczy w nim.

218
00:10:08,482 --> 00:10:11,440
A potem mam listę uporządkowaną i
Zmieniłem tagu trochę,

219
00:10:11,440 --> 00:10:11,939
dobrze?

220
00:10:11,939 --> 00:10:13,152
Powiedziałem początek równa się sześć.

221
00:10:13,152 --> 00:10:16,110
Okazuje się, z uporządkowanym wykazie I
Można ustawić punkt początkowy w miarę

222
00:10:16,110 --> 00:10:20,130
I want-- domyślnie będzie to jedno-
wystarczy dodać ten tzw atrybut

223
00:10:20,130 --> 00:10:21,190
do mojego tagu OL.

224
00:10:21,190 --> 00:10:23,572
I tak lista ta będzie
rozpocznie odliczanie od sześciu.

225
00:10:23,572 --> 00:10:26,780
Więc elementy tej numerowanej listy
Należy mieć sześć, siedem, osiem, dziewięć, dziesięć,

226
00:10:26,780 --> 00:10:29,930
ponieważ istnieje pięć elementów
liście, a nie jednego,

227
00:10:29,930 --> 00:10:33,770
dwa, trzy, cztery, pięć, które
Byłoby tak, gdybym powiedział OL

228
00:10:33,770 --> 00:10:36,730
bez określania atrybutu start.

229
00:10:36,730 --> 00:10:41,594
>> Więc po prostu obejrzeć to tak można
zorientować się, o co tu chodzi.

230
00:10:41,594 --> 00:10:42,260
A tam idziemy.

231
00:10:42,260 --> 00:10:44,610
Jest moja lista.

232
00:10:44,610 --> 00:10:47,810
Pierwsze pięć elementów
nieuporządkowane lub listy punktowane.

233
00:10:47,810 --> 00:10:51,010
I kolejne pięć elementów
są oddzielne listy zamawiać

234
00:10:51,010 --> 00:10:52,980
począwszy od szóstej.

235
00:10:52,980 --> 00:10:56,247
Tak to jest jak się da
budowanie list za pomocą HTML.

236
00:10:56,247 --> 00:10:58,080
Inną rzeczą, którą może
chce zrobić z HTML

237
00:10:58,080 --> 00:11:01,520
jest zbudować tabelę
dane z wierszy i kolumn

238
00:11:01,520 --> 00:11:04,560
przedstawienie informacji w sposób
szczególnie zorganizowany sposób.

239
00:11:04,560 --> 00:11:09,110
Aby to zrobić z HTML możemy mieć
definicji tabeli począwszy otwarty nawias kwadratowy

240
00:11:09,110 --> 00:11:10,160
stół.

241
00:11:10,160 --> 00:11:14,680
I wtedy wewnątrz tej tabeli możemy
Może mieć zestaw wierszy, tagi TR

242
00:11:14,680 --> 00:11:15,980
wskazać każdym wierszu.

243
00:11:15,980 --> 00:11:22,510
A potem tagi TD go wewnątrz tagów TR
określać kolumnę w rzędzie.

244
00:11:22,510 --> 00:11:24,340
>> Dlaczego nazywa TD i nie TC?

245
00:11:24,340 --> 00:11:25,940
Cóż, TD oznacza danych tabeli.

246
00:11:25,940 --> 00:11:27,900
Zazwyczaj jesteś wprowadzenie
Twoje informacje nie.

247
00:11:27,900 --> 00:11:29,440
To dlatego, że to TD i nie TC.

248
00:11:29,440 --> 00:11:31,140
To trochę mylące.

249
00:11:31,140 --> 00:11:33,720
>> Więc trzeba tagów tabeli i
wewnątrz tagów tabeli

250
00:11:33,720 --> 00:11:35,600
masz liczbę wierszy, TR.

251
00:11:35,600 --> 00:11:40,030
I wewnątrz każdego wiersza trzeba
TDS dla wielu kolumn

252
00:11:40,030 --> 00:11:42,880
że chcesz mieć
w danym rzędzie.

253
00:11:42,880 --> 00:11:47,730
Rzućmy okiem na bardzo
prosta tabela powyżej w CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Więc mam tutaj plik
nazywa tabela dot HTML.

255
00:11:49,730 --> 00:11:53,390
Rzućmy okiem na
co to wygląda.

256
00:11:53,390 --> 00:11:56,225
Jest dużo się tu dzieje, ale
jeśli zauważysz, mam stół otwarty.

257
00:11:56,225 --> 00:11:57,850
Zaczynam definicję z tabeli.

258
00:11:57,850 --> 00:12:02,100
A potem w moim pierwszym rzędzie I najwidoczniej
ma cztery kolumny, jeden, dwa, trzy,

259
00:12:02,100 --> 00:12:02,660
cztery.

260
00:12:02,660 --> 00:12:04,290
A potem skończę z tym wierszu.

261
00:12:04,290 --> 00:12:07,750
>> Potem rozpocząć kolejny wiersz i
nie dwa, cztery, sześć, osiem.

262
00:12:07,750 --> 00:12:08,850
Zakończ ten wiersz.

263
00:12:08,850 --> 00:12:11,410
Czy kolejny wiersz, trzy, sześć, dziewięć, 12.

264
00:12:11,410 --> 00:12:14,830
I wtedy ostatni wiersz, cztery,
osiem, 12, i choć jest to

265
00:12:14,830 --> 00:12:16,560
trochę odcięty tutaj, 16.

266
00:12:16,560 --> 00:12:17,710
>> Skończyłem ten wiersz.

267
00:12:17,710 --> 00:12:18,970
Skończyłem tabeli.

268
00:12:18,970 --> 00:12:21,430
A potem skończę z moim HTML.

269
00:12:21,430 --> 00:12:22,590
Co to wygląda?

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

271
00:12:26,014 --> 00:12:27,430
Cóż, to naprawdę nie jest wiele do zobaczenia.

272
00:12:27,430 --> 00:12:31,690
Mam jasno zorganizowane moje dane
w nieco bardziej zorganizowany sposób.

273
00:12:31,690 --> 00:12:33,755
Ale to nie jest tutaj bardzo ładna.

274
00:12:33,755 --> 00:12:36,130
I będziemy do czynienia z
że kiedy mówimy o CSS.

275
00:12:36,130 --> 00:12:38,930
Będziemy ponownie ten pomysł
co zrobić, aby się table--

276
00:12:38,930 --> 00:12:41,260
może sformatować go trochę lepiej?

277
00:12:41,260 --> 00:12:45,070
Ale mam jeszcze cztery rzędy,
z których każdy ma cztery kolumny

278
00:12:45,070 --> 00:12:48,890
i naprawdę, co stanowi to jest
bardzo prosty cztery czterech mnożenia

279
00:12:48,890 --> 00:12:49,870
stół.

280
00:12:49,870 --> 00:12:51,690
>> Jeszcze tylko kilka tagi będziemy rozmawiać.

281
00:12:51,690 --> 00:12:54,617
Porozmawiajmy o
Koncepcja formularza HTML.

282
00:12:54,617 --> 00:12:57,450
Więc może widzieliście to w
kontekst, logując się na stronie internetowej.

283
00:12:57,450 --> 00:12:59,100
Zazwyczaj należy wpisać swoją nazwę użytkownika.

284
00:12:59,100 --> 00:13:01,510
Wpisać hasło,
i jesteś dobry, aby przejść.

285
00:13:01,510 --> 00:13:04,170
To byłby początek formularza.

286
00:13:04,170 --> 00:13:05,420
>> Przeskakiwanie dział sekundę.

287
00:13:05,420 --> 00:13:07,987
Mamy też wejść, które
rodzaj zmieścić form.

288
00:13:07,987 --> 00:13:10,320
Są to elementy, które
jesteś rzeczywiście wpisując się,

289
00:13:10,320 --> 00:13:12,580
lub przyciski radiowe jesteś
tyka, lub kontrola

290
00:13:12,580 --> 00:13:14,310
Skrzynki, że jesteś tyka.

291
00:13:14,310 --> 00:13:15,770
Więc to go wewnątrz formy.

292
00:13:15,770 --> 00:13:18,500
I obejmują one w zasadzie
każdy wiersz formularza

293
00:13:18,500 --> 00:13:19,887
Jeśli formularz jest sformatowany dobrze.

294
00:13:19,887 --> 00:13:22,220
Potem jest ta koncepcja
div, które naprawdę nie ma

295
00:13:22,220 --> 00:13:25,060
zmieścić się w określonej kategorii
tagów, takich jak te, które mam

296
00:13:25,060 --> 00:13:26,170
robili wcześniej.

297
00:13:26,170 --> 00:13:29,790
To po prostu rodzaj rozgranicza
początek jakiejś arbitralnej division--

298
00:13:29,790 --> 00:13:31,670
div-- strony.

299
00:13:31,670 --> 00:13:33,210
Nie ma wizualne przerwy.

300
00:13:33,210 --> 00:13:34,800
Nie ma linii.

301
00:13:34,800 --> 00:13:37,180
To nie wyruszył jako
oddzielny fragment automatycznie.

302
00:13:37,180 --> 00:13:39,430
Trzeba by go tytułować
w ten sposób, aby to zrobić.

303
00:13:39,430 --> 00:13:42,110
>> To po prostu rodzaj mówi chcę
kawałek miejsca na mojej stronie internetowej,

304
00:13:42,110 --> 00:13:45,190
i jestem po prostu zadzwonić
że ten podział mojej stronie.

305
00:13:45,190 --> 00:13:47,619
Możemy umieścić rzeczy w środku
div, w rzeczywistości

306
00:13:47,619 --> 00:13:49,410
kiedy udać się do
IDE w sekundę, będziemy

307
00:13:49,410 --> 00:13:53,760
zobaczyć, że Kładę moje
tworząc wewnątrz div.

308
00:13:53,760 --> 00:13:57,050
>> Więc mam w moim IDE a
plik o nazwie div formularz dot HTML.

309
00:13:57,050 --> 00:13:59,260
Otwórzmy go.

310
00:13:59,260 --> 00:14:01,460
Zauważ, że jak powiedziałem,
div jest trochę arbitralne.

311
00:14:01,460 --> 00:14:01,640
Dobrze?

312
00:14:01,640 --> 00:14:02,973
To naprawdę nie ma znaczenia.

313
00:14:02,973 --> 00:14:05,140
Więc mam dowolna
Pierwszy podział mojej stronie.

314
00:14:05,140 --> 00:14:07,848
A potem, zamiast kolejny div
Później, począwszy od linii ósmym

315
00:14:07,848 --> 00:14:08,730
Mam ten formularz.

316
00:14:08,730 --> 00:14:13,594
I wewnątrz formularza Mam
liczba wejść, pola formularza.

317
00:14:13,594 --> 00:14:16,510
Więc mam pole, którego nazwa jest A--
które tak naprawdę nie znaczy nic

318
00:14:16,510 --> 00:14:19,350
prawo now-- które najwyraźniej
ma jeszcze jeden tekst, który

319
00:14:19,350 --> 00:14:22,630
ma hasło, inny, że to radio
przycisk, inny, że to pole wyboru,

320
00:14:22,630 --> 00:14:24,797
a drugi to przycisk Prześlij.

321
00:14:24,797 --> 00:14:26,630
Cóż, co to
wszystko rzeczywiście wygląda?

322
00:14:26,630 --> 00:14:27,629
Cóż, rzućmy okiem.

323
00:14:27,629 --> 00:14:31,010
Będziemy go otworzyć w naszym oknie podglądu.

324
00:14:31,010 --> 00:14:33,557
Zauważ, że to arbitralna
Pierwszy division-- istnieje

325
00:14:33,557 --> 00:14:34,640
nie wizualne oddzielenie tutaj.

326
00:14:34,640 --> 00:14:37,150
To naprawdę nie robić nic, prawda?

327
00:14:37,150 --> 00:14:38,220
>> A potem mam formularz.

328
00:14:38,220 --> 00:14:39,890
A ja nie zrobiłem żadnego specjalnego formatowania.

329
00:14:39,890 --> 00:14:42,680
Tak więc forma jest tylko jeden
Duży rząd informacji.

330
00:14:42,680 --> 00:14:46,424
Gdybym sformatowania formularza inaczej,
Może mam to linia po linii po linii.

331
00:14:46,424 --> 00:14:47,590
Ale nie zrobiłem żadnej stylizacji.

332
00:14:47,590 --> 00:14:49,256
Ponownie, nie mówimy o CSS tutaj.

333
00:14:49,256 --> 00:14:51,030
My tylko mówimy o HTML.

334
00:14:51,030 --> 00:14:53,980
>> Cóż, w mojej formie tekstowej mogę type--
należy pamiętać, że formy typu text

335
00:14:53,980 --> 00:14:55,480
więc mogę umieścić moje nazwisko.

336
00:14:55,480 --> 00:14:57,330
I w moim hasłem I
Można wpisać hasło.

337
00:14:57,330 --> 00:14:59,740
A ponieważ tego pola
jest typu hasła,

338
00:14:59,740 --> 00:15:01,470
nie wiem, co moje hasło.

339
00:15:01,470 --> 00:15:02,800
To wszystkie kropki.

340
00:15:02,800 --> 00:15:09,140
>> Mogę również wybrać zaznaczyć off
przycisk radiowy lub pole wyboru odhaczyć.

341
00:15:09,140 --> 00:15:10,420
Albo mogę przedstawić moją formę.

342
00:15:10,420 --> 00:15:11,810
A ja nic nie zrobiłem,
więc kiedy mam złożyć formularz,

343
00:15:11,810 --> 00:15:13,090
strona po prostu odświeża.

344
00:15:13,090 --> 00:15:16,970
Ale mogę być może skonfigurować moje
Przycisk Wyślij, aby zrobić coś innego.

345
00:15:16,970 --> 00:15:20,410
I zobaczymy, co możemy zrobić z
że w przyszłym wideo na PHP.

346
00:15:20,410 --> 00:15:22,520
Ale to buduje bardzo
Prosta forma, że

347
00:15:22,520 --> 00:15:27,360
można używać mieć interakcji użytkowników i
przedstawienia informacji na naszej stronie internetowej.

348
00:15:27,360 --> 00:15:29,620
>> I ostatnia uwaga, zanim
przejść do innych znaczników

349
00:15:29,620 --> 00:15:32,040
to spójrz na to
Wejście tag jeszcze raz.

350
00:15:32,040 --> 00:15:35,760
Uwaga, mam podświetlone
krańce tag w czerwonym.

351
00:15:35,760 --> 00:15:39,390
Każdy inny tag widzieliśmy do tej pory ma
miał początek i koniec, otwór

352
00:15:39,390 --> 00:15:41,030
znacznik i znacznik zamykający.

353
00:15:41,030 --> 00:15:42,520
>> Ale znacznik wejściowy nie.

354
00:15:42,520 --> 00:15:46,860
Nie ma tekstu, który idzie
pomiędzy znacznikami wejściowych.

355
00:15:46,860 --> 00:15:49,160
Wszystkich informacji
jesteśmy zamierza przekazać

356
00:15:49,160 --> 00:15:52,640
związana jest jako część
cechy tego wkładu.

357
00:15:52,640 --> 00:15:54,690
Zauważ, mamy input name równa x.

358
00:15:54,690 --> 00:15:55,580
Rodzaj równe y.

359
00:15:55,580 --> 00:15:57,660
To naprawdę wszystko
Informacje potrzebujemy.

360
00:15:57,660 --> 00:15:59,470
>> To się nazywa tag SAMOZAMYKACZ.

361
00:15:59,470 --> 00:16:02,470
Nie wymaga rozcięcia i
blisko, ponieważ wszystkie informacje

362
00:16:02,470 --> 00:16:04,974
znajdującego się wewnątrz
tag i jego atrybuty.

363
00:16:04,974 --> 00:16:06,390
Więc czasem zobaczysz, to też.

364
00:16:06,390 --> 00:16:10,400
Więc po prostu mieć świadomość, że jeśli masz
tag, który jest całkowicie samowystarczalny,

365
00:16:10,400 --> 00:16:14,170
otwiera się i zamyka się z
wspornik otwarty kąt na lewo

366
00:16:14,170 --> 00:16:17,000
a kąt ukośnik
uchwyt po prawej stronie.

367
00:16:17,000 --> 00:16:20,580
Zobaczymy, jedna z tych
teraz z metkami obrazu, jak również.

368
00:16:20,580 --> 00:16:23,300
>> Przed mówimy o obrazach, my
trzeba mówić o hiperłączy.

369
00:16:23,300 --> 00:16:26,080
Jeśli chcemy, aby nasza strona internetowa będzie
interaktywne i przenieść nas wokół,

370
00:16:26,080 --> 00:16:28,121
byłoby miło być w stanie
kliknij na jednym z tych,

371
00:16:28,121 --> 00:16:30,190
co działo zazwyczaj był link.

372
00:16:30,190 --> 00:16:34,440
To jest rzeczywiście, jak budujemy
hiperłącze do naszej strony internetowej.

373
00:16:34,440 --> 00:16:36,540
I co ciekawe
Jest jeszcze jeden znacznik HTML

374
00:16:36,540 --> 00:16:39,000
zwany związek, który nie jest hiperłącze.

375
00:16:39,000 --> 00:16:44,130
A oznacza tu na kotwicy, a
to w jaki sposób wskazują hiperłącza.

376
00:16:44,130 --> 00:16:49,150
>> A href równa x sposobem przejść do
internetowa strona X. A wszystko

377
00:16:49,150 --> 00:16:51,580
między otwartym Znacznik
i blisko Znacznik

378
00:16:51,580 --> 00:16:56,010
jest to, co będzie, który podkreślił,
niebieski tekst, który wygląda jak link

379
00:16:56,010 --> 00:16:57,590
że jesteśmy zaznajomieni.

380
00:16:57,590 --> 00:17:01,660
Poniżej że mamy znacznika obrazu, który
to samo zamknięcie znacznik do wyświetlania

381
00:17:01,660 --> 00:17:05,599
obraz znajduje się na X. I
może być w stanie zmienić

382
00:17:05,599 --> 00:17:08,280
że obraz, określając
szerokość i wysokość

383
00:17:08,280 --> 00:17:11,640
i inne atrybuty
które dot dot dot tam.

384
00:17:11,640 --> 00:17:14,260
>> Na samym dole tutaj
mamy bardzo ciekawy

385
00:17:14,260 --> 00:17:16,170
patrząc znacznik, który nie
posiada znacznika zamykającego.

386
00:17:16,170 --> 00:17:19,410
To wykrzyknik DOCTYPE html.

387
00:17:19,410 --> 00:17:23,300
Więc HTML jest już od
początku lat 1990 do budowy stron internetowych,

388
00:17:23,300 --> 00:17:25,859
i to już poddane,
kilka rewizje od tego czasu.

389
00:17:25,859 --> 00:17:28,550
Ostatnio w 2014 roku
przeszedł przegląd

390
00:17:28,550 --> 00:17:33,440
HTML5, które nazywane jest obecny
rodzaj de facto standardem HTML.

391
00:17:33,440 --> 00:17:36,730
>> Aby wskazać, że nasza internetowa
strony są napisane przy użyciu HTML5,

392
00:17:36,730 --> 00:17:38,160
to jest jak zaczynamy.

393
00:17:38,160 --> 00:17:40,380
Może ona zostać pominięta, ale
co to w zasadzie

394
00:17:40,380 --> 00:17:45,930
oznacza to, że nie można używać żadnych tagów
które są tagi HTML5, te nowe tagi.

395
00:17:45,930 --> 00:17:48,591
Więc zawsze zacząć
jeśli używamy HTML5.

396
00:17:48,591 --> 00:17:51,340
I wszystkie tagi rozmawialiśmy o
wcześniej nie są znaczniki HTML5.

397
00:17:51,340 --> 00:17:55,470
Ale czy to oznacza, że
Tagi HTML5 będzie obecny.

398
00:17:55,470 --> 00:17:58,400
I tak mamy okrzyk
DOCTYPE HTML, które

399
00:17:58,400 --> 00:18:01,280
jest na samym początku naszej
Plik HTML, a następnie po tym punktem

400
00:18:01,280 --> 00:18:04,930
mamy naprawdę nasza HTML otwarta
oznakować i stamtąd kontynuować.

401
00:18:04,930 --> 00:18:10,050
>> Ostatnia jest tag komentarz,
która wygląda nieco inaczej, też.

402
00:18:10,050 --> 00:18:12,810
Zaczyna się z kąta
Uchwyt wykrzyknik kreska

403
00:18:12,810 --> 00:18:15,220
kreska ale bez nawiasu zamykającego.

404
00:18:15,220 --> 00:18:20,150
W między tymi dwoma tam elementów
Tutaj możesz napisać swoje komentarze.

405
00:18:20,150 --> 00:18:28,420
I rzućmy okiem na zdjęcia
oraz komentarze i linki w CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Więc mam tu plik o nazwie Link obrazu
Kropka HTML, który mam zamiar otworzyć.

407
00:18:32,850 --> 00:18:36,420
I zauważyć, mam kilka
komentarze w moich komentarzy HTML.

408
00:18:36,420 --> 00:18:38,990
Więc tak jak w C i inne
języki programowania,

409
00:18:38,990 --> 00:18:43,169
HTML tylko będąc język znaczników
ma zdolność do komentarze.

410
00:18:43,169 --> 00:18:45,710
A więc jestem podobno zamiar
umieścić obraz Rick Astley

411
00:18:45,710 --> 00:18:49,060
gdzieś pomiędzy tym div
Znacznik ten arbitralny podział.

412
00:18:49,060 --> 00:18:51,497
Wydaje się, że plik jest
znajduje się Rick dot JPEG, które

413
00:18:51,497 --> 00:18:53,580
jeśli kierujemy się z powrotem na
moje drzewo plików na sekundę,

414
00:18:53,580 --> 00:18:55,490
Jest to plik, który istnieje w
katalog bieżący.

415
00:18:55,490 --> 00:18:56,031
Więc to jest OK.

416
00:18:56,031 --> 00:18:57,710
Mogę go odwołać.

417
00:18:57,710 --> 00:18:59,680
>> Wtedy mogę mieć linki wewnętrzne.

418
00:18:59,680 --> 00:19:05,080
Więc zauważyć na linii 11 tutaj
witam moja href jest kropka HTML.

419
00:19:05,080 --> 00:19:09,050
Tak, że po prostu odnosi się do komentarzy dot HTML
która istnieje w bieżącym katalogu.

420
00:19:09,050 --> 00:19:12,980
A może ja też mam zewnętrzne
linki by po prostu określając HTTPS

421
00:19:12,980 --> 00:19:16,180
aby wskazać, że nie mówię
o pliku w moim bieżącym katalogu.

422
00:19:16,180 --> 00:19:19,730
Mówię o pliku, który istnieje
gdzieś w internecie, co mam

423
00:19:19,730 --> 00:19:23,370
zażądać za pomocą protokołu HTTP.

424
00:19:23,370 --> 00:19:25,990
>> Warto więc spojrzeć na to, co
Ta strona może wyglądać

425
00:19:25,990 --> 00:19:29,500
i przygotuj się na obraz Rick
Astley, aby pokazać się na ekranie.

426
00:19:29,500 --> 00:19:31,490
Więc będę podgląd tego.

427
00:19:31,490 --> 00:19:33,800
Jest Rick Astley u
bardzo szczyt w tym arbitralne

428
00:19:33,800 --> 00:19:35,008
Dział I umieścić go na górze.

429
00:19:35,008 --> 00:19:36,960
A następnie na dole I
mają moje linki, prawda?

430
00:19:36,960 --> 00:19:39,330
>> Mam link do powitania dot HTML.

431
00:19:39,330 --> 00:19:42,860
A jeśli kliknę, że mam
podszedł do tej strony

432
00:19:42,860 --> 00:19:47,050
że jesteśmy bardzo znane z
samego początku naszego programu.

433
00:19:47,050 --> 00:19:50,880
Gdybym pop tę stronę otwarty ponownie, gdybym
pop image link otworzyć jeszcze raz,

434
00:19:50,880 --> 00:19:54,420
Mogę też pójść na zewnątrz
na stronie CS50 jest.

435
00:19:54,420 --> 00:19:56,740
I tam see-- będę
pomniejszyć trochę here--

436
00:19:56,740 --> 00:20:00,260
zobaczymy stronę CS50 w rodzaju
osadzone w środku na stronie.

437
00:20:00,260 --> 00:20:04,670
Więc byłem w stanie zrobić wewnętrzny
odwołuje się również jako połączenia zewnętrznego.

438
00:20:04,670 --> 00:20:07,200
>> Ostatnia reguła z HTML, który
będziemy mówić o tutaj

439
00:20:07,200 --> 00:20:09,510
HTML jest, że należy dobrze uformowane.

440
00:20:09,510 --> 00:20:13,020
W C rozmawialiśmy dużo o
Składnia różne rzeczy.

441
00:20:13,020 --> 00:20:17,650
W HTML składnia naprawdę
obraca się wokół tagów.

442
00:20:17,650 --> 00:20:19,660
Każdy tag otwarciu musi być zamknięty.

443
00:20:19,660 --> 00:20:22,630
A w rzeczywistości, każdy tag otwarciu
powinna być zamknięta w odwrotnej kolejności.

444
00:20:22,630 --> 00:20:25,790
>> Więc jeśli otworzyć śmiały znacznik, kursywa
znacznik, a następnie znacznik podkreślenie

445
00:20:25,790 --> 00:20:28,120
zrobić wszystkie trzy w pozycji a
szczególności zestaw tekstu,

446
00:20:28,120 --> 00:20:30,070
należy zamknąć je w odwrotnej kolejności.

447
00:20:30,070 --> 00:20:32,270
Więc jeśli otwarte pogrubiony,
kursywa, podkreślenie, można

448
00:20:32,270 --> 00:20:35,240
chcą zamknąć podkreślenie, kursywa, pogrubienie.

449
00:20:35,240 --> 00:20:39,990
Ten rodzaj enkapsulacji jest co
utrzymuje HTML ładne i zorganizowane.

450
00:20:39,990 --> 00:20:44,370
>> W przeciwieństwie do C, choć błędy składni nie będzie
faktycznie może sparaliżować kod HTML.

451
00:20:44,370 --> 00:20:48,730
Twój HTML może nie być dobrze
utworzona, ale nadal działa.

452
00:20:48,730 --> 00:20:50,589
I tak te błędy
można sortować z slajdów.

453
00:20:50,589 --> 00:20:52,130
To do Ciebie, aby naprawdę być czujnym.

454
00:20:52,130 --> 00:20:54,760
Czasami nie udaje, ale
czasami można uciec z nim.

455
00:20:54,760 --> 00:20:56,509
>> To może być naprawdę
trudne zadanie, chociaż

456
00:20:56,509 --> 00:21:00,660
śledzić, kiedy otworzył
tag, kiedy go zamknięto,

457
00:21:00,660 --> 00:21:04,110
szczególnie jako HTML
Pliki uzyskać większe i większe.

458
00:21:04,110 --> 00:21:05,490
Będziesz chciał pomocy.

459
00:21:05,490 --> 00:21:07,560
I są w Internecie
narzędzia Validator, że

460
00:21:07,560 --> 00:21:11,474
Można użyć do spojrzeć na swojej sieci
Strona i sprawdzić, czy jest dobrze uformowane HTML.

461
00:21:11,474 --> 00:21:13,390
I powinno się
spójrz na tych,

462
00:21:13,390 --> 00:21:16,620
i zacząć z nich korzystać, jak ty
rozpocznie jakiejś pracy z HTML,

463
00:21:16,620 --> 00:21:20,800
pisanie kodu HTML, tak więc masz
dobre nawyki dotyczące organizowania

464
00:21:20,800 --> 00:21:24,377
Twój HTML w dobry sposób i
dobry styl i upewniając się,

465
00:21:24,377 --> 00:21:27,210
że nie robią nic, że
może stworzyć błąd składni, które

466
00:21:27,210 --> 00:21:30,270
spowoduje ci trochę
problem w dół drogi.

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

468
00:21:31,190 --> 00:21:33,450
To CS50.

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