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

2
00:00:06,100 --> 00:00:08,790
>> Doug LLOYD: Taigi mes praleido
about-- jei mano matematika yra teisinga,

3
00:00:08,790 --> 00:00:11,900
Ir manau, kad ieško back-- Manau
mes praleido apie 35 vaizdo kalbėti

4
00:00:11,900 --> 00:00:15,139
apie įvairius aspektus C, o gal
šiek tiek daugiau, gal šiek tiek mažiau.

5
00:00:15,139 --> 00:00:16,930
Ir mes neapėmė
viskas C, bet mes

6
00:00:16,930 --> 00:00:21,170
apėmė didelis riekė
kalba, didžioji dauguma jo,

7
00:00:21,170 --> 00:00:22,882
tikrai bendrų reikmėms.

8
00:00:22,882 --> 00:00:25,090
Dabar mes ketiname kalbėti
apie kita kalba, HTML.

9
00:00:25,090 --> 00:00:28,180
Ir mes ketiname padengti
jį tik vieną video.

10
00:00:28,180 --> 00:00:29,340
>> Bet tai bus gerai.

11
00:00:29,340 --> 00:00:31,410
Tai vyksta iš tikrųjų tampa
ką jūs ketinate priprasti.

12
00:00:31,410 --> 00:00:33,535
Dabar, kad jūs turite
Pagrindai viena kalba,

13
00:00:33,535 --> 00:00:35,776
tai tikrai gana lengva
pradėti mokytis kitiems.

14
00:00:35,776 --> 00:00:37,650
Taigi mes ketiname pradėti
dėti šiek tiek atgal

15
00:00:37,650 --> 00:00:43,340
ir Koloryzować pagrindinis
skirtumai tarp šių kalbų

16
00:00:43,340 --> 00:00:45,750
ir tarsi palikti jus su ja.

17
00:00:45,750 --> 00:00:48,530
Yra daug tikrai puikus daug
ištekliai internete, kuri

18
00:00:48,530 --> 00:00:51,279
mes ketiname pradėti vadovauti jums
link, nes internetas yra

19
00:00:51,279 --> 00:00:53,340
didžioji saugykla informaciją.

20
00:00:53,340 --> 00:00:55,960
Ir taip jis nepatinka jums
būti pralaimi nebūtinai

21
00:00:55,960 --> 00:00:58,349
kai nereikia informaciją
įtraukti į vaizdo įrašą.

22
00:00:58,349 --> 00:01:00,640
Jūs vis dar galės gauti
viskas, ko jums reikia ir naudojimas

23
00:01:00,640 --> 00:01:03,590
žinių jums jau ve
sukūrė suprasti C

24
00:01:03,590 --> 00:01:07,130
kad mokymosi kreivė Dėl šių
Kitos kalbos tikrai daug plokštesnis.

25
00:01:07,130 --> 00:01:08,640
Aš pažadu.

26
00:01:08,640 --> 00:01:12,770
>> Bet pakalbėkime apie viena kalba
tai tikrai svarbus kiekvienam interneto

27
00:01:12,770 --> 00:01:14,830
puslapis, kuris yra HTML.

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

29
00:01:18,230 --> 00:01:22,700
HTML yra kalba, bet ji yra
nėra programavimo kalba.

30
00:01:22,700 --> 00:01:23,900
>> HTML neturi kintamuosius.

31
00:01:23,900 --> 00:01:26,430
Ji neturi logikos arba
funkcijas arba ko nors panašaus.

32
00:01:26,430 --> 00:01:30,301
Mes negalime daryti bet
programavimo savaime HTML.

33
00:01:30,301 --> 00:01:32,300
Kartais jūs išgirsite
žmonės patys apibūdinti

34
00:01:32,300 --> 00:01:35,710
kaip HTML programuotojų, kurie
nėra visiškai tikslūs.

35
00:01:35,710 --> 00:01:37,980
Mes negalime rašyti HTML programas.

36
00:01:37,980 --> 00:01:40,770
>> HTML tiesiog naudojamas žymėti tekstą.

37
00:01:40,770 --> 00:01:42,690
Tai vadinama žymėjimo kalba.

38
00:01:42,690 --> 00:01:47,680
Ir ką tai does-- šį markup--
mes naudojame žymeles HTML ir šių tags--

39
00:01:47,680 --> 00:01:51,600
tai markup-- semantiškai
apibrėžia puslapio struktūra

40
00:01:51,600 --> 00:01:55,280
ir sukelia paprastą tekstą,
egzistuoja tarp žymės turi būti aiškinama

41
00:01:55,280 --> 00:01:57,320
naršyklių skirtingais būdais.

42
00:01:57,320 --> 00:02:00,370
Ir galbūt tai geriausia paaiškinti
tai padaryti būdas iliustratyvios.

43
00:02:00,370 --> 00:02:06,450
>> Štai labai paprastas HTML puslapis, o ne
HTML programa, vėlgi, HTML puslapis.

44
00:02:06,450 --> 00:02:08,680
Ir mes žinome, tai yra
HTML puslapis, nes mes

45
00:02:08,680 --> 00:02:11,480
apriboti viskas su HTML žymes.

46
00:02:11,480 --> 00:02:13,850
Taigi tai, kas yra HTML tegus atrodo.

47
00:02:13,850 --> 00:02:15,870
Tai tarp laužtiniuose skliaustuose.

48
00:02:15,870 --> 00:02:18,570
Ir pastebėsite viršuje turime
HTML ir pačioje apačioje,

49
00:02:18,570 --> 00:02:21,400
kai mes padarėme tai, kas yra
matyt kitų HTML daug,

50
00:02:21,400 --> 00:02:24,310
turime kampas laikiklis velniop HTML.

51
00:02:24,310 --> 00:02:29,262
Taigi, kad tarsi yra riba
tarp to, kas yra HTML, o kas ne.

52
00:02:29,262 --> 00:02:32,220
Ir, žinoma, tradiciškai, tiesiog
kaip jums parašė visi jūsų C programos

53
00:02:32,220 --> 00:02:35,300
su tašku C pratęsimų,
visi jūsų HTML failai

54
00:02:35,300 --> 00:02:37,909
baigsis dot HTML plėtinius.

55
00:02:37,909 --> 00:02:39,200
Bet tai dar vyksta čia.

56
00:02:39,200 --> 00:02:40,658
Mes ne tik turime šias HTML žymes.

57
00:02:40,658 --> 00:02:44,010
Mes, matyt, turi tai
dalykas, vadinamas galvos žymą.

58
00:02:44,010 --> 00:02:46,010
Na, gerai, kas tai?

59
00:02:46,010 --> 00:02:48,550
>> Na gal tai geriausia
atskirti būdu kūną,

60
00:02:48,550 --> 00:02:50,590
kūno būdama tinklalapio turinį.

61
00:02:50,590 --> 00:02:55,860
Taigi gal galva žymė apibrėžia stuff
tai ne naršyklės lange tinkamas,

62
00:02:55,860 --> 00:02:59,410
bet kažkaip svarbus mūsų
interneto puslapis buvo priimtas teisingai.

