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

2
00:00:06,100 --> 00:00:08,790
>> Doug LLOYD: Tātad mēs pavadījām
about-- ja mana matemātika ir taisnība,

3
00:00:08,790 --> 00:00:11,900
un es domāju, ka meklē back-- es domāju
mēs pavadījām apmēram 35 video runā

4
00:00:11,900 --> 00:00:15,139
par dažādiem aspektiem, C, varbūt
nedaudz vairāk, varbūt nedaudz mazāk.

5
00:00:15,139 --> 00:00:16,930
Un mēs neaptvēra
viss C, bet mēs

6
00:00:16,930 --> 00:00:21,170
aptvēra lielu gabalu no
valoda, lielākā daļa no tā,

7
00:00:21,170 --> 00:00:22,882
protams par kopīgiem mērķiem.

8
00:00:22,882 --> 00:00:25,090
Tagad mēs runāsim
par cita valoda, HTML.

9
00:00:25,090 --> 00:00:28,180
Un mēs ejam, lai segtu
tas tikai vienā video.

10
00:00:28,180 --> 00:00:29,340
>> Bet tas būs OK.

11
00:00:29,340 --> 00:00:31,410
Tas notiek, lai tiešām kļūtu
kaut kas jūs gatavojas pierast.

12
00:00:31,410 --> 00:00:33,535
Tagad, ka jums ir
pamati vienā valodā,

13
00:00:33,535 --> 00:00:35,776
patiesībā tas ir diezgan viegli
sākt mācīties citus.

14
00:00:35,776 --> 00:00:37,650
Tātad mēs ejam, lai sāktu
soli nedaudz atpakaļ

15
00:00:37,650 --> 00:00:43,340
un spīdums pār pamata
atšķirības starp šīm valodām

16
00:00:43,340 --> 00:00:45,750
un veida atstāt jūs uz to.

17
00:00:45,750 --> 00:00:48,530
Tur ir daudz tiešām liels
resursiem internetā, kas

18
00:00:48,530 --> 00:00:51,279
mēs esam gatavojas sākt virzienmaiņai jums
virzienā, jo internets ir

19
00:00:51,279 --> 00:00:53,340
plašs apkopojot informāciju.

20
00:00:53,340 --> 00:00:55,960
Un tā tas nav kā jūs
būt zaudē obligāti

21
00:00:55,960 --> 00:00:58,349
ko nav informācijas
pārklāti ar video.

22
00:00:58,349 --> 00:01:00,640
Jūs joprojām varēs saņemt
viss jums ir nepieciešams, un lietošana

23
00:01:00,640 --> 00:01:03,590
zināšanas esat jau
izveidojuši izprotot C

24
00:01:03,590 --> 00:01:07,130
padarīt mācīšanās līkne šiem
citas valodas tiešām daudz plakanāki.

25
00:01:07,130 --> 00:01:08,640
ES apsolu.

26
00:01:08,640 --> 00:01:12,770
>> Bet parunāsim par vienu valodu
tas ir patiešām būtiski katram tīmeklī

27
00:01:12,770 --> 00:01:14,830
lapa, kas ir HTML.

28
00:01:14,830 --> 00:01:18,230
HTML ir Hyper Teksta iezīmēšanas valoda.

29
00:01:18,230 --> 00:01:22,700
HTML ir valoda, bet tas ir
nav programmēšanas valoda.

30
00:01:22,700 --> 00:01:23,900
>> HTML nav mainīgie.

31
00:01:23,900 --> 00:01:26,430
Tas nav loģika vai
funkcijas vai kaut kā tā.

32
00:01:26,430 --> 00:01:30,301
Mēs nevaram darīt jebkurš
programmēšana per se HTML.

33
00:01:30,301 --> 00:01:32,300
Dažreiz jūs dzirdat
cilvēki aprakstīt sevi

34
00:01:32,300 --> 00:01:35,710
kā HTML programmētāji, kas
nav pilnīgi precīza.

35
00:01:35,710 --> 00:01:37,980
Mēs nevaram rakstīt HTML programmas.

36
00:01:37,980 --> 00:01:40,770
>> HTML ir tikai izmanto, lai atzīmētu up tekstu.

37
00:01:40,770 --> 00:01:42,690
To sauc par iezīmēšanas valoda.

38
00:01:42,690 --> 00:01:47,680
Un ko tas does-- šo markup--
mēs izmantojam tagus HTML un šajos tags--

39
00:01:47,680 --> 00:01:51,600
šis markup-- semantiski
definē struktūru lapas

40
00:01:51,600 --> 00:01:55,280
un izraisa teksta ka
pastāv starp tags jāinterpretē

41
00:01:55,280 --> 00:01:57,320
pārlūkprogrammās dažādos veidos.

42
00:01:57,320 --> 00:02:00,370
Un varbūt tas ir labākais, lai izskaidrotu
Tas, ko veids ilustrācija.

43
00:02:00,370 --> 00:02:06,450
>> Šeit ir ļoti vienkāršs HTML lapas, ne
HTML programma, atkal, HTML lapas.

44
00:02:06,450 --> 00:02:08,680
Un mēs zinām, tas ir
HTML lapu, jo mēs esam

45
00:02:08,680 --> 00:02:11,480
ierobežo visu ar HTML tagiem.

46
00:02:11,480 --> 00:02:13,850
Tātad, tas ir tas, ko HTML tag izskatās.

47
00:02:13,850 --> 00:02:15,870
Tas ir starp iekavām.

48
00:02:15,870 --> 00:02:18,570
Un paziņojums augšpusē mums ir
HTML un pašā apakšā,

49
00:02:18,570 --> 00:02:21,400
kad mēs esam darījuši to, kas ir
acīmredzot daudz citu HTML,

50
00:02:21,400 --> 00:02:24,310
mums ir leņķis kronšteins slash HTML.

51
00:02:24,310 --> 00:02:29,262
Tāpēc, ka veida ir robeža
starp to, kas ir HTML, un kas nav.

52
00:02:29,262 --> 00:02:32,220
Un, protams, tradicionāli, vienkārši
kā jūs rakstījāt visas jūsu C programmas

53
00:02:32,220 --> 00:02:35,300
ar dot C paplašinājumus,
visiem jūsu HTML failu

54
00:02:35,300 --> 00:02:37,909
beigsies ar punktu HTML paplašinājumiem.

55
00:02:37,909 --> 00:02:39,200
Bet tur ir vairāk notiek šeit.

56
00:02:39,200 --> 00:02:40,658
Mums nav vienkārši ir šādas HTML birkas.

57
00:02:40,658 --> 00:02:44,010
Mums acīmredzot ir šo
lieta, ko sauc par galvas tag.

58
00:02:44,010 --> 00:02:46,010
Nu, OK, kas ir kas?

59
00:02:46,010 --> 00:02:48,550
>> Nu varbūt tas ir labākais, lai
atšķirt veidā ķermeņa,

60
00:02:48,550 --> 00:02:50,590
ķermenis ir saturs mājas lapā.