63
00:02:59,410 --> 00:03:02,490
Pavyzdžiui, viduje
vadovas žyma turime pavadinimą žymes.

64
00:03:02,490 --> 00:03:05,500
>> Taigi pavadinimas yra hello world,
kad iš tikrųjų bus ką

65
00:03:05,500 --> 00:03:08,797
rodo į Chrome kortelėje
arba safari ar Firefox--

66
00:03:08,797 --> 00:03:11,880
kokia naršyklė jums prefer-- tai
kas vyksta parodyti pavadinime.

67
00:03:11,880 --> 00:03:14,800
Ir prieš skirtukų tai rodytų
iki per visą naršyklės langą

68
00:03:14,800 --> 00:03:19,710
ir jūs galite turėti tik vieną puslapį
atsidaryti į langą vienu metu.

69
00:03:19,710 --> 00:03:22,160
Taigi, kad ketina būti
pavadinimas mano puslapio viršų Kortelėje

70
00:03:22,160 --> 00:03:24,600
ar naršyklės langas baras, hello world.

71
00:03:24,600 --> 00:03:28,611
Ir tada turinio mano
interneto puslapis bus pasaulis, labas.

72
00:03:28,611 --> 00:03:31,360
Taigi leiskite pažvelgti, ką kai kurie išvaizdą
dalykas, kaip tai gali atrodyti.

73
00:03:31,360 --> 00:03:33,210
Tai gana paprasta HTML puslapis.

74
00:03:33,210 --> 00:03:35,970
Taigi, aš čia mano CS50 IDE ir
Aš Mastelis truputį.

75
00:03:35,970 --> 00:03:38,290
Ir aš tik ketina
atverti sveikinasi dot HTML

76
00:03:38,290 --> 00:03:42,000
ir parodyti jums, kad tai yra gana daug
puslapio turinys, kad mes matėme anksčiau.

77
00:03:42,000 --> 00:03:45,240
Mano paprastas HTML, galvos žodžius,
pavadinimas žymės, kūno, ir pan.

78
00:03:45,240 --> 00:03:47,320
Aš atitraukiama būti švarus.

79
00:03:47,320 --> 00:03:51,530
>> Ir tada, ką aš galiu padaryti, mano
IDE yra tik peržiūrėti puslapį.

80
00:03:51,530 --> 00:03:52,630
Ir mes einame.

81
00:03:52,630 --> 00:03:56,070
Mano puslapio turinys yra pasaulis,
Sveiki, ir aš nematau nieko

82
00:03:56,070 --> 00:03:58,500
nuo galvos žymės ten.

83
00:03:58,500 --> 00:03:59,980
Tai tiesiog kūno turinį.

84
00:03:59,980 --> 00:04:00,780
Pasaulio, labas.

85
00:04:00,780 --> 00:04:03,700
Ir vėl kūnas tiesiog
sakė, Pasaulis, labas.

86
00:04:03,700 --> 00:04:06,160
Kita dalis nėra.

87
00:04:06,160 --> 00:04:07,610
>> Taigi, kad tikrai viskas yra.

88
00:04:07,610 --> 00:04:11,370
Tai labai paprasta paprastas HTML puslapis.

89
00:04:11,370 --> 00:04:14,280
Dabar aš atitraukiama mano HTML
tikrai gražus ir organizuota,

90
00:04:14,280 --> 00:04:15,840
bet aš ne iš tikrųjų turi.

91
00:04:15,840 --> 00:04:17,959
Galėčiau padaryti tai atrodo gana negraži.

92
00:04:17,959 --> 00:04:19,467
Ir tai vis dar dirba.

93
00:04:19,467 --> 00:04:21,050
Tai būtų lygiai toks pats puslapyje.

94
00:04:21,050 --> 00:04:23,100
Aš ką tik Dotarłeś atsikratyti
visi tarpais.

95
00:04:23,100 --> 00:04:24,820
>> As it turns out, balta erdvė yra duomenys.

96
00:04:24,820 --> 00:04:28,540
Ir todėl, kai mes išsiųsti duomenis iš
siuntėjas gavėjui, iš serverio

97
00:04:28,540 --> 00:04:30,670
klientui, duomenų kainuoja pinigus.

98
00:04:30,670 --> 00:04:34,460
Ir taip atsikratyti tarpų
yra tikrai gera idėja

99
00:04:34,460 --> 00:04:37,320
jei esate ką nors, kas tarnauja
iki iš interneto turinio aikštelė.

100
00:04:37,320 --> 00:04:39,820
Tai bloga idėja, jei esate
kažkas, kas yra mokymasis šią medžiagą

101
00:04:39,820 --> 00:04:41,528
ir norite turėti
tai gražiai organizuotas.

102
00:04:41,528 --> 00:04:43,810
Tai daug lengviau apdoroti nei šis.

103
00:04:43,810 --> 00:04:45,540
Bet tai funkciškai identiška.

104
00:04:45,540 --> 00:04:48,720
>> Įdubos ir stuff like that
iš tikrųjų nėra svarbu, HTML.

105
00:04:48,720 --> 00:04:53,634
Visa tai svarbu atidaro žodžius ir
uždaryti žymes teisinga tvarka.

106
00:04:53,634 --> 00:04:55,050
Atkreipkite dėmesį, kas čia nutiko, nors.

107
00:04:55,050 --> 00:04:58,450
Pažymėta suteikia mums kelią į
bendrauti papildomos informacijos

108
00:04:58,450 --> 00:04:59,940
apie ką mes parašyta.

109
00:04:59,940 --> 00:05:03,130
Hello, Pasaulio dalis buvo
aiškinama kaip pavadinimas.

110
00:05:03,130 --> 00:05:06,410
O pasaulis, hello dalis buvo
aiškinama kaip turinio

111
00:05:06,410 --> 00:05:09,090
ar kas turi būti
matomas mano puslapyje.

112
00:05:09,090 --> 00:05:12,167
>> Yra daugiau nei 100 šių skirtingų
žodžius ir daug gražių išteklių

113
00:05:12,167 --> 00:05:13,000
Prisijungę juos rasti.

114
00:05:13,000 --> 00:05:14,900
Mes ketiname kalbėti apie
kelios iš jų šio vaizdo, kai

115
00:05:14,900 --> 00:05:16,440
iš tiesų esminės dalykų.

116
00:05:16,440 --> 00:05:18,440
Bet mes neketiname kalbėti
apie visa tai, nes juo

117
00:05:18,440 --> 00:05:20,250
būtų baigtinis padaryti.

118
00:05:20,250 --> 00:05:22,880
>> Kitas dalykas, kurį galite padaryti, nors,
yra atverti Kūrėjo įrankiai.

119
00:05:22,880 --> 00:05:26,069
Ir jei jūs prisimenate iš
Mūsų vaizdo pagal HTTP,

120
00:05:26,069 --> 00:05:27,860
Aš paaiškinau, kaip atidaryti
iki Kūrėjo įrankiai.

121
00:05:27,860 --> 00:05:32,020
"Chrome" tai paprastai klavišą F12
atverti kūrėjas įrankių juostą.

122
00:05:32,020 --> 00:05:35,909
Tada vietoj pasirenkant tinklas
skirtuką, galite pasirinkti elementus skirtuką.

123
00:05:35,909 --> 00:05:37,700
Ir jei jūs įkelti interneto
puslapis, jūs iš tikrųjų

124
00:05:37,700 --> 00:05:40,280
matyti HTML, kuris sukuria tą tinklalapį.

125
00:05:40,280 --> 00:05:44,090
Ir todėl jūs galite sužinoti apie HTML daug
pažvelgus jūsų mėgstamų svetainių

126
00:05:44,090 --> 00:05:48,474
ir matau, kaip jie statyti
įvairią jų, kad jums patinka.

127
00:05:48,474 --> 00:05:50,890
Tai gal ten tai kietas
modelis ar kažkas panašaus.

128
00:05:50,890 --> 00:05:52,140
Kaip jie padaryti jį su HTML?

129
00:05:52,140 --> 00:05:55,630
Na, galite tiesiog atverti savo programuotojo
Įrankiai ir užveskite pelės žymeklį ant elemento

130
00:05:55,630 --> 00:05:57,700
ir pamatyti, ką daro HTML ją.

131
00:05:57,700 --> 00:05:59,450
Taigi, kad tikrai
geras būdas mokytis HTML,

132
00:05:59,450 --> 00:06:02,330
ir aš primygtinai rekomenduojame, kad
Jūs tai padaryti tiek išmokti HTML

133
00:06:02,330 --> 00:06:04,930
ir taip pat mokytis šiek tiek
tiek apie kai kurias parinktis

134
00:06:04,930 --> 00:06:07,050
galima su jumis
Kūrėjo įrankiai, kurie

135
00:06:07,050 --> 00:06:10,200
tikrai praversti kaip
pradėdami daro intensyvesnį internete

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

137
00:06:11,090 --> 00:06:14,080
>> Taigi leiskite pažvelgti į išvaizdą
pora bendrų HTML žymes.

138
00:06:14,080 --> 00:06:17,210
Ir mes šokinėti ir pažvelgti
ką šie žymės taip pat teikia

139
00:06:17,210 --> 00:06:20,490
kaip žiūri kai kurie mano IDE failus.

140
00:06:20,490 --> 00:06:26,330
Taigi, čia yra trys labai paprastas žymės
truputį keisdami išvaizdą tekstą.

141
00:06:26,330 --> 00:06:29,050
Yra B žymeles, I žodžius, o U žymes.

142
00:06:29,050 --> 00:06:33,170
Ir atitinkamai, ką jie padaryti, tai
padaryti tekstą tarp jų paryškintai,

143
00:06:33,170 --> 00:06:35,430
kursyvas, pabraukimas ir.

144
00:06:35,430 --> 00:06:40,430
Taigi pažiūrėkime, ką tai atrodytų
kaip dėl faktinio tinklalapio mano IDE.

145
00:06:40,430 --> 00:06:43,390
>> Taigi čia mano IDE Turiu
failas, vadinamas BIU dot HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML tiesiog yra
drąsus, kursyvas, pabrėždamas.

147
00:06:46,770 --> 00:06:47,830
Aš ją atidaryti.

148
00:06:47,830 --> 00:06:51,810
>> Ir mes matome, kad čia aš
turi šį tekstą yra B žymės paryškinti.

149
00:06:51,810 --> 00:06:54,010
Šis tekstas yra I žymės kursyvu.

150
00:06:54,010 --> 00:06:56,307
Ir šis tekstas yra U žodžius pabraukti.

151
00:06:56,307 --> 00:06:57,640
Kas tai atrodys?

152
00:06:57,640 --> 00:06:59,473
Na vėl, viskas, ką turiu
padaryti, tai eiti per čia

153
00:06:59,473 --> 00:07:04,690
mano naršyklėje, mano failas naršyklė, spustelėkite
Peržiūrėti, ir tai, kas ateina.

154
00:07:04,690 --> 00:07:07,520
>> Į tarp B tekstas
Žymos tiesų dabar paryškinti.

155
00:07:07,520 --> 00:07:10,720
Į tarp I teksto
Žymos tiesų dabar kursyvu.

156
00:07:10,720 --> 00:07:14,634
Ir tarp U tekstas
Žymos iš tiesų dabar pabraukti.

157
00:07:14,634 --> 00:07:15,550
Taigi tai gana gera.

158
00:07:15,550 --> 00:07:18,450
Mes dabar žinome kaip padaryti tekstą
atrodo šiek tiek daugiau fantazijos

159
00:07:18,450 --> 00:07:20,360
ar piešti dėmesio į tam tikrus dalykus.

160
00:07:20,360 --> 00:07:25,530
Kitas bendrų žymeles pora čia yra
punktas žodžius, P, ir antraštės žodžius,

161
00:07:25,530 --> 00:07:27,980
kurios aš lydyti čia taip HX.

162
00:07:27,980 --> 00:07:32,520
>> Šie P žymės, šios pastraipos žodžius,
nutraukti savo tekstą iki į pastraipas.

163
00:07:32,520 --> 00:07:34,646
Tai neužtenka vien tik
paspauskite Enter ir palikti erdves,

164
00:07:34,646 --> 00:07:37,186
nes kompiuteris yra tik ketina
daryti tai, ką galite pasakyti tai padaryti

165
00:07:37,186 --> 00:07:39,450
ir jis ignoruoja balta
vietos didžiąja dalimi.

166
00:07:39,450 --> 00:07:41,636
Taigi, mes galime ne tik paspauskite Enter
ir tikimės, kad mūsų kompiuteris

167
00:07:41,636 --> 00:07:43,760
interpretuoti, kad mes norime
pradėti naują pastraipą.

168
00:07:43,760 --> 00:07:47,670
Mes turime labai aiškiai pasakyti, kad tai
yra vienas paragraph-- tai another--

169
00:07:47,670 --> 00:07:50,740
iki apgaubiantis kiekvieną į P žymių rinkinys.

170
00:07:50,740 --> 00:07:54,560
>> Ir mes taip pat turime šias galimybes
H žymeles, šių antraštės žodžius.

171
00:07:54,560 --> 00:07:57,000
Mes turime šešis skirtingus lygius
antraščių, vienas, du, trys,

172
00:07:57,000 --> 00:08:01,110
keturių, penkių, šešių, ir, kuris yra
palaipsniui didesni ir didesni

173
00:08:01,110 --> 00:08:01,710
antraštes.

174
00:08:01,710 --> 00:08:04,360
Ir jie gauna mažesni ir
mažesni ir mažesni ir mažesni.

175
00:08:04,360 --> 00:08:07,690
Taigi turime aukščiausio lygio galva, antrasis
lygis galva, ir taip toliau, ir taip toliau.

176
00:08:07,690 --> 00:08:10,480
>> Paimkime bent gal kai išvaizdą
P žodžius ir kai antraštės žodžius