61
00:02:50,590 --> 00:02:55,860
Tātad, varbūt galva tag definē sīkumi
kas nav pārlūka logā pareizi,

62
00:02:55,860 --> 00:02:59,410
bet kaut kā svarīga mūsu
mājas lapa tiek sniegti pareizi.

63
00:02:59,410 --> 00:03:02,490
Tā, piemēram, no iekšpusē
galvas tag mums ir nosaukums tagus.

64
00:03:02,490 --> 00:03:05,500
>> Tātad virsraksts ir hello world,
Tas ir tiešām būs ko

65
00:03:05,500 --> 00:03:08,797
parādās izcilni Chrome
vai safari vai Firefox--

66
00:03:08,797 --> 00:03:11,880
kāds pārlūku jūs prefer-- tas
kas notiek parādās virsrakstā.

67
00:03:11,880 --> 00:03:14,800
Un pirms cilnes tas liecina
up visu jūsu pārlūka logā

68
00:03:14,800 --> 00:03:19,710
un jums var būt tikai viena lappuse
atvērta pārlūkprogrammas logā laikā.

69
00:03:19,710 --> 00:03:22,160
Tātad, kas notiek, ir
nosaukums manu lapu atbalstīts cilnes

70
00:03:22,160 --> 00:03:24,600
vai pārlūka logu bārs, hello world.

71
00:03:24,600 --> 00:03:28,611
Un tad saturs manu
mājas lapa būs pasaule, sveiki.

72
00:03:28,611 --> 00:03:31,360
Tātad, pieņemsim to apskatīt to, ko daži
lieta, kā tas varētu izskatīties.

73
00:03:31,360 --> 00:03:33,210
Tas ir diezgan vienkāršs HTML lapas.

74
00:03:33,210 --> 00:03:35,970
Tāpēc es esmu šeit, manā CS50 IDE un
Esmu pietuvināto mazliet.

75
00:03:35,970 --> 00:03:38,290
Un es esmu tikai gatavojas
atvērt sveiks dot HTML

76
00:03:38,290 --> 00:03:42,000
un parādīs, ka tas ir diezgan daudz
lapas saturs, ko mēs redzējām pirms tam.

77
00:03:42,000 --> 00:03:45,240
Mani vienkārši HTML, galvas tagus,
nosaukums tagus, ķermeņa, un tā tālāk.

78
00:03:45,240 --> 00:03:47,320
Esmu atkāpi, ka tīra.

79
00:03:47,320 --> 00:03:51,530
>> Un tad ko es varu darīt manā
IDE ir tikai priekšskatīt lapu.

80
00:03:51,530 --> 00:03:52,630
Un tur mēs ejam.

81
00:03:52,630 --> 00:03:56,070
Manas lapas saturs ir pasaule,
hello, un es neredzu neko

82
00:03:56,070 --> 00:03:58,500
no galvas tagus tur.

83
00:03:58,500 --> 00:03:59,980
Tas ir tikai saturs organismā.

84
00:03:59,980 --> 00:04:00,780
World, sveiki.

85
00:04:00,780 --> 00:04:03,700
Un atkal ķermenis vienkārši
teica, pasaule, sveiki.

86
00:04:03,700 --> 00:04:06,160
Otra daļa ir pazudis.

87
00:04:06,160 --> 00:04:07,610
>> Tātad tas ir tiešām viss tas ir.

88
00:04:07,610 --> 00:04:11,370
Tas ir ļoti vienkāršs pamata HTML lapas.

89
00:04:11,370 --> 00:04:14,280
Tagad es esmu atkāpi manu HTML
būt patiesi jauks un organizēti,

90
00:04:14,280 --> 00:04:15,840
bet man nav tiešām ir.

91
00:04:15,840 --> 00:04:17,959
Es varētu to izskatās diezgan neglīts.

92
00:04:17,959 --> 00:04:19,467
Un tas vēl varētu strādāt.

93
00:04:19,467 --> 00:04:21,050
Tas būtu tieši tādu pašu mājas lapā.

94
00:04:21,050 --> 00:04:23,100
Es esmu tikko gotten atbrīvoties no
visas atstarpēm.

95
00:04:23,100 --> 00:04:24,820
>> Kā izrādās, balta telpa ir dati.

96
00:04:24,820 --> 00:04:28,540
Un tad, kad mēs esam nosūtot datus no
sūtītāja līdz saņēmējam, no servera

97
00:04:28,540 --> 00:04:30,670
klientam, datu maksā naudu.

98
00:04:30,670 --> 00:04:34,460
Un tā atbrīvojoties no tukšumiem
ir tiešām laba ideja

99
00:04:34,460 --> 00:04:37,320
ja tu esi kāds, kurš kalpo
up daudz interneta saturu.

100
00:04:37,320 --> 00:04:39,820
Tā ir slikta ideja, ja jūs esat
kāds, kurš ir mācīties šo stuff

101
00:04:39,820 --> 00:04:41,528
un jūs vēlaties, lai būtu
tas labi organizēta.

102
00:04:41,528 --> 00:04:43,810
Tas ir daudz vieglāk apstrādāt nekā šis.

103
00:04:43,810 --> 00:04:45,540
Bet tas ir funkcionāli identiski.

104
00:04:45,540 --> 00:04:48,720
>> Ieloka un sīkumi, piemēram, ka
tas tiešām nav svarīgi HTML.

105
00:04:48,720 --> 00:04:53,634
Nozīme ir atvēršanas tagus un
slēdzot tagus pareizā secībā.

106
00:04:53,634 --> 00:04:55,050
Ievērojiet, kas notika šeit, though.

107
00:04:55,050 --> 00:04:58,450
Atzīmes dod mums ceļu uz
zināmu papildu informāciju

108
00:04:58,450 --> 00:04:59,940
par to, ko mēs esam rakstīts.

109
00:04:59,940 --> 00:05:03,130
Hello, World daļa bija
interpretēt kā nosaukumā.

110
00:05:03,130 --> 00:05:06,410
Un pasaule, sveiki daļa bija
interpretēt kā saturu

111
00:05:06,410 --> 00:05:09,090
vai to, kas būtu
redzams manā mājas lapā.

112
00:05:09,090 --> 00:05:12,167
>> Ir vairāk nekā 100 no tiem atšķiras
tagus un daudz lielu resursu

113
00:05:12,167 --> 00:05:13,000
tiešsaistē, lai tos atrastu.

114
00:05:13,000 --> 00:05:14,900
Mēs ejam, lai runāt par
daži no viņiem šajā video, daži

115
00:05:14,900 --> 00:05:16,440
no tiešām fundamentālo sīkumi.

116
00:05:16,440 --> 00:05:18,440
Bet mēs nebrauksim runāt
par to visu, jo tā

117
00:05:18,440 --> 00:05:20,250
būtu izsmeļošs to darīt.

118
00:05:20,250 --> 00:05:22,880
>> Vēl viena lieta, ko jūs varat darīt, lai gan,
ir atvērt izstrādātāju rīkus.

119
00:05:22,880 --> 00:05:26,069
Un, ja jūs atceraties no
Mūsu video uz HTTP,

120
00:05:26,069 --> 00:05:27,860
Es paskaidroju, kā atvērt
up izstrādātāju rīki.

121
00:05:27,860 --> 00:05:32,020
Chrome tas parasti F12 taustiņš
atvērt attīstītājs rīkjoslu.

122
00:05:32,020 --> 00:05:35,909
Tad tā vietā izvēloties tīklu
tab, jūs varat izvēlēties cilni elementiem.

123
00:05:35,909 --> 00:05:37,700
Un, ja jūs pievienojat web
lapa, jūs faktiski

124
00:05:37,700 --> 00:05:40,280
skatīt HTML, kas rada šo mājas lapu.

125
00:05:40,280 --> 00:05:44,090
Un tā jūs varat uzzināt daudz par HTML
skatoties uz jūsu iecienītākās tīmekļa vietnes

126
00:05:44,090 --> 00:05:48,474
un redzēt, kā viņi būvēt
Dažādie tiem, kas jums patīk.

127
00:05:48,474 --> 00:05:50,890
Tātad, varbūt tur ir šis cool
raksts vai kaut kas tamlīdzīgs.

128
00:05:50,890 --> 00:05:52,140
Kā viņi dara to ar HTML?

129
00:05:52,140 --> 00:05:55,630
Nu jūs varat vienkārši atvērt savu attīstītājs
instrumenti un lidināties virs šī elementa

130
00:05:55,630 --> 00:05:57,700
un redzēt, tieši to, ko HTML padara to.

131
00:05:57,700 --> 00:05:59,450
Tātad tas ir patiešām
Labs veids, kā iemācīties HTML,

132
00:05:59,450 --> 00:06:02,330
un es stingri iesaku
jūs darīt to gan mācīties HTML

133
00:06:02,330 --> 00:06:04,930
un arī uzzināt nedaudz
mazliet par kādu no variantiem

134
00:06:04,930 --> 00:06:07,050
jums pieejami
izstrādātāju rīki, kas

135
00:06:07,050 --> 00:06:10,200
noteikti noderēs kā
sākat darīt intensīvāku tīmeklī

136
00:06:10,200 --> 00:06:11,090
programmēšana.

137
00:06:11,090 --> 00:06:14,080
>> Tātad pieņemsim apskatīt
Pāris kopīgiem HTML tagiem.

138
00:06:14,080 --> 00:06:17,210
Un mēs lēkt un to apskatīt
ko šie tagus arī padarīt

139
00:06:17,210 --> 00:06:20,490
kā, apskatot dažus failus manā IDE.

140
00:06:20,490 --> 00:06:26,330
Tātad, šeit ir trīs ļoti pamata tagus
tweaking vizuālo izskatu tekstu.

141
00:06:26,330 --> 00:06:29,050
Ir B tagus, I tagus, un U tagus.

142
00:06:29,050 --> 00:06:33,170
Un attiecīgi, ko viņi dara, ir
padarīt tekstu starp tām treknrakstā,

143
00:06:33,170 --> 00:06:35,430
slīprakstā, un uzsverot.

144
00:06:35,430 --> 00:06:40,430
Tātad, pieņemsim redzēt, ko tas izskatās
piemēram, par faktisko mājas lapā manā IDE.

145
00:06:40,430 --> 00:06:43,390
>> Tātad šeit manā IDE I have a
failu sauc BIU dot HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML vienkārši ir
treknrakstā, kursīvā, uzsverot.

147
00:06:46,770 --> 00:06:47,830
Es ņemšu atvērt to.

148
00:06:47,830 --> 00:06:51,810
>> Un mēs redzam, ka šeit es
ir šo tekstu, ir B tags treknrakstā.

149
00:06:51,810 --> 00:06:54,010
Šis teksts ir I tags kursīvā.

150
00:06:54,010 --> 00:06:56,307
Un šis teksts ir U tags uzsvēra.

151
00:06:56,307 --> 00:06:57,640
Kas tas ir gatavojas izskatās?

152
00:06:57,640 --> 00:06:59,473
Nu atkal, viss, kas man ir
to darīt, ir iet pa šeit

153
00:06:59,473 --> 00:07:04,690
manu pārlūku, mans failu pārlūks, noklikšķiniet
Preview, un tas ir tas, kas nāk uz augšu.

154
00:07:04,690 --> 00:07:07,520
>> Teksts starp B
tags patiešām tagad treknrakstā.

155
00:07:07,520 --> 00:07:10,720
Teksts starp I
tags patiešām tagad kursīvā.

156
00:07:10,720 --> 00:07:14,634
Un teksts starp U
tags patiešām tagad pasvītrots.

157
00:07:14,634 --> 00:07:15,550
Tātad tas ir diezgan labs.

158
00:07:15,550 --> 00:07:18,450
Mēs tagad zinām, kā padarīt tekstu
izskatās mazliet vairāk iedomātā

159
00:07:18,450 --> 00:07:20,360
vai izdarīt uzsvaru uz konkrētām lietām.

160
00:07:20,360 --> 00:07:25,530
Vēl viens kopīgiem tagiem pāris šeit ir
tags punkts, P, un header tagus,

161
00:07:25,530 --> 00:07:27,980
kas es esmu padarīts šeit kā HX.

162
00:07:27,980 --> 00:07:32,520
>> Šie P birkas, šie punkts birkas,
pauze savu tekstu augšup punktos.

163
00:07:32,520 --> 00:07:34,646
Tas nav pietiekami, lai vienkārši
hit Enter un atstāt telpas,

164
00:07:34,646 --> 00:07:37,186
jo dators ir tikai gatavojas
darīt to, ko jūs pateikt to darīt

165
00:07:37,186 --> 00:07:39,450
un tas ignorē balts
telpu lielāko daļu.

166
00:07:39,450 --> 00:07:41,636
Tātad, mēs varam ne tikai hit Enter
un gaidīt savu datoru

167
00:07:41,636 --> 00:07:43,760
interpretēt, ka mēs gribam
lai sāktu jaunu punktu.

168
00:07:43,760 --> 00:07:47,670
Mums ir ļoti skaidri pateikt
ir viens paragraph-- tas ir another--

169
00:07:47,670 --> 00:07:50,740
ko pievienojot katra kopumu P tagus.

170
00:07:50,740 --> 00:07:54,560
>> Un mums ir arī šīs iespējas
H tagus, šiem header tagus.

171
00:07:54,560 --> 00:07:57,000
Mums ir seši dažādu līmeņu
no galvenes, viens, divi, trīs,

172
00:07:57,000 --> 00:08:01,110
četriem, pieciem, un seši, kas ir
pakāpeniski lielāks un lielāks

173
00:08:01,110 --> 00:08:01,710
galvenes.

174
00:08:01,710 --> 00:08:04,360
Un viņi saņem mazāku un
mazākas un mazākas un mazākas.