177
00:08:10,480 --> 00:08:13,110
veiksmų dėl interneto puslapyje.

178
00:08:13,110 --> 00:08:18,180
Taigi čia mano IDE Turiu failą pavadinimu
PH dot HTML, pH yra punktai

179
00:08:18,180 --> 00:08:18,970
ir antraštės žodžius.

180
00:08:18,970 --> 00:08:20,709
Atidarykite kad iki.

181
00:08:20,709 --> 00:08:23,000
Yra daug vyksta čia
nes aš įdėti šiek tiek Lorem

182
00:08:23,000 --> 00:08:24,660
Adresas, kai kurie tiesiog atsitiktinai tekstas čia.

183
00:08:24,660 --> 00:08:27,284
Taigi aš nutolinti truputį
nes ten tiek daug vyksta.

184
00:08:27,284 --> 00:08:31,980
Tačiau pastebite, kad turiu ne labai
viršų čia turiu H1, tai yra pirmo lygio,

185
00:08:31,980 --> 00:08:32,802
antraštės žymė.

186
00:08:32,802 --> 00:08:36,010
Tada aš turiu dalį, kuri yra tik
taikoma atsitiktinio text-- Lorem krūva ipsum--

187
00:08:36,010 --> 00:08:38,720
tik standartinį nutylėjimą pildyti tekstą.

188
00:08:38,720 --> 00:08:41,970
Taigi turiu dvi pastraipas viduje, kad
pirmo lygio antraštė ir tada apačioje I

189
00:08:41,970 --> 00:08:46,850
turi antro lygio antraštę čia on-line 24
antrasis lygis galva, o kitos dvi

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

191
00:08:47,840 --> 00:08:51,910
Na ką tai atrodys
jei aš jį peržiūrėti mano dydis?

192
00:08:51,910 --> 00:08:53,790
Pažiūrėkim.

193
00:08:53,790 --> 00:08:55,730
>> Taigi pastebėti, kad
Pirmasis lygis antraštės čia

194
00:08:55,730 --> 00:08:58,420
iš tiesų yra gana šiek tiek didesni
nei antro lygio antraštėje.

195
00:08:58,420 --> 00:08:59,940
Taigi mes naudojamas H1 žodžius.

196
00:08:59,940 --> 00:09:03,820
Ir pastebėsite, kad P žymės leidžia mums
pertrauka dalykus į pastraipas.

197
00:09:03,820 --> 00:09:07,500
Jei mes Dotarłeś atsikratyti tų P žymės
ir iš tikrųjų tiesiog pradeda arba Grąžinimas

198
00:09:07,500 --> 00:09:10,110
tarp ką tikėjosi
būti skirtingi punktai,

199
00:09:10,110 --> 00:09:13,193
jie visi tiesiog Slam kartu ir
jis neturės šį gražią punktą

200
00:09:13,193 --> 00:09:15,840
atskyrimas su erdve virš ir žemiau.

201
00:09:15,840 --> 00:09:18,300
Ir taip, kad tai, ką dalis
žodžius ir antraštės žodžius

202
00:09:18,300 --> 00:09:22,440
dažniausiai naudojami padaryti atkreipti
dėmesį į porcijų mūsų interneto puslapyje

203
00:09:22,440 --> 00:09:23,550
tokiu būdu.

204
00:09:23,550 --> 00:09:27,560
>> Next up keletas žymių, kad mes naudojame
statyti sąrašus mūsų interneto puslapyje.

205
00:09:27,560 --> 00:09:30,820
Taigi, mes turime netvarkingai
lists-- ULs-- kuri yra tik

206
00:09:30,820 --> 00:09:34,090
sąrašus su ženkleliais, nurodė
sąrašą, kuris yra numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- ir viduje arba
vienas iš tų, mes turime turėti

208
00:09:37,680 --> 00:09:40,600
rinkiniai, kaip nurodyti sąrašo elementus, li.

209
00:09:40,600 --> 00:09:44,370
Ir todėl mes turime atvirą UL žymą
ir mes įdėti elementus viduje ji.

210
00:09:44,370 --> 00:09:46,920
Ir tada, kai baigsime su
, kad mes galime uždaryti UL žymą.

211
00:09:46,920 --> 00:09:49,850
>> Ir panašiai mes galime turėti
tvarkingai, arba numeruotas sąrašas

212
00:09:49,850 --> 00:09:51,560
ir įdėti sąrašo elementus viduje, kad.

213
00:09:51,560 --> 00:09:53,350
Taigi leiskite pažvelgti
esant sąrašą pora

214
00:09:53,350 --> 00:09:57,230
ir kas jie būtų
pateikta kaip ant CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Taigi turiu čia mano IDE A
failą pavadinimu sąrašai dot HTML.

216
00:10:00,640 --> 00:10:03,100
Leiskite pažvelgti.

217
00:10:03,100 --> 00:10:08,482
>> Ir Nuoroda Čia aš turėti netvarkingai
Sąrašas su penkių dalykų jį.

218
00:10:08,482 --> 00:10:11,440
Ir tada aš turiu tvarkingai sąrašą ir
Aš pasikeitė TAG truputį,

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

220
00:10:11,939 --> 00:10:13,152
Sakiau pradžia lygus šeši.

221
00:10:13,152 --> 00:10:16,110
Pasirodo, su tvarkinga I sąrašą
galima nustatyti atskaitos tašką, kur tai

222
00:10:16,110 --> 00:10:20,130
Aš want-- pagal nutylėjimą ji bus one--
tiesiog pridedant šį vadinamąjį atributą

223
00:10:20,130 --> 00:10:21,190
mano OL žyma.

224
00:10:21,190 --> 00:10:23,572
Ir todėl šis sąrašas bus
pradėti skaičiuoti ne šeši.

225
00:10:23,572 --> 00:10:26,780
Taigi šiuo numeriu sąrašo elementai
turėtų būti šeši, septyni, aštuoni, devyni, dešimt,

226
00:10:26,780 --> 00:10:29,930
nes yra penki elementai
sąraše, o ne vieną,

227
00:10:29,930 --> 00:10:33,770
dviejų, trijų, keturių, penkių, kuris
būtų tuo atveju, jei aš sakė O.

228
00:10:33,770 --> 00:10:36,730
nenurodant pradžios atributas.

229
00:10:36,730 --> 00:10:41,594
>> Taigi mes tiesiog peržiūrėti šį, todėl jūs galite
gauti už tai, kas vyksta čia jausmą.

230
00:10:41,594 --> 00:10:42,260
Ir mes einame.

231
00:10:42,260 --> 00:10:44,610
Yra mano sąrašą.

232
00:10:44,610 --> 00:10:47,810
Pirmieji penki elementai yra
netvarkingai ar sąrašus su ženkleliais.

233
00:10:47,810 --> 00:10:51,010
Ir kitą penki elementai
yra atskira užsisakyti sąrašas

234
00:10:51,010 --> 00:10:52,980
pradedant nuo šešių.