175
00:08:04,360 --> 00:08:07,690
Tātad mums ir augstākā līmeņa galveni, otrā
līmenis header, un tā tālāk, un tā tālāk.

176
00:08:07,690 --> 00:08:10,480
>> Pieņemsim to apskatīt varbūt daži
P tagus un daži header tagus

177
00:08:10,480 --> 00:08:13,110
darbībā uz mājas lapā.

178
00:08:13,110 --> 00:08:18,180
Tātad šeit manā IDE man ir fails ar nosaukumu
PH dot HTML, PH ir punkts

179
00:08:18,180 --> 00:08:18,970
un header tagus.

180
00:08:18,970 --> 00:08:20,709
Atveriet, ka līdz.

181
00:08:20,709 --> 00:08:23,000
Tur ir daudz kas notiek šeit
jo es esmu izvirzīti daži Lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, daži tikai izlases tekstu šeit.

183
00:08:24,660 --> 00:08:27,284
Tāpēc es ņemšu attālinātu mazliet
jo tur ir tik daudz kas notiek.

184
00:08:27,284 --> 00:08:31,980
Bet paziņo, ka man ir pie ļoti
top šeit man ir H1, līmenis vienu,

185
00:08:31,980 --> 00:08:32,802
header tag.

186
00:08:32,802 --> 00:08:36,010
Tad man ir punkts, kas ir tikai
ķekars izlases text-- Lorem ipsum--

187
00:08:36,010 --> 00:08:38,720
tikai noklusējuma standarta pildījumu tekstu.

188
00:08:38,720 --> 00:08:41,970
Tāpēc man ir divi punkti iekšpusē, kas
vienu līmeni header un tad lejā I

189
00:08:41,970 --> 00:08:46,850
ir divlīmeņu galveni šeit uz līnijas 24,
otrais līmenis header, un vēl divi

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

191
00:08:47,840 --> 00:08:51,910
Nu ko tas izskatās
ja es to aplūkotu manā priekšskatījumu?

192
00:08:51,910 --> 00:08:53,790
Paskatīsimies.

193
00:08:53,790 --> 00:08:55,730
>> Tātad paziņojums, ka
Pirmā līmeņa header šeit

194
00:08:55,730 --> 00:08:58,420
faktiski ir diezgan nedaudz lielāks
nekā otrā līmeņa galvenē.

195
00:08:58,420 --> 00:08:59,940
Tāpēc mēs izmantojām H1 tagus.

196
00:08:59,940 --> 00:09:03,820
Un paziņojums, ka P tags ļauj mums
lauzt lietas ārā punktos.

197
00:09:03,820 --> 00:09:07,500
Ja mēs būtu gotten atbrīvoties no šiem P tagiem
un faktiski tikai nodot Ienāk vai atgriešana

198
00:09:07,500 --> 00:09:10,110
starp to, ko mēs cerējām būtu
būt dažādi punkti,

199
00:09:10,110 --> 00:09:13,193
viņi visi vienkārši slam kopā un
tas nebūtu šo nice punktu

200
00:09:13,193 --> 00:09:15,840
atdalīšana ar telpu virs un zem.

201
00:09:15,840 --> 00:09:18,300
Un tā tas, ko punkts
tagus un header tagus

202
00:09:18,300 --> 00:09:22,440
parasti tiek izmantoti, lai darīt, lai pievērstu
uzmanību porcijas mūsu mājas lapā

203
00:09:22,440 --> 00:09:23,550
šādā veidā.

204
00:09:23,550 --> 00:09:27,560
>> Nākamā ir daži tagus, ka mēs izmantojam
veidot sarakstus par mūsu mājas lapā.

205
00:09:27,560 --> 00:09:30,820
Tāpēc mums ir Nekārtots
lists-- ULs-- kas ir tikai

206
00:09:30,820 --> 00:09:34,090
aizzīmētiem sarakstus, pasūtītās
sarakstu, kurā ir numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- un iekšpusē vai nu
viens no tiem, mums ir nepieciešams, lai būtu

208
00:09:37,680 --> 00:09:40,600
komplekti, kā norāda saraksta vienumus, Li.

209
00:09:40,600 --> 00:09:44,370
Un tāpēc mums ir atvērta UL tag
un mēs nodot priekšmetus iekšpusē no tā.

210
00:09:44,370 --> 00:09:46,920
Un tad, kad mēs esam darījuši ar
ka mēs varam aizvērt LU tag.

211
00:09:46,920 --> 00:09:49,850
>> Un tāpat mēs varam būt
pasūtīts vai numurētu sarakstu

212
00:09:49,850 --> 00:09:51,560
un nodot saraksta vienumus iekšpusē no tā.

213
00:09:51,560 --> 00:09:53,350
Tātad, pieņemsim to apskatīt
pie pāris sarakstu

214
00:09:53,350 --> 00:09:57,230
un to, ko viņi būtu
apmetuma kā uz CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Tāpēc man ir šeit manā IDE a
failu sauktie saraksti dot HTML.

216
00:10:00,640 --> 00:10:03,100
Pieņemsim to apskatīt.

217
00:10:03,100 --> 00:10:08,482
>> Un paziņojums šeit Man ir Nekārtots
uzskaitīt ar piecām lietām tajā.

218
00:10:08,482 --> 00:10:11,440
Un tad man ir pasūtīts sarakstu, un
Es esmu mainījies taga mazliet,

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

220
00:10:11,939 --> 00:10:13,152
Es esmu teica sākums vienāds seši.

221
00:10:13,152 --> 00:10:16,110
Izrādās, ar sakārtotu I sarakstā
var noteikt sākumpunktu, kur vien

222
00:10:16,110 --> 00:10:20,130
Es want-- pēc noklusējuma tas būs one--
, tikai pievienojot tā saukto atribūtu

223
00:10:20,130 --> 00:10:21,190
manai OL tag.

224
00:10:21,190 --> 00:10:23,572
Un tā šis saraksts būs
sākas skaitīšana seši.

225
00:10:23,572 --> 00:10:26,780
Tātad elementi šajā numurētu sarakstu
būtu seši, septiņi, astoņi, deviņi, desmit,

226
00:10:26,780 --> 00:10:29,930
jo tur ir pieci elementi
sarakstā, kas ir pretējs tam,

227
00:10:29,930 --> 00:10:33,770
divi, trīs, četri, pieci, kas
tas būtu gadījumā, ja man bija teicis OL

228
00:10:33,770 --> 00:10:36,730
nenorādot sākuma atribūts.

229
00:10:36,730 --> 00:10:41,594
>> Tātad mēs vienkārši apskatīt šo, lai jūs varētu
iegūt sajūtu par to, kas notiek šeit.

230
00:10:41,594 --> 00:10:42,260
Un tur mēs ejam.

231
00:10:42,260 --> 00:10:44,610
Tur ir mans saraksts.

232
00:10:44,610 --> 00:10:47,810
Pirmie pieci elementi ir
Nekārtots vai aizzīmētiem sarakstus.

233
00:10:47,810 --> 00:10:51,010
Un nākamie pieci elementi
ir atsevišķs pasūtīts saraksts

234
00:10:51,010 --> 00:10:52,980
sākot no sešiem.

235
00:10:52,980 --> 00:10:56,247
Tātad, tas ir, kā mēs varam
veidot sarakstus, izmantojot HTML.

236
00:10:56,247 --> 00:10:58,080
Vēl viena lieta, ko jūs varētu
gribu darīt ar HTML

237
00:10:58,080 --> 00:11:01,520
ir veidot tabulu
Informācija par rindām un kolonnām

238
00:11:01,520 --> 00:11:04,560
sniegt informāciju
īpaši organizētā veidā.

239
00:11:04,560 --> 00:11:09,110
Lai to izdarītu, ar HTML mēs varam būt
tabulas definīcija sākas atvērto kronšteinu

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

241
00:11:10,160 --> 00:11:14,680
Un tad iekšā šīs tabulas mēs
varētu būt komplekts rindas, TR tagus

242
00:11:14,680 --> 00:11:15,980
norādīt katru rindu.

243
00:11:15,980 --> 00:11:22,510
Un tad TD tags iet iekšā TR tagus
norādīt kolonnu laikā pēc kārtas.

244
00:11:22,510 --> 00:11:24,340
>> Kāpēc to sauc TD un ne tc?

245
00:11:24,340 --> 00:11:25,940
Nu, TD stendi tabulas datus.

246
00:11:25,940 --> 00:11:27,900
Parasti jūs liekot
Jūsu informācija tur.

247
00:11:27,900 --> 00:11:29,440
Tātad, tāpēc tas ir TD un nav TC.

248
00:11:29,440 --> 00:11:31,140
Tas ir mazliet mulsinoša.

249
00:11:31,140 --> 00:11:33,720
>> Tātad jums ir galda tagus un
iekšpusē jūsu galda tagus

250
00:11:33,720 --> 00:11:35,600
Jums ir vairākas rindas, trs.

251
00:11:35,600 --> 00:11:40,030
Un iekšā katrā rindā esat
TDS par kolonnu skaitu

252
00:11:40,030 --> 00:11:42,880
ka jūs vēlaties, lai būtu
šajā konkrētajā rindā.

253
00:11:42,880 --> 00:11:47,730
Pieņemsim to apskatīt ļoti
vienkāršs galds pār CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Tāpēc man ir šeit failu
sauc galds dot HTML.

255
00:11:49,730 --> 00:11:53,390
Pieņemsim ir apskatīt
ko tas izskatās.

256
00:11:53,390 --> 00:11:56,225
Tur ir daudz kas notiek šeit, bet
ja ievērojat, man ir galds atvērts.

257
00:11:56,225 --> 00:11:57,850
Es esmu sāk definīciju ar galdu.

258
00:11:57,850 --> 00:12:02,100
Un tad manā pirmajā rindā es acīmredzot
ir četras kolonnas, viens, divi, trīs,

259
00:12:02,100 --> 00:12:02,660
četri.

260
00:12:02,660 --> 00:12:04,290
Un tad es esmu darīts ar šīs rindas.

261
00:12:04,290 --> 00:12:07,750
>> Tad es sākt citu rindu un
darīt divas, četru, sešu astoņi.

262
00:12:07,750 --> 00:12:08,850
Pabeidziet šo rindu.

263
00:12:08,850 --> 00:12:11,410
Vai vēl rindu, trīs, seši, deviņi, 12.

264
00:12:11,410 --> 00:12:14,830
Un tad pēdējā rindā, četri,
astoņi, 12, un, lai gan tas ir

265
00:12:14,830 --> 00:12:16,560
mazliet nogrieztu šeit, 16.

266
00:12:16,560 --> 00:12:17,710
>> Es pabeidzu šo rindu.

267
00:12:17,710 --> 00:12:18,970
Es pabeidzu tabulu.

268
00:12:18,970 --> 00:12:21,430
Un tad es esmu darīts ar manu HTML.

269
00:12:21,430 --> 00:12:22,590
Ko tas izskatās?

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

271
00:12:26,014 --> 00:12:27,430
Nu, tas nav īsti daudz ko redzēt.

272
00:12:27,430 --> 00:12:31,690
Es esmu skaidri organizēta manu informāciju
ar nedaudz vairāk organizētā veidā.

273
00:12:31,690 --> 00:12:33,755
Bet tas nav super diezgan šeit.

274
00:12:33,755 --> 00:12:36,130
Un mēs ejam, lai risinātu
ka tad, kad mēs runājam par CSS.

275
00:12:36,130 --> 00:12:38,930
Mēs atkārtoti šo ideju par
ko mēs darām, lai veiktu table--

276
00:12:38,930 --> 00:12:41,260
varbūt formāts to mazliet labāk?

277
00:12:41,260 --> 00:12:45,070
Bet man vēl ir četras rindas,
katrs no kuriem ir četras kolonnas,

278
00:12:45,070 --> 00:12:48,890
un tiešām, ko tas nozīmē ir
ļoti vienkāršs četru līdz četrām pavairošana

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

280
00:12:49,870 --> 00:12:51,690
>> Tikai dažus atslēgvārdus mēs runājam par.

281
00:12:51,690 --> 00:12:54,617
Parunāsim par
jēdziens HTML formas.

282
00:12:54,617 --> 00:12:57,450
Tātad jums var būt redzējis šo
konteksts ieejot mājas lapā.

283
00:12:57,450 --> 00:12:59,100
Parasti jūs ierakstiet savu lietotāja vārdu.

284
00:12:59,100 --> 00:13:01,510
Jūs ierakstiet paroli,
un jūs labi iet.

285
00:13:01,510 --> 00:13:04,170
Tas būtu sākums formā.

286
00:13:04,170 --> 00:13:05,420
>> Izlaižot pa div sekundē.

287
00:13:05,420 --> 00:13:07,987
Mums ir arī dati, kas
veida fit iekšpusē formām.

288
00:13:07,987 --> 00:13:10,320
Tie ir elementi, kas
jūs faktiski rakstīt par,

289
00:13:10,320 --> 00:13:12,580
vai radio pogas esat
atzīmējot, vai čeks

290
00:13:12,580 --> 00:13:14,310
kastes, ka jūs esat atzīmējot off.

291
00:13:14,310 --> 00:13:15,770
Tātad šie iet iekšā formu.

292
00:13:15,770 --> 00:13:18,500
Un tie veido galvenokārt
katra rinda formu

293
00:13:18,500 --> 00:13:19,887
Ja jūsu veidlapa ir formatēts labi.

294
00:13:19,887 --> 00:13:22,220
Tad tur ir šis jēdziens
Div, kas nav īsti

295
00:13:22,220 --> 00:13:25,060
iederēties kādu konkrētu kategoriju
no tagiem, piemēram, tiem, es esmu

296
00:13:25,060 --> 00:13:26,170
darījis iepriekš.