235
00:10:52,980 --> 00:10:56,247
Štai kaip mes galime
sukurti sąrašus, naudojant HTML.

236
00:10:56,247 --> 00:10:58,080
Kitas dalykas, jums gali
nori daryti su HTML

237
00:10:58,080 --> 00:11:01,520
yra pastatyti stalo
informacija eilučių ir stulpelių

238
00:11:01,520 --> 00:11:04,560
pateikti informaciją A
ypač organizuotas būdas.

239
00:11:04,560 --> 00:11:09,110
Norėdami tai padaryti su HTML galime turėti
Lentelėje apibrėžimas pradedant atvirą laikiklį

240
00:11:09,110 --> 00:11:10,160
stalo.

241
00:11:10,160 --> 00:11:14,680
Ir tada viduje tos lentelės mes
gali turėti eilučių, TR žymeles rinkinį

242
00:11:14,680 --> 00:11:15,980
nurodyti kiekvienos eilutės.

243
00:11:15,980 --> 00:11:22,510
Ir tada TD žymės vidun TR žymės
nurodyti per eilės stulpelį.

244
00:11:22,510 --> 00:11:24,340
>> Kodėl jis vadinamas td o ne TC?

245
00:11:24,340 --> 00:11:25,940
Na, "TD stovi lentelės duomenis.

246
00:11:25,940 --> 00:11:27,900
Paprastai jūs pateikėte
jūsų informacija yra.

247
00:11:27,900 --> 00:11:29,440
Štai kodėl tai td o ne tikrasis narys.

248
00:11:29,440 --> 00:11:31,140
Tai šiek tiek klaidina.

249
00:11:31,140 --> 00:11:33,720
>> Taigi jūs turite stalo žymes ir
viduje jūsų stalo žymės

250
00:11:33,720 --> 00:11:35,600
turite eilučių, TRS skaičių.

251
00:11:35,600 --> 00:11:40,030
Ir viduje kiekvienoje eilutėje turite
TDS už stulpelių skaičių

252
00:11:40,030 --> 00:11:42,880
kad jūs norite turėti
toje konkrečioje eilės.

253
00:11:42,880 --> 00:11:47,730
Paimkime pažvelgti labai
Paprasta lentelė perkelta į CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Taigi turiu čia failą
vadinamas stalo dot HTML.

255
00:11:49,730 --> 00:11:53,390
Leiskite turėti pažvelgti
ką tai atrodo.

256
00:11:53,390 --> 00:11:56,225
Yra daug vyksta, bet čia
Jei pastebėsite Turiu lentelė atvira.

257
00:11:56,225 --> 00:11:57,850
Aš pradedant su stalo apibrėžimą.

258
00:11:57,850 --> 00:12:02,100
Ir tada mano pirmoje eilėje aš, matyt,
turi keturis kolonos, vienas, du, trys,

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

260
00:12:02,660 --> 00:12:04,290
Ir tada aš padariau su tos eilutės.

261
00:12:04,290 --> 00:12:07,750
>> Tada aš pradedu kitą eilutę ir
padaryti dviejų, keturių, šešių, aštuonių.

262
00:12:07,750 --> 00:12:08,850
Baigti tos eilutės.

263
00:12:08,850 --> 00:12:11,410
Ar kitą eilutę, trys, šeši, devyni, 12.

264
00:12:11,410 --> 00:12:14,830
Ir tada paskutinė eilutė, keturi,
aštuoni, 12, ir nors tai

265
00:12:14,830 --> 00:12:16,560
šiek tiek nupjauti čia 16.

266
00:12:16,560 --> 00:12:17,710
>> Aš baigiau tą eilutę.

267
00:12:17,710 --> 00:12:18,970
Aš baigiau lentelę.

268
00:12:18,970 --> 00:12:21,430
Ir tada aš padariau su savo HTML.

269
00:12:21,430 --> 00:12:22,590
Ką tai atrodo?

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

271
00:12:26,014 --> 00:12:27,430
Na, tai tikrai ne daug pamatyti.

272
00:12:27,430 --> 00:12:31,690
Aš aiškiai organizavo mano informacijos
į šiek tiek daugiau organizuotu būdu.

273
00:12:31,690 --> 00:12:33,755
Bet tai ne super gana čia.

274
00:12:33,755 --> 00:12:36,130
Ir mes ketiname spręsti
kad kai mes kalbame apie CSS.

275
00:12:36,130 --> 00:12:38,930
Mes peržiūrėti šį idėja
ką mes darome padaryti table--

276
00:12:38,930 --> 00:12:41,260
gal formatuoti šiek tiek geriau?

277
00:12:41,260 --> 00:12:45,070
Bet aš vis dar turiu keturis eilutes,
iš kurių kiekvienas turi keturis stulpelius,

278
00:12:45,070 --> 00:12:48,890
ir tikrai, kas tai prilygsta yra
labai paprasta keturių iki keturių daugyba

279
00:12:48,890 --> 00:12:49,870
stalo.

280
00:12:49,870 --> 00:12:51,690
>> Tik keli daugiau žymelių mes kalbame apie.

281
00:12:51,690 --> 00:12:54,617
Pakalbėkime apie
koncepcija HTML formą.

282
00:12:54,617 --> 00:12:57,450
Taigi tu gali matyti tai į
kontekstas prisijungti prie tinklalapio.

283
00:12:57,450 --> 00:12:59,100
Paprastai įvesite savo vartotojo vardu.

284
00:12:59,100 --> 00:13:01,510
Jūs įrašykite savo slaptažodį,
ir jūs gerai eiti.

285
00:13:01,510 --> 00:13:04,170
Tai būtų blanko pradžia.

286
00:13:04,170 --> 00:13:05,420
>> Pralaidos per div sekundę.

287
00:13:05,420 --> 00:13:07,987
Mes taip pat turime įėjimai, kuri
rūšies tilptų formų.

288
00:13:07,987 --> 00:13:10,320
Tai yra elementų, kurie
jūs iš tikrųjų rašyti į,

289
00:13:10,320 --> 00:13:12,580
ar akutes esate
pažymint, ar patikrinimas

290
00:13:12,580 --> 00:13:14,310
dėžės, kad jūs tiksi išjungtas.

291
00:13:14,310 --> 00:13:15,770
Taigi jie vidun formų.

292
00:13:15,770 --> 00:13:18,500
Ir jie sudaro iš esmės
kiekvienas iš formos eilutė

293
00:13:18,500 --> 00:13:19,887
Jei jūsų forma yra suformatuotas taip pat.

294
00:13:19,887 --> 00:13:22,220
Tada ten ši koncepcija
div, kuris tikrai ne

295
00:13:22,220 --> 00:13:25,060
tilptų į bet kurią konkrečią kategoriją
žymių kaip ir tuos, aš

296
00:13:25,060 --> 00:13:26,170
buvo padaryti anksčiau.

297
00:13:26,170 --> 00:13:29,790
Tai tiesiog tarsi atriboja
pradžioje kai savavališkai division--

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

299
00:13:31,670 --> 00:13:33,210
Nėra vaizdo pertraukos.

300
00:13:33,210 --> 00:13:34,800
Nėra linija.

301
00:13:34,800 --> 00:13:37,180
Tai ne užskaityti kaip
atskiras gabalas automatiškai.

302
00:13:37,180 --> 00:13:39,430
Jūs norite turėti stiliaus ją
kad taip daryti.

303
00:13:39,430 --> 00:13:42,110
>> Tai tiesiog tarsi sako Noriu
gabalas erdvėje ant mano internetiniame puslapyje,

304
00:13:42,110 --> 00:13:45,190
ir aš tik ketina skambinti
tai šis mano puslapyje padalinys.

305
00:13:45,190 --> 00:13:47,619
Mes galime įdėti stuff viduje
nuo div us, ir iš tikrųjų,

306
00:13:47,619 --> 00:13:49,410
kai mes per galvą
IDE per sekundę, mes

307
00:13:49,410 --> 00:13:53,760
matyti, kad aš pradėti mano
suformuoti viduje div.

308
00:13:53,760 --> 00:13:57,050
>> Taigi turiu čia mano IDE A
failas, vadinamas div forma dot HTML.

309
00:13:57,050 --> 00:13:59,260
Leiskite ją atidaryti.

310
00:13:59,260 --> 00:14:01,460
Atkreipkite dėmesį, kad, kaip jau sakiau,
div rūšies savavališkai.

311
00:14:01,460 --> 00:14:01,640
Teisė?

312
00:14:01,640 --> 00:14:02,973
Jis tikrai ne ką nors reiškia.

313
00:14:02,973 --> 00:14:05,140
Taigi turiu savavališkai
Pirmasis skyrius mano puslapyje.

314
00:14:05,140 --> 00:14:07,848
Ir tada vietoj kito div
Vėliau, pradedant nuo linijos aštuonių,

315
00:14:07,848 --> 00:14:08,730
Turiu šią formą.

316
00:14:08,730 --> 00:14:13,594
Ir viduje I forma turėti
skaičius įėjimai, laukai forma.

317
00:14:13,594 --> 00:14:16,510
Taigi turiu lauką, kurio vardas yra A--
kuri tikrai ne ką nors reiškia

318
00:14:16,510 --> 00:14:19,350
teisė now-- kad, matyt,
trunka tekstą, kitas, kad

319
00:14:19,350 --> 00:14:22,630
mano slaptažodį, kitą, kad yra radijo
mygtuką, kitas tai yra varnelė,

320
00:14:22,630 --> 00:14:24,797
o kitas kad tai mygtuką "Siųsti".

321
00:14:24,797 --> 00:14:26,630
Na, ką tai
visi iš tikrųjų atrodo?

322
00:14:26,630 --> 00:14:27,629
Na, leiskite pažvelgti.

323
00:14:27,629 --> 00:14:31,010
Mes ją atidaryti mūsų peržiūros lange.

324
00:14:31,010 --> 00:14:33,557
Atkreipkite dėmesį, kad šis savavališkas
Pirmasis division-- ten

325
00:14:33,557 --> 00:14:34,640
nėra vaizdo atskyrimas čia.

326
00:14:34,640 --> 00:14:37,150
Tai tikrai ne daryti nieko, tiesa?

327
00:14:37,150 --> 00:14:38,220
>> Ir tada aš turiu formą.

328
00:14:38,220 --> 00:14:39,890
Ir aš nepadarė jokių specialių formatavimą.

329
00:14:39,890 --> 00:14:42,680
Taigi ši forma yra tik vienas
didelis eilė informaciją.

330
00:14:42,680 --> 00:14:46,424
Jeigu aš formatuoti mano formą skirtingai,
Galėčiau jį pagal kiekvieną eilutę po eilutės.

331
00:14:46,424 --> 00:14:47,590
Bet aš ne daryti bet stilius.

332
00:14:47,590 --> 00:14:49,256
Vėlgi, mes kalbame ne apie CSS čia.

333
00:14:49,256 --> 00:14:51,030
Mes tik kalbame apie HTML.

334
00:14:51,030 --> 00:14:53,980
>> Na mano teksto forma galiu type--
Atminkite, kad formos tipo tekstą

335
00:14:53,980 --> 00:14:55,480
todėl galiu įdėti savo vardą.

336
00:14:55,480 --> 00:14:57,330
Ir mano slaptažodis I
galite įvesti savo slaptažodį.

337
00:14:57,330 --> 00:14:59,740
Ir todėl, kad šioje srityje
yra tipo slaptažodžiu,

338
00:14:59,740 --> 00:15:01,470
Jūs nežinote, ką mano slaptažodis yra.

339
00:15:01,470 --> 00:15:02,800
Tai visi taškai.

340
00:15:02,800 --> 00:15:09,140
>> Aš taip pat galite pasirinkti pažymėkite off
radijo mygtuką arba išbarti žymės langelį.

341
00:15:09,140 --> 00:15:10,420
Arba galėčiau pateikti savo formą.

342
00:15:10,420 --> 00:15:11,810
Ir aš nepadarė nieko,
todėl, kai aš pateikti savo formą,

343
00:15:11,810 --> 00:15:13,090
tiesiog puslapis atnaujinamas.

344
00:15:13,090 --> 00:15:16,970
Bet aš galbūt galėtų sukonfigūruoti savo
Pateikti mygtuką daryti ką nors kita.

345
00:15:16,970 --> 00:15:20,410
Ir mes pamatyti, ką mes galime padaryti su
kad būsimo vaizdo PHP.

346
00:15:20,410 --> 00:15:22,520
Bet tai stato labai
paprasta forma, kad mes

347
00:15:22,520 --> 00:15:27,360
galite naudoti norėdami turėti vartotojai sąveikauja ir
pateikti informaciją mūsų svetainėje.

348
00:15:27,360 --> 00:15:29,620
>> Vienas paskutinis komentaras, kol mes
pereiti prie kai kurių kitų žymių

349
00:15:29,620 --> 00:15:32,040
yra pažvelgti į šią išvaizdą
įvesties žymė dar kartą.

350
00:15:32,040 --> 00:15:35,760
Atkreipkite dėmesį, kad aš pabrėžė
Ir į raudoną žymę galuose.

351
00:15:35,760 --> 00:15:39,390
Kiekvienas kitas žyma mes matėme iki šiol
turėjo pradžią ir pabaigą, atidarymo

352
00:15:39,390 --> 00:15:41,030
Tag ir uždarymo tegus.

353
00:15:41,030 --> 00:15:42,520
>> Bet įvesties žyma nėra.

354
00:15:42,520 --> 00:15:46,860
Nėra teksto, kad eina
tarp įvesties žymes.

355
00:15:46,860 --> 00:15:49,160
Visa informacija
mes ketinanti perteikti

356
00:15:49,160 --> 00:15:52,640
surišta, kaip dalis
atributus, kad pirkimo.

357
00:15:52,640 --> 00:15:54,690
Atkreipkite dėmesį, mes turime įvesti vardas lygus x.