297
00:13:26,170 --> 00:13:29,790
Tas tikai veida norobežo
sākumā kādu patvaļīgu division--

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

299
00:13:31,670 --> 00:13:33,210
Nav vizuāli pārtraukuma.

300
00:13:33,210 --> 00:13:34,800
Nav līnija.

301
00:13:34,800 --> 00:13:37,180
Tas nav ieskaitīt kā
atsevišķs rieciens automātiski.

302
00:13:37,180 --> 00:13:39,430
Jūs ir stils
ka veids, kā to darīt.

303
00:13:39,430 --> 00:13:42,110
>> Tas tikai veida saka, ka es gribu
gabals vietas uz manu mājas lapā,

304
00:13:42,110 --> 00:13:45,190
un es esmu tikai gatavojas, lai izsauktu
tā šis sadalījums manu lapu.

305
00:13:45,190 --> 00:13:47,619
Mēs varam nodot sīkumi iekšā
no divs, un patiesībā,

306
00:13:47,619 --> 00:13:49,410
kad mēs dodies uz
IDE sekundē, mēs

307
00:13:49,410 --> 00:13:53,760
redzēt, ka es varēšu manu
veidot iekšpusē div.

308
00:13:53,760 --> 00:13:57,050
>> Tāpēc man ir šeit manā IDE a
failu sauc div forma dot HTML.

309
00:13:57,050 --> 00:13:59,260
Atvērsim to.

310
00:13:59,260 --> 00:14:01,460
Ievērojiet, ka, piemēram, es teicu,
div ir veida patvaļīga.

311
00:14:01,460 --> 00:14:01,640
Tiesības?

312
00:14:01,640 --> 00:14:02,973
Tas nav īsti nozīmē neko.

313
00:14:02,973 --> 00:14:05,140
Tāpēc man ir patvaļīgs
Pirmā nodaļa no manas lapas.

314
00:14:05,140 --> 00:14:07,848
Un tad tā vietā, vēl viens div
vēlāk, sākot no līnijas astoņiem,

315
00:14:07,848 --> 00:14:08,730
Man ir šo formu.

316
00:14:08,730 --> 00:14:13,594
Un iekšpusē veidā man ir
skaits ieejas, lauki veidlapas.

317
00:14:13,594 --> 00:14:16,510
Tāpēc man ir lauks, kura vārds ir A--
kas nav īsti nozīmē neko

318
00:14:16,510 --> 00:14:19,350
Tiesības now-- ka acīmredzot
ņem tekstu, vēl viens, kas

319
00:14:19,350 --> 00:14:22,630
aizņem paroli, otru, kas ir radio
poga, cits tas ir rūtiņa,

320
00:14:22,630 --> 00:14:24,797
un otra, kas ir pogas Iesniegt.

321
00:14:24,797 --> 00:14:26,630
Nu, ko tas
viss tiešām izskatās?

322
00:14:26,630 --> 00:14:27,629
Nu, pieņemsim to apskatīt.

323
00:14:27,629 --> 00:14:31,010
Mēs atvērt to mūsu priekšskatījuma logā.

324
00:14:31,010 --> 00:14:33,557
Ievērojiet, ka šis patvaļīgs
Pirmais division-- tur

325
00:14:33,557 --> 00:14:34,640
ne vizuālā atdalīšana šeit.

326
00:14:34,640 --> 00:14:37,150
Tas nav īsti darīt neko, vai ne?

327
00:14:37,150 --> 00:14:38,220
>> Un tad man ir mana forma.

328
00:14:38,220 --> 00:14:39,890
Un es to nedarīju kādu īpašu formatējumu.

329
00:14:39,890 --> 00:14:42,680
Tātad forma ir tikai viens
liels rinda informācijas.

330
00:14:42,680 --> 00:14:46,424
Ja es būtu formatēts manu formu savādāk,
Es varētu būt tas rindu pa rindai līniju.

331
00:14:46,424 --> 00:14:47,590
Bet es to nedarīju nevienu stilu.

332
00:14:47,590 --> 00:14:49,256
Atkal, mēs nerunājam par CSS šeit.

333
00:14:49,256 --> 00:14:51,030
Mēs esam tikai runā par HTML.

334
00:14:51,030 --> 00:14:53,980
>> Nu manā teksta formā varu type--
atcerieties, ka formas tipa teksta

335
00:14:53,980 --> 00:14:55,480
lai es varētu nodot manu vārdu.

336
00:14:55,480 --> 00:14:57,330
Un manā paroli I
varat ierakstīt savu paroli.

337
00:14:57,330 --> 00:14:59,740
Un tāpēc, ka šajā jomā
ir tipa paroles,

338
00:14:59,740 --> 00:15:01,470
jūs nezināt, kāds ir mans parole.

339
00:15:01,470 --> 00:15:02,800
Tas viss ir punktiņi.

340
00:15:02,800 --> 00:15:09,140
>> Es varu arī izvēlēties atzīmējiet off
radio pogu vai atzīmējiet izvēles rūtiņu.

341
00:15:09,140 --> 00:15:10,420
Vai es varētu iesniegt savu formu.

342
00:15:10,420 --> 00:15:11,810
Un es to nedarīju neko,
tad, kad es varu iesniegt savu formu,

343
00:15:11,810 --> 00:15:13,090
lapa vienkārši tiek atsvaidzināta.

344
00:15:13,090 --> 00:15:16,970
Bet es, iespējams, varētu konfigurēt manu
Iesniegt pogu, lai darīt kaut ko citu.

345
00:15:16,970 --> 00:15:20,410
Un mēs redzēsim, ko mēs varam darīt ar
ka nākamajā video PHP.

346
00:15:20,410 --> 00:15:22,520
Bet tas būvē ļoti
Vienkāršs veids, ka mēs

347
00:15:22,520 --> 00:15:27,360
var izmantot, lai būtu lietotājiem mijiedarboties un
iesniedz informāciju mūsu mājas lapā.

348
00:15:27,360 --> 00:15:29,620
>> Viens no pēdējā komentārs pirms mēs
pāriet uz kādu citu tagus

349
00:15:29,620 --> 00:15:32,040
ir veikt apskatīt šo
ievade tag vēl vienu reizi.

350
00:15:32,040 --> 00:15:35,760
Paziņojums, ka es esmu uzsvērusi
gali tagu sarkanā krāsā.

351
00:15:35,760 --> 00:15:39,390
Katru otro tag mēs esam redzējuši līdz šim ir
bija sākums un gals, atvere

352
00:15:39,390 --> 00:15:41,030
tag un noslēguma tag.

353
00:15:41,030 --> 00:15:42,520
>> Bet ieejas tag nav.

354
00:15:42,520 --> 00:15:46,860
Nav teksta, kas iet
starp ieejas tagiem.

355
00:15:46,860 --> 00:15:49,160
Visu informāciju,
mēs plāno nodot

356
00:15:49,160 --> 00:15:52,640
ir saistīta kā daļa no
atribūti šīs ieejas.