358
00:15:54,690 --> 00:15:55,580
Tipas lygus m.

359
00:15:55,580 --> 00:15:57,660
Tai tikrai visi
Informacija, kurią mes turime.

360
00:15:57,660 --> 00:15:59,470
>> Tai vadinama savarankiškai uždarymo tegus.

361
00:15:59,470 --> 00:16:02,470
Ji nereikalauja atidarymo ir
Uždaryti nes visa informacija

362
00:16:02,470 --> 00:16:04,974
yra pateiktas viduje
Tag ir jos požymiai.

363
00:16:04,974 --> 00:16:06,390
Taigi kartais pamatysite tai, taip pat.

364
00:16:06,390 --> 00:16:10,400
Taigi tiesiog reikia žinoti, kad, jei turite
Tag, kuri yra visiškai savarankiškas,

365
00:16:10,400 --> 00:16:14,170
jis atsidaro ir užsidaro pati
atviro kampo laikiklis kairėje

366
00:16:14,170 --> 00:16:17,000
ir velniop kampas
kronšteinas dešinėje.

367
00:16:17,000 --> 00:16:20,580
Pamatysime dar vienas iš tų
dabar su vaizdo žymeles, taip pat.

368
00:16:20,580 --> 00:16:23,300
>> Prieš kalbame apie vaizdus, ​​mes
reikia kalbėti apie hipersaitus.

369
00:16:23,300 --> 00:16:26,080
Jei norime, kad mūsų interneto puslapis turi būti
interaktyvus ir judėti mus aplink,

370
00:16:26,080 --> 00:16:28,121
tai būtų malonu turėti
paspausti ant vieno iš tų,

371
00:16:28,121 --> 00:16:30,190
kas paprastai buvo mėlyna nurodo.

372
00:16:30,190 --> 00:16:34,440
Tai iš tikrųjų, kaip mes statome
yra vienas iš mūsų tinklalapio nuorodą.

373
00:16:34,440 --> 00:16:36,540
Ir Įdomu
yra ir kitas HTML tegus

374
00:16:36,540 --> 00:16:39,000
vadinamas ryšys, kuris nėra nuorodą.

375
00:16:39,000 --> 00:16:44,130
Čia stovi inkaras, ir
tai kaip mes nurodyti nuorodą.

376
00:16:44,130 --> 00:16:49,150
>> Href lygus x priemonės eikite į
interneto puslapis X. Ir viskas

377
00:16:49,150 --> 00:16:51,580
tarp atidaryti žymė
ir uždaryti žymė

378
00:16:51,580 --> 00:16:56,010
yra tai, kas bus, kad pabrėžė
mėlyna tekstas, kuris atrodo kaip nuorodą

379
00:16:56,010 --> 00:16:57,590
kad mes esate susipažinę su.

380
00:16:57,590 --> 00:17:01,660
Žemiau kad mes turime vaizdo žymeles, kurios
Ar savarankiškai uždarymo tegus rodyti

381
00:17:01,660 --> 00:17:05,599
vaizdo įsikūręs X Ir
Jums gali būti suteikta galimybė pakeisti

382
00:17:05,599 --> 00:17:08,280
kad nurodant vaizdas
plotis ir aukštis

383
00:17:08,280 --> 00:17:11,640
ir kiti atributai
kad taškas taškas taškas ten.

384
00:17:11,640 --> 00:17:14,260
>> Pačioje apačioje čia
Mes turime labai įdomi

385
00:17:14,260 --> 00:17:16,170
ieško žymeklį nėra
turėti uždarymo tegus.

386
00:17:16,170 --> 00:17:19,410
Tai šauktukas DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
Taigi HTML gyvuoja nuo
1990-ųjų pradžioje pastatų tinklalapius,

388
00:17:23,300 --> 00:17:25,859
ir jis dingo perėję
keletas versijų, nes tada.

389
00:17:25,859 --> 00:17:28,550
Visai neseniai 2014
jis patyrė peržiūrą

390
00:17:28,550 --> 00:17:33,440
vadinamas HTML5, kuris dabar yra dabartinis
Rūšiuoti de facto HTML standartą.

391
00:17:33,440 --> 00:17:36,730
>> Norėdami nurodyti, kad mūsų interneto
puslapiai rašomi HTML5,

392
00:17:36,730 --> 00:17:38,160
tai kaip mes pradėti.

393
00:17:38,160 --> 00:17:40,380
Jis gali būti praleidžiami, bet
kas, kad iš esmės

394
00:17:40,380 --> 00:17:45,930
priemonės yra jūs negalite naudoti bet žymės
kad yra HTML5 žodžius, toms naujoms žymes.

395
00:17:45,930 --> 00:17:48,591
Taigi mes visada pradėti nuo
jei mes naudojame HTML5.

396
00:17:48,591 --> 00:17:51,340
Ir visi žymės mes kalbėjome apie
anksčiau nėra HTML5 žymes.

397
00:17:51,340 --> 00:17:55,470
Tačiau tai rodo, kad
HTML5 žymės bus.

398
00:17:55,470 --> 00:17:58,400
Ir todėl mes turime šauktuko
DOCTYPE HTML, kuris

399
00:17:58,400 --> 00:18:01,280
yra pačioje pradžioje mūsų
HTML byla, o tada, kad po to, kai temperatūra

400
00:18:01,280 --> 00:18:04,930
mes iš tikrųjų turime HTML atvira
pažymėti ir pereiti iš ten.

401
00:18:04,930 --> 00:18:10,050
>> Paskutinis vienas komentaras žymeles,
kuri atrodo šiek tiek skiriasi, per daug.

402
00:18:10,050 --> 00:18:12,810
Jis prasideda su kampu
laikiklis šauktuku brūkšnys

403
00:18:12,810 --> 00:18:15,220
brūkšnys, bet ne uždarymo laikiklis.

404
00:18:15,220 --> 00:18:20,150
Tarp šių dviejų ten elementų
kur rašote komentarus.

405
00:18:20,150 --> 00:18:28,420
Ir tegul pažvelgti vaizdų išvaizdą
ir pastabos ir nuorodos į CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Taigi turiu čia failas vadinamas paveikslėlio nuoroda
dot HTML kurį aš ruošiuosi atverti.

407
00:18:32,850 --> 00:18:36,420
Ir pranešimas, aš turiu porą
komentarai čia mano HTML komentarus.

408
00:18:36,420 --> 00:18:38,990
Taigi, kaip ir C ir kita
programavimo kalbos,

409
00:18:38,990 --> 00:18:43,169
HTML tiesiog yra žymėjimo kalba
tikrai turi galimybę turėti pastabas.

410
00:18:43,169 --> 00:18:45,710
Ir todėl aš, matyt, ketina
įdėti Rick Astley nuotrauką

411
00:18:45,710 --> 00:18:49,060
kažkur tarp DIV
žymeles, tai savavališkas padalinys.

412
00:18:49,060 --> 00:18:51,497
Matyt, kad failas yra
įsikūręs Rick dot JPEG, kuris

413
00:18:51,497 --> 00:18:53,580
jei mes galvą atgal virš
Mano failą medis antra,

414
00:18:53,580 --> 00:18:55,490
yra failas, kuris egzistuoja
einamojo katalogo.

415
00:18:55,490 --> 00:18:56,031
Taigi, kad viskas OK.

416
00:18:56,031 --> 00:18:57,710
Galiu nuoroda ją.

417
00:18:57,710 --> 00:18:59,680
>> Tada galiu turėti vidines nuorodas.

418
00:18:59,680 --> 00:19:05,080
Taigi pastebėti on-line 11 čia
mano href yra labas dot HTML.

419
00:19:05,080 --> 00:19:09,050
Taigi, kad tik remiasi Sveiki dot HTML
kuri egzistuoja dabartiniame kataloge.

420
00:19:09,050 --> 00:19:12,980
Ir aš taip pat gali turėti išorės
Nuorodos tiesiog nurodant HTTPS

421
00:19:12,980 --> 00:19:16,180
nurodo, kad Aš nekalbu
apie mano esamą katalogą failą.

422
00:19:16,180 --> 00:19:19,730
Aš kalbu apie failą, kad egzistuoja
kažkur internete, o aš turiu

423
00:19:19,730 --> 00:19:23,370
prašyti naudojant HTTP protokolą.

424
00:19:23,370 --> 00:19:25,990
>> Taigi leiskite pažvelgti, kas
šiuo puslapiu gali atrodyti

425
00:19:25,990 --> 00:19:29,500
ir ruoštis Rick paveikslėlyje
Astley parodyti ant jūsų ekrano.

426
00:19:29,500 --> 00:19:31,490
Taigi aš peržiūrėti tai.

427
00:19:31,490 --> 00:19:33,800
Yra Rick Astley ne
labai Top šiame savavališkas

428
00:19:33,800 --> 00:19:35,008
padalinys aš įdėti jį viršuje.

429
00:19:35,008 --> 00:19:36,960
Ir tada apačioje I
turi nuorodas, ar ne?

430
00:19:36,960 --> 00:19:39,330
>> Turiu nuorodą į "Hello dot HTML.

431
00:19:39,330 --> 00:19:42,860
Ir jei aš spustelėkite, kad gaunu
perėjo į šį puslapį

432
00:19:42,860 --> 00:19:47,050
kad mes labai gerai susipažinęs su iš
pati pradžia mūsų programą.

433
00:19:47,050 --> 00:19:50,880
Jei aš pop šį puslapį atvirą vėl, jei aš
Pop paveikslėlio nuoroda atidaryti dar vieną kartą,

434
00:19:50,880 --> 00:19:54,420
Taip pat galiu eiti išorėje
į CS50 tinklalapyje.

435
00:19:54,420 --> 00:19:56,740
Ir ten mes see-- aš
nutolinti truputį here--

436
00:19:56,740 --> 00:20:00,260
matysime CS50 tinklapyje rūšiuoti
įdėta į viduryje mūsų puslapyje.

437
00:20:00,260 --> 00:20:04,670
Taigi galėjau padaryti vidaus
susieti, taip pat išorinio nuorodą.

438
00:20:04,670 --> 00:20:07,200
>> Paskutinis taisyklė su HTML, kad
mes ketiname kalbėti apie čia

439
00:20:07,200 --> 00:20:09,510
yra tai, kad jūsų HTML turėtų būti gerai suformuotas.

440
00:20:09,510 --> 00:20:13,020
C mes kalbėjome daug apie
įvairių sintaksės dalykų.

441
00:20:13,020 --> 00:20:17,650
HTML sintaksė tikrai
sukasi aplink žymes.

442
00:20:17,650 --> 00:20:19,660
Kiekvienas žyma atidarote turi būti uždarytos.

443
00:20:19,660 --> 00:20:22,630
Ir iš tiesų, kas žyma atidarote
turėtų būti uždarytas atvirkštine tvarka.

444
00:20:22,630 --> 00:20:25,790
>> Taigi, jei jūs atidaryti drąsus žymeles, Italic
Tag, tada pabraukimo žymė

445
00:20:25,790 --> 00:20:28,120
padaryti visus tris iki A
ypač rinkinys tekstą,

446
00:20:28,120 --> 00:20:30,070
jums reikia uždaryti juos atvirkštine tvarka.

447
00:20:30,070 --> 00:20:32,270
Taigi, jei jūs atidaryta drąsus,
kursyvas, pabraukimas, jums

448
00:20:32,270 --> 00:20:35,240
norite uždaryti pabrėžti, pasvirusiomis raidėmis, paryškintu šriftu.

449
00:20:35,240 --> 00:20:39,990
Šis hermetizuoti Rūšiuoti yra tai, ką
išlaiko HTML gražus ir organizuotas.

450
00:20:39,990 --> 00:20:44,370
>> Skirtingai nuo C, nors, sintaksės klaidos nebus
iš tikrųjų paralyžiuoti savo HTML galbūt.

451
00:20:44,370 --> 00:20:48,730
Jūsų HTML negali būti gerai
suformuota, bet vis dar veikia.

452
00:20:48,730 --> 00:20:50,589
Ir taip šios klaidos
gali rūšiuoti stiklelio.

453
00:20:50,589 --> 00:20:52,130
Tai iki jums tikrai būti budrūs.

454
00:20:52,130 --> 00:20:54,760
Kartais jie žlugs, bet
Kartais jūs galite išeiti su juo.

455
00:20:54,760 --> 00:20:56,509
>> Tai gali būti tikrai
sudėtingas uždavinys, nors,

456
00:20:56,509 --> 00:21:00,660
sekti kai atidarytas
tegus, kai jūs ją uždarė,

457
00:21:00,660 --> 00:21:04,110
ypač HTML
failai gauti didesni ir didesni.

458
00:21:04,110 --> 00:21:05,490
Jūs norite šiek tiek padėti.

459
00:21:05,490 --> 00:21:07,560
Ir šiuo metu prisijungę
validator įrankių, kuriuos

460
00:21:07,560 --> 00:21:11,474
galite naudoti norėdami turėti ne savo interneto išvaizdą
puslapis ir pamatyti, jei ji gerai susiformavę HTML.

461
00:21:11,474 --> 00:21:13,390
Ir jūs būtinai
pažvelgti tiems išvaizdą

462
00:21:13,390 --> 00:21:16,620
ir pradėti juos naudoti kaip jus
pradėti daryti tam tikrą darbą su HTML,

463
00:21:16,620 --> 00:21:20,800
HTML rašymo, tik tokiu būdu jūs gaunate
gerų įpročių apie organizavimas

464
00:21:20,800 --> 00:21:24,377
HTML geras būdas ir
geras stilius ir įsitikinkite,

465
00:21:24,377 --> 00:21:27,210
kad jūs nedarote nieko, kad
gali sukurti sintaksės klaida, kad

466
00:21:27,210 --> 00:21:30,270
galėtų sukelti jums šiek tiek
problema žemyn kelio.

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

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

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