357
00:15:52,640 --> 00:15:54,690
Ievērojiet, mums ir ieejas vārds ir vienāds ar x.

358
00:15:54,690 --> 00:15:55,580
Type vienāds vec.

359
00:15:55,580 --> 00:15:57,660
Tiešām tas ir viss
informācija mums ir nepieciešama.

360
00:15:57,660 --> 00:15:59,470
>> To sauc par Pašaizvēršanās tag.

361
00:15:59,470 --> 00:16:02,470
Tas neprasa sākuma un
aizvērt, jo visu informāciju

362
00:16:02,470 --> 00:16:04,974
ir ietverts iekšpusē
tag un tās atribūti.

363
00:16:04,974 --> 00:16:06,390
Tātad dažreiz jūs redzēsiet to, too.

364
00:16:06,390 --> 00:16:10,400
Tik vienkārši ir jāapzinās, ka, ja jums ir
tag, kas ir pilnīgi pašpietiekams,

365
00:16:10,400 --> 00:16:14,170
tas atveras un aizveras sevi ar
atklātā leņķis kronšteins pa kreisi

366
00:16:14,170 --> 00:16:17,000
un slīpsvītra leņķis
kronšteins labajā pusē.

367
00:16:17,000 --> 00:16:20,580
Mēs redzēsim vēl viens no tiem
tagad ar attēlu tagus, kā arī.

368
00:16:20,580 --> 00:16:23,300
>> Pirms mēs runājam par attēliem, mēs
ir jārunā par hipersaitēm.

369
00:16:23,300 --> 00:16:26,080
Ja mēs vēlamies, lai mūsu mājas lapā, lai būtu
interaktīvs un pārvietot mums apkārt,

370
00:16:26,080 --> 00:16:28,121
tas būtu jauki varēs
noklikšķiniet uz vienas no tām,

371
00:16:28,121 --> 00:16:30,190
kas ir parasti bijis zils saite.

372
00:16:30,190 --> 00:16:34,440
Tas ir tiešām, kā mēs veidojam
hipersaiti mūsu mājas lapā.

373
00:16:34,440 --> 00:16:36,540
Un interesanti pietiekami
tur ir vēl viens HTML tagu

374
00:16:36,540 --> 00:16:39,000
sauc saite, kas nav hipersaite.

375
00:16:39,000 --> 00:16:44,130
Šeit stendi enkuru, un
tas, kā mēs norāda hipersaiti.

376
00:16:44,130 --> 00:16:49,150
>> A href vienāds x līdzekļiem iet uz
mājas lapa X. Un viss

377
00:16:49,150 --> 00:16:51,580
starp atvērt tag
un aizvērt tag

378
00:16:51,580 --> 00:16:56,010
ir tas, kas notiek, lai būt, ka jāuzsver
zils teksts, kas izskatās kā saiti

379
00:16:56,010 --> 00:16:57,590
ka mēs esam pazīstami ar.

380
00:16:57,590 --> 00:17:01,660
Zemāk, ka mums ir attēla tagu, kas
ir self slēgšanas tagu izlikšana

381
00:17:01,660 --> 00:17:05,599
attēls atrodas X. Un
jūs varētu mainīt

382
00:17:05,599 --> 00:17:08,280
ka attēls, norādot
platums un augstums

383
00:17:08,280 --> 00:17:11,640
un citi atribūti
kas dot dot dot tur.

384
00:17:11,640 --> 00:17:14,260
>> Pašā apakšā šeit
mums ir ļoti interesants

385
00:17:14,260 --> 00:17:16,170
meklē frāzi, kas nav
ir noslēguma tag.

386
00:17:16,170 --> 00:17:19,410
Tas ir izsaukuma zīme DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
Tātad HTML ir aptuveni kopš
1990.gadu sākuma ēku web lapas,

388
00:17:23,300 --> 00:17:25,859
un tā ir gājusi izgājušas
vairāki labojumi kopš tā laika.

389
00:17:25,859 --> 00:17:28,550
Pavisam nesen 2014. gadā
tā piedzīvoja pārskatīšanu

390
00:17:28,550 --> 00:17:33,440
sauc HTML5 kas tagad pašreizējais
kārtot de facto HTML standartam.

391
00:17:33,440 --> 00:17:36,730
>> Lai norādītu, ka mūsu mājas
lapas ir rakstīts, izmantojot HTML5,

392
00:17:36,730 --> 00:17:38,160
Tas ir tas, kā mēs sākt.

393
00:17:38,160 --> 00:17:40,380
To var izlaist, bet
ko tas būtībā

394
00:17:40,380 --> 00:17:45,930
līdzeklis ir jūs nevarat izmantot kādu no tagiem
ka ir HTML5 tagus, šie jaunie tags.

395
00:17:45,930 --> 00:17:48,591
Tāpēc mēs vienmēr sākas off
ja mēs esam izmantojot HTML5.

396
00:17:48,591 --> 00:17:51,340
Un visi tagi mēs esam runājuši par
iepriekš nav HTML5 tagus.

397
00:17:51,340 --> 00:17:55,470
Bet tas nozīmē, ka
HTML5 tags būs klāt.

398
00:17:55,470 --> 00:17:58,400
Un tāpēc mums ir izsaukuma
DOCTYPE HTML, kas

399
00:17:58,400 --> 00:18:01,280
ir pašā sākumā mūsu
HTML failu, un tad pēc tam punkts

400
00:18:01,280 --> 00:18:04,930
mums tiešām ir mūsu HTML atvērts
iezīmē un doties no turienes.

401
00:18:04,930 --> 00:18:10,050
>> Pēdējais ir komentārs tag,
kas izskatās nedaudz atšķirīgs, too.

402
00:18:10,050 --> 00:18:12,810
Tas sākas off ar leņķi
kronšteins izsaukuma domuzīme

403
00:18:12,810 --> 00:18:15,220
domuzīme bet ne noslēgums kronšteins.

404
00:18:15,220 --> 00:18:20,150
Starp šiem diviem elementiem tur
ir, ja jūs rakstīt komentārus.

405
00:18:20,150 --> 00:18:28,420
Un pieņemsim to apskatīt attēlus
un komentārus un saites CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Tāpēc man ir šeit failu sauc attēla saite
dot HTML ko es esmu gatavojas atvērt.

407
00:18:32,850 --> 00:18:36,420
Un paziņojums Man pāris
komentāri šeit manā HTML komentārus.

408
00:18:36,420 --> 00:18:38,990
Tātad tāpat kā C un citi
programmēšanas valodas,

409
00:18:38,990 --> 00:18:43,169
HTML, vienkārši būdams iezīmēšanas valoda
tomēr ir spēja būt komentārus.

410
00:18:43,169 --> 00:18:45,710
Un tāpēc es esmu acīmredzot gatavojas
novietojiet attēlu Rick Astley

411
00:18:45,710 --> 00:18:49,060
kaut kur starp šo div
tag, tas patvaļīgs nodaļa.

412
00:18:49,060 --> 00:18:51,497
Acīmredzot, ka fails ir
atrodas Rick dot JPEG, kas

413
00:18:51,497 --> 00:18:53,580
ja mēs galvu atpakaļ pār
mans failu koku par otro,

414
00:18:53,580 --> 00:18:55,490
ir fails, kas pastāv
pašreizējā direktorijā.

415
00:18:55,490 --> 00:18:56,031
Tā ka ir OK.

416
00:18:56,031 --> 00:18:57,710
Es varu atsauce to.

417
00:18:57,710 --> 00:18:59,680
>> Tad es varētu būt iekšējās saites.

418
00:18:59,680 --> 00:19:05,080
Tātad paziņojums on line 11 šeit
mans href ir sveiki dot HTML.

419
00:19:05,080 --> 00:19:09,050
Tā, ka vienkārši atsaucas uz sveiki dot HTML
kas pastāv pašreizējā direktorijā.

420
00:19:09,050 --> 00:19:12,980
Un es varu būt arī ārējās
saites, tikai norādot HTTPS

421
00:19:12,980 --> 00:19:16,180
lai norādītu, ka es nerunāju
par failu manā pašreizējā direktorijā.

422
00:19:16,180 --> 00:19:19,730
Es runāju par failu, kas pastāv
kaut kur internetā, kas man ir

423
00:19:19,730 --> 00:19:23,370
pieprasīt, izmantojot HTTP protokolu.

424
00:19:23,370 --> 00:19:25,990
>> Tātad pieņemsim apskatīt to, kas
šīs lapas varētu izskatīties

425
00:19:25,990 --> 00:19:29,500
un saņemt gatavs priekšstatu par Rick
Astley parādās ekrānā.

426
00:19:29,500 --> 00:19:31,490
Tāpēc es ņemšu apskatīt šo.

427
00:19:31,490 --> 00:19:33,800
Tur Rick Astley pie
ļoti top šajā patvaļīgs

428
00:19:33,800 --> 00:19:35,008
dalīšana Man to augšpusē.

429
00:19:35,008 --> 00:19:36,960
Un tad lejā I
ir manas saites, vai ne?

430
00:19:36,960 --> 00:19:39,330
>> Man ir saite uz Hello dot HTML.

431
00:19:39,330 --> 00:19:42,860
Un, ja es noklikšķiniet, ka man
pārgājuši uz šo lapu

432
00:19:42,860 --> 00:19:47,050
ka mēs esam ļoti labi pārzina no
paša sākuma mūsu programmā.

433
00:19:47,050 --> 00:19:50,880
Ja es pop šo lapu, atklātu atkal, ja es
pop image link atvērt vēl vienu reizi,

434
00:19:50,880 --> 00:19:54,420
Es varu arī iet ārēji
uz CS50 mājas lapā.

435
00:19:54,420 --> 00:19:56,740
Un tur mēs see-- es ņemšu
zoom out mazliet here--

436
00:19:56,740 --> 00:20:00,260
mēs redzēsim CS50 interneta lapu veida
iestrādāta vidū mūsu lapu.

437
00:20:00,260 --> 00:20:04,670
Tāpēc man bija iespēja veikt iekšējo
saistīt kā arī ārējo saiti.

438
00:20:04,670 --> 00:20:07,200
>> Pēdējais noteikums ar HTML, ka
mēs ejam runāt par šeit

439
00:20:07,200 --> 00:20:09,510
ir tas, ka jūsu HTML jābūt labi veidotām.

440
00:20:09,510 --> 00:20:13,020
C mēs daudz runājām
dažādas sintakse lietas.

441
00:20:13,020 --> 00:20:17,650
HTML sintakse patiešām
griežas ap tagus.

442
00:20:17,650 --> 00:20:19,660
Katru tag atverat ir jānovērš.

443
00:20:19,660 --> 00:20:22,630
Un patiesībā, katrs tag atverot
būtu jāslēdz apgrieztā secībā.

444
00:20:22,630 --> 00:20:25,790
>> Tātad, ja jūs atvērt drosmīgu tagu, kas ir kursīvā
tag, un tad pasvītrot tag

445
00:20:25,790 --> 00:20:28,120
darīt visu trīs līdz A
īpaši kopa teksta,

446
00:20:28,120 --> 00:20:30,070
Jums vajadzētu aizvērt tos apgrieztā secībā.

447
00:20:30,070 --> 00:20:32,270
Tātad, ja esat atvēris treknrakstā,
kursīvu, pasvītrojumu, jūs

448
00:20:32,270 --> 00:20:35,240
vēlaties aizvērt pasvītrot, slīprakstu, treknrakstu.

449
00:20:35,240 --> 00:20:39,990
Šī iekapsulēšana veida ir tas, ko
tur HTML jauks un organizēti.

450
00:20:39,990 --> 00:20:44,370
>> Atšķirībā no C, lai gan, sintakses kļūdas nebūs
faktiski kroplis savu HTML iespējams.

451
00:20:44,370 --> 00:20:48,730
Jūsu HTML var nebūt labi
veidojas bet joprojām strādā.

452
00:20:48,730 --> 00:20:50,589
Un tā šīs kļūdas
var kārtot ar slaidu pa.

453
00:20:50,589 --> 00:20:52,130
Tas ir atkarīgs no jums, lai tiešām jābūt modriem.

454
00:20:52,130 --> 00:20:54,760
Dažreiz viņi cietīs neveiksmi, bet
dažreiz jūs varat saņemt prom ar to.

455
00:20:54,760 --> 00:20:56,509
>> Tas var būt patiešām
grūts uzdevums, lai gan,

456
00:20:56,509 --> 00:21:00,660
lai sekotu, atverot
tag, kad jūs to slēdza,

457
00:21:00,660 --> 00:21:04,110
īpaši kā HTML
failus saņemt lielāka un lielāka.

458
00:21:04,110 --> 00:21:05,490
Jūs vēlaties kādu palīdzību.

459
00:21:05,490 --> 00:21:07,560
Un tur ir online
validators rīki, kas jums

460
00:21:07,560 --> 00:21:11,474
var izmantot, lai apskatīt jūsu mājas
lapa un redzēt, ja tas ir labi izveidotam HTML.

461
00:21:11,474 --> 00:21:13,390
Un jums noteikti vajadzētu
ieskatieties tiem

462
00:21:13,390 --> 00:21:16,620
un sākt izmantot tos kā jums
sākt darīt kādu darbu ar HTML,

463
00:21:16,620 --> 00:21:20,800
rakstot HTML, tikai, lai jūs saņemsiet
dažas labas ieradumus par organizēšanu

464
00:21:20,800 --> 00:21:24,377
Jūsu HTML labs veids, un
labs stils un pārliecinoties

465
00:21:24,377 --> 00:21:27,210
ka tu neko nedaru, ka
varētu radīt sintakses kļūda, ka

466
00:21:27,210 --> 00:21:30,270
varētu radīt jums mazliet
problēma leju ceļa.

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

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

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