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

2
00:00:06,100 --> 00:00:08,790
>> DOUG Lloyd: Pra kemi kaluar
? Për nëse matematika ime është e drejtë,

3
00:00:08,790 --> 00:00:11,900
dhe unë mendoj se duke kërkuar back-- unë mendoj
kemi shpenzuar rreth 35 video duke folur

4
00:00:11,900 --> 00:00:15,139
në lidhje me aspekte të ndryshme të C, ndoshta
pak më shumë, ndoshta më pak.

5
00:00:15,139 --> 00:00:16,930
Dhe ne nuk e mbulojnë
çdo gjë në C, por ne

6
00:00:16,930 --> 00:00:21,170
mbuluar një pjesë të madhe të të
gjuha, pjesa më e madhe e saj,

7
00:00:21,170 --> 00:00:22,882
sigurisht për përdorime të zakonshme.

8
00:00:22,882 --> 00:00:25,090
Tani ne jemi duke shkuar për të folur
në lidhje me një gjuhë tjetër, HTML.

9
00:00:25,090 --> 00:00:28,180
Dhe ne jemi duke shkuar për të mbuluar
ajo në vetëm një video.

10
00:00:28,180 --> 00:00:29,340
>> Por kjo do të jetë në rregull.

11
00:00:29,340 --> 00:00:31,410
Kjo do të në fakt bëhet
diçka që ju jeni duke shkuar për të marrë të përdoret për të.

12
00:00:31,410 --> 00:00:33,535
Tani që ju keni
bazat e një gjuhë,

13
00:00:33,535 --> 00:00:35,776
kjo është në fakt goxha e lehtë
të fillojnë të mësojnë të tjerët.

14
00:00:35,776 --> 00:00:37,650
Pra, ne jemi duke shkuar për të filluar
të hap një pak prapa

15
00:00:37,650 --> 00:00:43,340
dhe shkëlqim mbi bazë
dallimet në mes të këtyre gjuhëve

16
00:00:43,340 --> 00:00:45,750
dhe lloj të largohet nga ju për të.

17
00:00:45,750 --> 00:00:48,530
Nuk është një shumë e vërtetë të madhe
Burimet në internet, e cila

18
00:00:48,530 --> 00:00:51,279
ne jemi duke shkuar për të filluar ju drejtuar
drejt shkak të internetit është

19
00:00:51,279 --> 00:00:53,340
një depo e madhe e informacionit.

20
00:00:53,340 --> 00:00:55,960
Dhe kështu që nuk është si ju do të
të jetë humbur nga detyrimisht

21
00:00:55,960 --> 00:00:58,349
duke mos pasur informacionin e
mbuluar në një video.

22
00:00:58,349 --> 00:01:00,640
Ju ende do të jetë në gjendje për të marrë
gjithçka që ju duhet dhe të përdorni

23
00:01:00,640 --> 00:01:03,590
njohuritë ju keni tashmë
ndërtuar nga të kuptuarit C

24
00:01:03,590 --> 00:01:07,130
për të bërë kurbë të mësuarit për këto
gjuhë të tjera në fakt një kënaqem shumë.

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

26
00:01:08,640 --> 00:01:12,770
>> Por le të flasim për një gjuhë
kjo është me të vërtetë themelore për çdo web

27
00:01:12,770 --> 00:01:14,830
faqe, e cila është HTML.

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

29
00:01:18,230 --> 00:01:22,700
HTML është një gjuhë, por ajo është e
jo një gjuhë programimi.

30
00:01:22,700 --> 00:01:23,900
>> HTML nuk ka variablave.

31
00:01:23,900 --> 00:01:26,430
Ajo nuk ka logjikë ose
funksione ose diçka të tillë.

32
00:01:26,430 --> 00:01:30,301
Ne nuk mund të bëjë ndonjë
programimit në vetvete në HTML.

33
00:01:30,301 --> 00:01:32,300
Ndonjëherë ju do të dëgjoni
njerëzit e përshkruajnë veten e tyre

34
00:01:32,300 --> 00:01:35,710
si programuesit HTML, të cilat
nuk është plotësisht e saktë.

35
00:01:35,710 --> 00:01:37,980
Ne nuk mund të shkruajnë programe të HTML.

36
00:01:37,980 --> 00:01:40,770
>> HTML është përdorur vetëm për të shënuar deri tekstit.

37
00:01:40,770 --> 00:01:42,690
Është quajtur një gjuhë markup.

38
00:01:42,690 --> 00:01:47,680
Dhe çfarë kjo does-- këtë markup--
ne përdorim tags në HTML dhe këto tags--

39
00:01:47,680 --> 00:01:51,600
kjo markup-- semantike
përcakton strukturën e një faqe

40
00:01:51,600 --> 00:01:55,280
dhe shkakton tekst të thjeshtë që
ekziston në mes tags duhet të interpretohen

41
00:01:55,280 --> 00:01:57,320
nga shfletuesit në mënyra të ndryshme.

42
00:01:57,320 --> 00:02:00,370
Dhe ndoshta është më mirë për të shpjeguar
në këtë mënyrë nga një ilustrim.

43
00:02:00,370 --> 00:02:06,450
>> Këtu është një faqe shumë e thjeshtë HTML, jo
një program HTML, përsëri, një faqe HTML.

44
00:02:06,450 --> 00:02:08,680
Dhe ne e dimë se është një
Faqe HTML sepse ne kemi

45
00:02:08,680 --> 00:02:11,480
kufizohet gjithçka me HTML tags.

46
00:02:11,480 --> 00:02:13,850
Pra, kjo është ajo që një tag HTML duket si.

47
00:02:13,850 --> 00:02:15,870
Është në mes të kllapa kënd.

48
00:02:15,870 --> 00:02:18,570
Dhe vini re në krye kemi
HTML dhe në fund shumë,

49
00:02:18,570 --> 00:02:21,400
pasi ne kemi bërë atë që është e
me sa duket një shumë e HTML tjetër,

50
00:02:21,400 --> 00:02:24,310
ne kemi kënd kllapa slash HTML.

51
00:02:24,310 --> 00:02:29,262
Kështu që lloj i është kufiri
mes asaj që është HTML dhe çfarë nuk është.

52
00:02:29,262 --> 00:02:32,220
Dhe sigurisht, konvencionale, vetëm
si keni shkruar të gjitha programet tuaja C

53
00:02:32,220 --> 00:02:35,300
me extensions dot C,
të gjitha dosjet tuaja HTML

54
00:02:35,300 --> 00:02:37,909
do të përfundojë me extensions dot HTML.

55
00:02:37,909 --> 00:02:39,200
Por ka më shumë ndodh këtu.

56
00:02:39,200 --> 00:02:40,658
Ne nuk kemi vetëm këto HTML tags.

57
00:02:40,658 --> 00:02:44,010
Ne me sa duket kanë këtë
gjë quhet një tag kokë.

58
00:02:44,010 --> 00:02:46,010
E pra, në rregull, çfarë është kjo?

59
00:02:46,010 --> 00:02:48,550
>> E pra ndoshta është më mirë për
dalluar me anë të një organi,

60
00:02:48,550 --> 00:02:50,590
Trupi qenë përmbajtja e faqes së internetit.

61
00:02:50,590 --> 00:02:55,860
Kështu që ndoshta tag kokë definon gjëra
që nuk është në dritaren shfletuesit duhur,

62
00:02:55,860 --> 00:02:59,410
por është disi e rëndësishme për tonë
web faqe duke u dhënë të saktë.

63
00:02:59,410 --> 00:03:02,490
Për shembull, brenda e
tag kokë kemi tags titullin.

64
00:03:02,490 --> 00:03:05,500
>> Pra Titulli qenit botë Hello,
Kjo është në fakt do të jetë se çfarë

65
00:03:05,500 --> 00:03:08,797
tregon deri në tab në Chrome
ose në Safari ose Firefox--

66
00:03:08,797 --> 00:03:11,880
çfarëdo shfletuesi ju prefer-- kjo është
çfarë do të shfaqen në titull.

67
00:03:11,880 --> 00:03:14,800
Dhe para se skeda ajo do të tregojë
deri në tërë dritaren e shfletuesit tuaj

68
00:03:14,800 --> 00:03:19,710
dhe ju mund të keni vetëm një faqe
të hapet në një dritare të shfletuesit në një kohë.

69
00:03:19,710 --> 00:03:22,160
Kështu që do të jetë
titulli i faqes sime deri në tab

70
00:03:22,160 --> 00:03:24,600
ose të dritares së shfletuesit bar, Hello World.

71
00:03:24,600 --> 00:03:28,611
Dhe pastaj përmbajtja e mia
web faqe do të jetë bota, përshëndetje.

72
00:03:28,611 --> 00:03:31,360
Pra, le të marrin një vështrim në atë që disa
gjë e tillë mund të duket si.

73
00:03:31,360 --> 00:03:33,210
Kjo është një faqe shumë e thjeshtë HTML.

74
00:03:33,210 --> 00:03:35,970
Kështu që unë jam këtu në IDE time CS50 dhe
Unë kam zoomed në pak.

75
00:03:35,970 --> 00:03:38,290
Dhe unë jam vetëm do të
hapur deri Hello dot HTML

76
00:03:38,290 --> 00:03:42,000
dhe të ju tregojnë se kjo është shumë e shumë
përmbajtjen e faqes që pamë më parë.

77
00:03:42,000 --> 00:03:45,240
Mia tags thjeshtë HTML, kreu,
tags titullin, trupit, dhe kështu me radhë.

78
00:03:45,240 --> 00:03:47,320
Unë e kam prerë që të jetë i pastër.

79
00:03:47,320 --> 00:03:51,530
>> Dhe pastaj çfarë mund të bëj në tim
IDE është vetëm preview faqe.

80
00:03:51,530 --> 00:03:52,630
Dhe atje ne do të shkojmë.

81
00:03:52,630 --> 00:03:56,070
Përmbajtja e faqes sime është bota,
hello, dhe unë nuk shoh ndonjë gjë

82
00:03:56,070 --> 00:03:58,500
nga tags kokë atje.

83
00:03:58,500 --> 00:03:59,980
Është vetëm përmbajtja e trupit.

84
00:03:59,980 --> 00:04:00,780
Botërore, përshëndetje.

85
00:04:00,780 --> 00:04:03,700
Dhe përsëri trupi vetëm
tha, bota, përshëndetje.

86
00:04:03,700 --> 00:04:06,160
Pjesa tjetër është e humbur.

87
00:04:06,160 --> 00:04:07,610
>> Pra, kjo është me të vërtetë gjithçka që është.

88
00:04:07,610 --> 00:04:11,370
Kjo është një faqe shumë e thjeshtë themelore HTML.

89
00:04:11,370 --> 00:04:14,280
Tani unë e kam prerë HTML time për
jetë me të vërtetë e bukur dhe të organizuar,

90
00:04:14,280 --> 00:04:15,840
por unë në fakt nuk duhet të.

91
00:04:15,840 --> 00:04:17,959
Unë mund të bëjë atë të duket mjaft e shëmtuar.

92
00:04:17,959 --> 00:04:19,467
Dhe kjo ende do të punojnë.

93
00:04:19,467 --> 00:04:21,050
Kjo do të jetë e saktë të njëjtën web faqe.

94
00:04:21,050 --> 00:04:23,100
Unë e kam vetëm gotten shpëtoj
të gjithë hapësirën e bardhë.

95
00:04:23,100 --> 00:04:24,820
>> Siç rezulton, hapësira e bardhë është e të dhënave.

96
00:04:24,820 --> 00:04:28,540
Dhe kështu kur ne jemi të dërguar të dhëna nga
dërguesi te marrësi, nga serveri

97
00:04:28,540 --> 00:04:30,670
të klientit, të dhënat kushton para.

98
00:04:30,670 --> 00:04:34,460
Dhe kështu duke u shpëtoj prej whitespace
është në fakt një ide e mirë

99
00:04:34,460 --> 00:04:37,320
në qoftë se ju jeni dikush që i shërben
një shumë të përmbajtjes web.

100
00:04:37,320 --> 00:04:39,820
Kjo është një ide e keqe, nëse ju jeni
dikush që është mësuar këto gjëra

101
00:04:39,820 --> 00:04:41,528
dhe ju dëshironi të keni
ajo i organizuar bukur.

102
00:04:41,528 --> 00:04:43,810
Kjo është një shumë më e lehtë të kuptoj se sa kjo.

103
00:04:43,810 --> 00:04:45,540
Por kjo është funksionalisht identike.

104
00:04:45,540 --> 00:04:48,720
>> Vulë dhe stuff like that
ka të vërtetë nuk ka rëndësi në HTML.

105
00:04:48,720 --> 00:04:53,634
E gjithë kjo çështje është tags hapjes dhe
mbylljes tags në mënyrë korrekte.

106
00:04:53,634 --> 00:04:55,050
Vini re se çfarë ka ndodhur këtu, pse.

107
00:04:55,050 --> 00:04:58,450
Markup na jep një mënyrë për të
komunikojnë informacion shtesë

108
00:04:58,450 --> 00:04:59,940
në lidhje me atë që ne kemi shkruar.

109
00:04:59,940 --> 00:05:03,130
Pjesa Përshëndetje, Botërore ishte
interpretohet si titull.

110
00:05:03,130 --> 00:05:06,410
Dhe bota, përshëndetje pjesë ishte
interpretohet si përmbajtje

111
00:05:06,410 --> 00:05:09,090
apo çfarë duhet të jetë
dukshme në web faqen time.

112
00:05:09,090 --> 00:05:12,167
>> Ka mbi 100 prej tyre të ndryshme
tags dhe shumë e burimeve të mëdha

113
00:05:12,167 --> 00:05:13,000
në internet për të gjetur ata.

114
00:05:13,000 --> 00:05:14,900
Ne jemi duke shkuar për të folur për një
disa prej tyre në këtë video, disa

115
00:05:14,900 --> 00:05:16,440
e gjëra me të vërtetë themelore.

116
00:05:16,440 --> 00:05:18,440
Por ne nuk jemi duke shkuar të flasim
në lidhje me të gjitha për shkak të

117
00:05:18,440 --> 00:05:20,250
do të jetë i plotë për ta bërë këtë.

118
00:05:20,250 --> 00:05:22,880
>> Një tjetër gjë që ju mund të bëni, edhe pse,
është hapur mjete developer.

119
00:05:22,880 --> 00:05:26,069
Dhe në qoftë se ju kujtohet nga
Video ynë mbi HTTP,

120
00:05:26,069 --> 00:05:27,860
I shpjegova se si për të hapur
up mjetet zhvilluesi.

121
00:05:27,860 --> 00:05:32,020
Në Chrome është zakonisht çelësi F12
për të hapur deri në zhvilluesi toolbar.

122
00:05:32,020 --> 00:05:35,909
Atëherë në vend të zgjedhjes së Rrjetit
tab, ju mund të zgjidhni tab Elementet.

123
00:05:35,909 --> 00:05:37,700
Dhe në qoftë se ju load një web
faqe, ju do të vërtetë të

124
00:05:37,700 --> 00:05:40,280
shih HTML që krijon këtë web faqe.

125
00:05:40,280 --> 00:05:44,090
Dhe kështu që ju mund të mësoni shumë për HTML
duke shikuar në faqet e internetit tuaj të preferuar

126
00:05:44,090 --> 00:05:48,474
dhe duke parë se si ata të ndërtuar
pjesë të ndryshme të atyre që ju pëlqen.

127
00:05:48,474 --> 00:05:50,890
Kështu që ndoshta nuk është kjo e ftohtë
model ose diçka të tillë.

128
00:05:50,890 --> 00:05:52,140
Si mund ata e bëjnë atë me HTML?

129
00:05:52,140 --> 00:05:55,630
E pra ju mund të sapo hapur deri zhvilluesi tuaj
mjetet dhe rri pezull mbi këtë element

130
00:05:55,630 --> 00:05:57,700
dhe parë saktësisht se çfarë HTML bën atë.

131
00:05:57,700 --> 00:05:59,450
Pra, kjo është me të vërtetë një
mënyrë e mirë për të mësuar HTML,

132
00:05:59,450 --> 00:06:02,330
dhe unë fuqimisht rekomandojmë që
ju bëni atë edhe për të mësuar HTML

133
00:06:02,330 --> 00:06:04,930
dhe gjithashtu për të mësuar pak
bit për disa nga opsionet

134
00:06:04,930 --> 00:06:07,050
në dispozicion për ju në
Developer Tools, të cilat

135
00:06:07,050 --> 00:06:10,200
me siguri do të jetë në dispozicion si
ju filloni duke bërë web më intensive

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

137
00:06:11,090 --> 00:06:14,080
>> Pra, le të marrin një vështrim në një
Disa tags përbashkëta HTML.

138
00:06:14,080 --> 00:06:17,210
Dhe ne do të kërcejnë dhe të marrë një sy në
çfarë këto tags do të bëjë

139
00:06:17,210 --> 00:06:20,490
si duke shikuar në disa fotografi në IDE time.

140
00:06:20,490 --> 00:06:26,330
Pra, këtu janë tre tags shumë themelore për
tweaking pamjen vizuale e tekstit.

141
00:06:26,330 --> 00:06:29,050
Ka tags B, I tags, dhe tags U.

142
00:06:29,050 --> 00:06:33,170
Dhe përkatësisht ajo që ata bëjnë është
bëjnë tekstin mes tyre me shkronja të theksuara,

143
00:06:33,170 --> 00:06:35,430
italik, dhe nënvizime.

144
00:06:35,430 --> 00:06:40,430
Pra, le të shohim se çfarë do të duken
si në një faqe web aktuale në IDE time.

145
00:06:40,430 --> 00:06:43,390
>> Kështu që këtu në IDE tim unë kam një
file i quajtur Biu dot HTML.

146
00:06:43,390 --> 00:06:46,770
Biu dot HTML vetëm duke u
bold, italik, duke nënvizuar.

147
00:06:46,770 --> 00:06:47,830
Unë do të hapur atë.

148
00:06:47,830 --> 00:06:51,810
>> Dhe ne do të shohim se këtu kam
kanë këtë tekst është B tags guximshme.

149
00:06:51,810 --> 00:06:54,010
Ky tekst është tags I italic.

150
00:06:54,010 --> 00:06:56,307
Dhe ky tekst është tags U theksuar.

151
00:06:56,307 --> 00:06:57,640
Çfarë është kjo do të duken si?

152
00:06:57,640 --> 00:06:59,473
E pra përsëri, të gjitha unë kam
për të bëni është të shkoni këtu

153
00:06:59,473 --> 00:07:04,690
në shfletuesin tim, shfletuesi im file, klikoni
Preview, dhe kjo është ajo që vjen deri.

154
00:07:04,690 --> 00:07:07,520
>> Teksti në mes të B
tags është me të vërtetë tani guximshme.

155
00:07:07,520 --> 00:07:10,720
Teksti në mes të I
tags është me të vërtetë tani italic.

156
00:07:10,720 --> 00:07:14,634
Dhe teksti në mes të U
tags është me të vërtetë tani nënvizuar.

157
00:07:14,634 --> 00:07:15,550
Pra, kjo është goxha e mirë.

158
00:07:15,550 --> 00:07:18,450
Ne tani e dimë se si të bëjnë tekstin
duken më të vogël dashuroj

159
00:07:18,450 --> 00:07:20,360
ose të tërheqë theksin për gjëra të caktuara.

160
00:07:20,360 --> 00:07:25,530
Një tjetër çift i tags zakonshme këtu janë
paragrafi tags, P, dhe header tags,

161
00:07:25,530 --> 00:07:27,980
që unë kam dhënë këtu si HX.

162
00:07:27,980 --> 00:07:32,520
>> Këto tags P, këto paragrafi tags,
pushim tekstin tuaj deri në paragrafët.

163
00:07:32,520 --> 00:07:34,646
Kjo nuk është e mjaftueshme për të vetëm
hit Enter dhe të lënë hapësira,

164
00:07:34,646 --> 00:07:37,186
sepse një kompjuteri është vetëm do
të bëni atë që ju them se për të bërë

165
00:07:37,186 --> 00:07:39,450
dhe ai injoron të bardhë
hapësirë ​​për pjesën më të madhe.

166
00:07:39,450 --> 00:07:41,636
Pra, ne nuk mund vetëm hit Enter
dhe presin kompjuterin tonë

167
00:07:41,636 --> 00:07:43,760
për të interpretuar se ne duam
për të filluar një paragraf i ri.

168
00:07:43,760 --> 00:07:47,670
Ne kemi për të thënë shumë qartë këtë
është një paragraph-- kjo është another--

169
00:07:47,670 --> 00:07:50,740
duke bashkëngjitur secili në një sërë P tags.

170
00:07:50,740 --> 00:07:54,560
>> Dhe ne gjithashtu kemi këto opsione
për tags H, këto tags header.

171
00:07:54,560 --> 00:07:57,000
Ne kemi gjashtë nivele të ndryshme
i headers, një, dy, tre,

172
00:07:57,000 --> 00:08:01,110
katër, pesë dhe gjashtë, të cilat janë
në mënyrë progresive më të mëdha dhe më të mëdha

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

174
00:08:01,710 --> 00:08:04,360
Dhe ata të merrni më të vogla dhe
të vogla dhe të vogla dhe të vogla.

175
00:08:04,360 --> 00:08:07,690
Pra, ne kemi një kokë të nivelit të lartë, një të dytë
header nivel, dhe kështu me radhë, dhe kështu me radhë.

176
00:08:07,690 --> 00:08:10,480
>> Le të marrin një vështrim në disa ndoshta
P tags dhe disa header tags

177
00:08:10,480 --> 00:08:13,110
në veprim në një web faqe.

178
00:08:13,110 --> 00:08:18,180
Kështu që këtu në IDE time Unë kam një skedar të quajtur
PH dot HTML, PH qenë paragrafët

179
00:08:18,180 --> 00:08:18,970
dhe header tags.

180
00:08:18,970 --> 00:08:20,709
Hapni se deri.

181
00:08:20,709 --> 00:08:23,000
Ka shumë ndodh këtu
sepse unë e kam vënë disa Lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, disa tekst vetëm të rastit në këtu.

183
00:08:24,660 --> 00:08:27,284
Kështu që unë do të zoom out pak
sepse nuk ka aq shumë në vazhdim e sipër.

184
00:08:27,284 --> 00:08:31,980
Por vëreni se unë kam në shumë
krye këtu Unë kam një H1, një nivel të një,

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

186
00:08:32,802 --> 00:08:36,010
Pastaj unë kam një paragraf, e cila është vetëm
një bandë të Lorem rastit text-- ipsum--

187
00:08:36,010 --> 00:08:38,720
vetëm parazgjedhur plotësojë standarde në tekst.

188
00:08:38,720 --> 00:08:41,970
Pra, unë kam dy paragrafë brenda se
Niveli i një header dhe pastaj poshtë Parë

189
00:08:41,970 --> 00:08:46,850
kanë një nivel dy kokë këtu on line 24,
një header nivelit të dytë, dhe dy të tjerë

190
00:08:46,850 --> 00:08:47,840
paragrafët.

191
00:08:47,840 --> 00:08:51,910
E pra çfarë e bën këtë të duket si
në qoftë se kam parë atë në vrojtim e mia?

192
00:08:51,910 --> 00:08:53,790
Le të shohim.

193
00:08:53,790 --> 00:08:55,730
>> Pra, vini re se
header nivelit të parë këtu

194
00:08:55,730 --> 00:08:58,420
në fakt është mjaft e madhe
se kokë shkallës së dytë.

195
00:08:58,420 --> 00:08:59,940
Pra, kemi përdorur tags H1.

196
00:08:59,940 --> 00:09:03,820
Dhe vini re se tags P na lejojë
për të thyer gjëra jashtë në paragrafët.

197
00:09:03,820 --> 00:09:07,500
Nëse do të kishte gotten shpëtoj nga këto tags P
dhe në fakt vetëm vënë Hyn apo Kthim

198
00:09:07,500 --> 00:09:10,110
në mes të asaj që ne do të shpresuar
të jenë paragrafët e ndryshme,

199
00:09:10,110 --> 00:09:13,193
ata të gjithë do të vetëm të kritikoj së bashku dhe
kjo nuk do të ketë këtë paragraf bukur

200
00:09:13,193 --> 00:09:15,840
Ndarja me hapësirën mbi dhe nën.

201
00:09:15,840 --> 00:09:18,300
Dhe kështu kjo është ajo që paragrafi
tags dhe header tags

202
00:09:18,300 --> 00:09:22,440
janë përdorur zakonisht për të bërë për të nxjerrë
vëmendjen për pjesë të faqes tonë të internetit

203
00:09:22,440 --> 00:09:23,550
në këtë mënyrë.

204
00:09:23,550 --> 00:09:27,560
>> Up ardhshme janë disa etiketa që ne përdorim
për të ndërtuar listat në faqen tonë të internetit.

205
00:09:27,560 --> 00:09:30,820
Pra, ne kemi të renditura
lists-- ULs-- të cilat janë vetëm

206
00:09:30,820 --> 00:09:34,090
listat bulleted, urdhëruar
Lista cilat janë numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- dhe brenda ose
një nga ata që ne duhet të kemi

208
00:09:37,680 --> 00:09:40,600
grupe të si për të treguar artikuj lista, Li.

209
00:09:40,600 --> 00:09:44,370
Dhe kështu që ne kemi hapur tag UL
dhe ne kemi vënë artikuj në brendësi të saj.

210
00:09:44,370 --> 00:09:46,920
Dhe atëherë kur ne jemi bërë me
se, ne mund të mbyllë tag UL.

211
00:09:46,920 --> 00:09:49,850
>> Dhe në mënyrë të ngjashme ne mund të kemi
një listë të urdhëruar apo numëruar

212
00:09:49,850 --> 00:09:51,560
dhe të vënë pikat lista brenda atë.

213
00:09:51,560 --> 00:09:53,350
Pra, le të marrin një vështrim
në një çift të listave

214
00:09:53,350 --> 00:09:57,230
dhe atë që ata do të
bëjnë si në CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Kështu që unë kam këtu në IDE time një
skedar të quajtur listat dot HTML.

216
00:10:00,640 --> 00:10:03,100
Le të marrin një vështrim.

217
00:10:03,100 --> 00:10:08,482
>> Dhe njoftimi këtu unë kam një të renditura
listën me pesë gjëra në të.

218
00:10:08,482 --> 00:10:11,440
Dhe pastaj unë kam një listë të renditur, dhe
Unë e kam ndryshuar tag pak,

219
00:10:11,440 --> 00:10:11,939
e drejtë?

220
00:10:11,939 --> 00:10:13,152
Unë e kam thënë fillimi barabartë gjashtë.

221
00:10:13,152 --> 00:10:16,110
Ajo rezulton me një listë të renditur I
mund të vendosni pikënisje kurdoherë

222
00:10:16,110 --> 00:10:20,130
Unë want-- nga default ajo do të jetë one--
duke shtuar vetëm këtë të ashtuquajtur atribut

223
00:10:20,130 --> 00:10:21,190
në tag time OL.

224
00:10:21,190 --> 00:10:23,572
Dhe kështu kjo listë do të
fillojë numërimi në gjashtë.

225
00:10:23,572 --> 00:10:26,780
Kështu elementet e kësaj liste të numëruar
duhet të jetë gjashtë, shtatë, tetë, nëntë, dhjetë,

226
00:10:26,780 --> 00:10:29,930
sepse ka pesë elemente
në listë, në krahasim me një,

227
00:10:29,930 --> 00:10:33,770
dy, tre, katër, pesë, i cili
do të jetë rasti nëse unë kishte thënë OL

228
00:10:33,770 --> 00:10:36,730
pa specifikuar atribut fillimit.

229
00:10:36,730 --> 00:10:41,594
>> Pra, ne do të preview vetëm këtë kështu që ju mund
të marrë një kuptim për çfarë po ndodh këtu.

230
00:10:41,594 --> 00:10:42,260
Dhe atje ne do të shkojmë.

231
00:10:42,260 --> 00:10:44,610
Nuk është lista ime.

232
00:10:44,610 --> 00:10:47,810
Pesë Elementet e para janë
Listat e renditura ose bulleted.

233
00:10:47,810 --> 00:10:51,010
Dhe pesë elementet e ardhshme
janë një listë të veçantë urdhëroi

234
00:10:51,010 --> 00:10:52,980
duke filluar nga gjashtë.

235
00:10:52,980 --> 00:10:56,247
Pra, kjo është se si ne mund të
të ndërtuar listat e përdorur HTML.

236
00:10:56,247 --> 00:10:58,080
Një tjetër gjë që ju mund
doni të bëni me HTML

237
00:10:58,080 --> 00:11:01,520
është ndërtuar një tryezë të
Informacioni i rreshtave dhe kolonave

238
00:11:01,520 --> 00:11:04,560
të paraqesin informacion në një
veçanërisht organizuar rrugën.

239
00:11:04,560 --> 00:11:09,110
Për ta bërë këtë me HTML ne mund të kemi një
Përkufizimi tryezë duke filluar parantezë të hapur

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

241
00:11:10,160 --> 00:11:14,680
Dhe pastaj brenda atë tavolinë ne
mund të ketë një sërë rreshta, tags TR

242
00:11:14,680 --> 00:11:15,980
për të treguar çdo rresht.

243
00:11:15,980 --> 00:11:22,510
Dhe pastaj tags TD shkoni brenda tags TR
të specifikoni një kolonë brenda një rresht.

244
00:11:22,510 --> 00:11:24,340
>> Pse është quajtur TD dhe jo Tc?

245
00:11:24,340 --> 00:11:25,940
E pra, TD qëndron për të dhënat tryezë.

246
00:11:25,940 --> 00:11:27,900
Zakonisht ju jeni vënë
informacionit tuaj atje.

247
00:11:27,900 --> 00:11:29,440
Pra, kjo është arsyeja pse kjo është TD dhe jo TC.

248
00:11:29,440 --> 00:11:31,140
Kjo është pak konfuze.

249
00:11:31,140 --> 00:11:33,720
>> Pra, ju keni tags tryezë dhe
brenda tags tuaj tryezë

250
00:11:33,720 --> 00:11:35,600
ju keni një numër të rreshtave, TRS.

251
00:11:35,600 --> 00:11:40,030
Dhe brenda çdo rresht që ju keni
TDS per numrin e kolonave

252
00:11:40,030 --> 00:11:42,880
që ju dëshironi të keni
në atë rresht të veçantë.

253
00:11:42,880 --> 00:11:47,730
Le të marrin një vështrim në një shumë të
tabelë të thjeshtë gjatë në CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Kështu që unë kam këtu një fotografi
quajtur tryezë dot HTML.

255
00:11:49,730 --> 00:11:53,390
Le të ketë një vështrim në
ajo që duket si.

256
00:11:53,390 --> 00:11:56,225
Ka shumë ndodh këtu, por
në qoftë se ju të vini re unë kam një tryezë të hapur.

257
00:11:56,225 --> 00:11:57,850
Unë jam duke filluar përkufizimin me tryezë.

258
00:11:57,850 --> 00:12:02,100
Dhe pastaj në rreshtin tim të parë unë me sa duket
kanë katër kolona, ​​një, dy, tre,

259
00:12:02,100 --> 00:12:02,660
katër.

260
00:12:02,660 --> 00:12:04,290
Dhe atëherë unë jam bërë me atë rresht.

261
00:12:04,290 --> 00:12:07,750
>> Pastaj unë të fillojë një rresht dhe
të bëjë dy, katër, gjashtë, tetë.

262
00:12:07,750 --> 00:12:08,850
Mbaro atë rresht.

263
00:12:08,850 --> 00:12:11,410
Të bëjë një rresht, tre, gjashtë, nëntë, 12.

264
00:12:11,410 --> 00:12:14,830
Dhe pastaj një rresht të fundit, katër,
tetë, 12, dhe pse kjo është

265
00:12:14,830 --> 00:12:16,560
një të prerë pak jashtë këtu, 16.

266
00:12:16,560 --> 00:12:17,710
>> Kam mbaruar atë rresht.

267
00:12:17,710 --> 00:12:18,970
Kam mbaruar tryezë.

268
00:12:18,970 --> 00:12:21,430
Dhe atëherë unë jam bërë me HTML tim.

269
00:12:21,430 --> 00:12:22,590
Çfarë e bën këtë të duket si?

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

271
00:12:26,014 --> 00:12:27,430
E pra, kjo nuk është me të vërtetë shumë për të parë.

272
00:12:27,430 --> 00:12:31,690
Unë kam organizuar në mënyrë të qartë të dhënat e mia
në një mënyrë disi më të organizuar.

273
00:12:31,690 --> 00:12:33,755
Por kjo nuk është super goxha këtu.

274
00:12:33,755 --> 00:12:36,130
Dhe ne jemi duke shkuar për t'u marrë me
se kur ne flasim për CSS.

275
00:12:36,130 --> 00:12:38,930
Ne do të rishqyrtojnë këtë ide të
atë që ne bëjmë për të bërë një table--

276
00:12:38,930 --> 00:12:41,260
ndoshta format atë një pak më të mirë?

277
00:12:41,260 --> 00:12:45,070
Por unë ende kam katër radhë,
secila prej të cilave ka katër kolona,

278
00:12:45,070 --> 00:12:48,890
dhe me të vërtetë ajo që kjo përbën një
shumë e thjeshtë katër nga katër shumëzimit

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

280
00:12:49,870 --> 00:12:51,690
>> Vetëm disa tags më shumë ne do të flasim.

281
00:12:51,690 --> 00:12:54,617
Le të flasim në lidhje me
Koncepti i një formë të HTML.

282
00:12:54,617 --> 00:12:57,450
Kështu që ju mund të keni parë këtë në
Konteksti i prerjet në një faqe interneti.

283
00:12:57,450 --> 00:12:59,100
Zakonisht ju shkruani emrin tuaj të përdoruesit.

284
00:12:59,100 --> 00:13:01,510
Ju shkruani fjalëkalimin tuaj,
dhe ju jeni të mirë për të shkuar.

285
00:13:01,510 --> 00:13:04,170
Kjo do të jetë fillimi i një forme.

286
00:13:04,170 --> 00:13:05,420
>> Skipping mbi div një të dytë.

287
00:13:05,420 --> 00:13:07,987
Ne gjithashtu kemi inputet që
lloj i përshtaten brenda formave.

288
00:13:07,987 --> 00:13:10,320
Këto janë elementet që
ju jeni në të vërtetë shtypur në,

289
00:13:10,320 --> 00:13:12,580
ose butonat e radios ju jeni
kurdisur, ose kontrolloni

290
00:13:12,580 --> 00:13:14,310
kuti që ju jeni duke kurdisur off.

291
00:13:14,310 --> 00:13:15,770
Pra, këto shkojnë brenda formave.

292
00:13:15,770 --> 00:13:18,500
Dhe ata përbëjnë në thelb
çdo rresht i formës

293
00:13:18,500 --> 00:13:19,887
Nëse formulari juaj është i formatuar mirë.

294
00:13:19,887 --> 00:13:22,220
Pastaj ka ky koncept i
një div, e cila nuk ka të vërtetë

295
00:13:22,220 --> 00:13:25,060
përshtatet në ndonjë kategori të veçantë
e etiketave si ato që unë kam

296
00:13:25,060 --> 00:13:26,170
bërë më parë.

297
00:13:26,170 --> 00:13:29,790
Ajo thjesht lloj Në kufirin
fillimi i disa division-- arbitrare

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

299
00:13:31,670 --> 00:13:33,210
Nuk ka pushim vizuale.

300
00:13:33,210 --> 00:13:34,800
Nuk ka asnjë linjë.

301
00:13:34,800 --> 00:13:37,180
Kjo nuk është vendosur jashtë si një
copë të veçantë automatikisht.

302
00:13:37,180 --> 00:13:39,430
Ju do të duhet të stilit atë
në këtë mënyrë për të bërë këtë.

303
00:13:39,430 --> 00:13:42,110
>> Ajo thjesht lloj i thotë se unë dua një
pjesë e hapësirë ​​në web faqen time,

304
00:13:42,110 --> 00:13:45,190
dhe unë jam vetëm duke shkuar për të thirrur
ajo kjo ndarje e faqen time.

305
00:13:45,190 --> 00:13:47,619
Ne mund të vënë gjëra brenda
e divs, dhe në fakt,

306
00:13:47,619 --> 00:13:49,410
kur ne kokë mbi të
IDE në një të dytë, ne do të

307
00:13:49,410 --> 00:13:53,760
shihni se unë jam vënë tim
formë brenda një div.

308
00:13:53,760 --> 00:13:57,050
>> Kështu që unë kam këtu në IDE time një
file i quajtur div formë dot HTML.

309
00:13:57,050 --> 00:13:59,260
Le të hapur atë.

310
00:13:59,260 --> 00:14:01,460
Vini re se si i tha,
div është lloj i arbitrar.

311
00:14:01,460 --> 00:14:01,640
E drejtë?

312
00:14:01,640 --> 00:14:02,973
Ajo nuk ka të vërtetë do të thotë asgjë.

313
00:14:02,973 --> 00:14:05,140
Kështu që unë kam një arbitrar
Ndarja e parë e faqen time.

314
00:14:05,140 --> 00:14:07,848
Dhe pastaj në vend të një tjetër div
më vonë, duke filluar në linjë tetë,

315
00:14:07,848 --> 00:14:08,730
Unë kam këtë formular.

316
00:14:08,730 --> 00:14:13,594
Dhe brenda formës unë kam një
Numri i inputeve, fushat e formularit.

317
00:14:13,594 --> 00:14:16,510
Pra, unë kam një fushë emri i të cilit është A--
e cila nuk ka të vërtetë do të thotë asgjë

318
00:14:16,510 --> 00:14:19,350
now-- e drejtë që me sa duket
merr tekstin, një tjetër që

319
00:14:19,350 --> 00:14:22,630
merr një fjalëkalim, një tjetër që është një radio
buton, një tjetër që është një kuti kontrolloni,

320
00:14:22,630 --> 00:14:24,797
dhe një tjetër që është një Submit button.

321
00:14:24,797 --> 00:14:26,630
E pra, çfarë e bën këtë
të gjithë në fakt duken si?

322
00:14:26,630 --> 00:14:27,629
E pra, le të marrin një sy.

323
00:14:27,629 --> 00:14:31,010
Ne do të hapur atë në një dritare preview tonë.

324
00:14:31,010 --> 00:14:33,557
Vini re se kjo arbitrare
së pari division-- ka

325
00:14:33,557 --> 00:14:34,640
nuk ka ndarje vizuale këtu.

326
00:14:34,640 --> 00:14:37,150
Ajo nuk ka të vërtetë të bëjë asgjë, e drejtë?

327
00:14:37,150 --> 00:14:38,220
>> Dhe atëherë unë kam formën time.

328
00:14:38,220 --> 00:14:39,890
Dhe unë nuk e ka bërë asnjë formatim special.

329
00:14:39,890 --> 00:14:42,680
Pra, forma është vetëm një
rresht i madh i informacionit.

330
00:14:42,680 --> 00:14:46,424
Po të kisha formatuar formën time ndryshe,
Unë mund të ketë atë rresht pas rreshti nga linjë.

331
00:14:46,424 --> 00:14:47,590
Por unë nuk e ka bërë asnjë styling.

332
00:14:47,590 --> 00:14:49,256
Përsëri, ne nuk jemi duke folur për CSS këtu.

333
00:14:49,256 --> 00:14:51,030
Ne jemi vetëm duke folur për HTML.

334
00:14:51,030 --> 00:14:53,980
>> Edhe në formën time tekst unë mund type--
mos harroni se format e tekstit tipit

335
00:14:53,980 --> 00:14:55,480
kështu që unë mund të vënë emrin tim.

336
00:14:55,480 --> 00:14:57,330
Dhe në Fjalëkalimi Kam mia
mund të shtypni fjalëkalimin tim.

337
00:14:57,330 --> 00:14:59,740
Dhe për shkak se këtë fushë
është e tipit fjalëkalim,

338
00:14:59,740 --> 00:15:01,470
ju nuk e dini se çfarë fjalëkalimi im është.

339
00:15:01,470 --> 00:15:02,800
Kjo është e gjitha dots.

340
00:15:02,800 --> 00:15:09,140
>> Unë gjithashtu mund të zgjidhni për të shënoj një
radio button ose shënoj një kuti kontrolloni.

341
00:15:09,140 --> 00:15:10,420
Ose unë mund të dërgoj formularin tim.

342
00:15:10,420 --> 00:15:11,810
Dhe unë nuk kam bërë asgjë,
kështu që kur unë të dërgoj formularin tim,

343
00:15:11,810 --> 00:15:13,090
faqja e vetëm freskon.

344
00:15:13,090 --> 00:15:16,970
Por unë ndoshta mund të konfiguroni tim
Submit button për të bërë diçka tjetër.

345
00:15:16,970 --> 00:15:20,410
Dhe ne do të shohim çfarë mund të bëjmë me
që në një video të ardhmen në PHP.

346
00:15:20,410 --> 00:15:22,520
Por kjo ndërton një shumë
formë e thjeshtë që ne

347
00:15:22,520 --> 00:15:27,360
mund të përdorni të ketë përdorues të ndërveprojnë dhe
paraqesë informacion në faqen tonë të internetit.

348
00:15:27,360 --> 00:15:29,620
>> Një koment të fundit para se të
lëvizin për disa tags tjera

349
00:15:29,620 --> 00:15:32,040
janë për të marrë një sy në këtë
tag input një herë më shumë.

350
00:15:32,040 --> 00:15:35,760
Vini re se unë kam theksuar
skajet e tag në të kuqe.

351
00:15:35,760 --> 00:15:39,390
Çdo tag tjetër ne kemi parë deri më tani ka
kishte një fillim dhe një fund, një hapje

352
00:15:39,390 --> 00:15:41,030
tag dhe një etiketë mbyllëse.

353
00:15:41,030 --> 00:15:42,520
>> Por një tag input nuk ka.

354
00:15:42,520 --> 00:15:46,860
Nuk ka asnjë tekst që shkon
në mes tags dhëna.

355
00:15:46,860 --> 00:15:49,160
Të gjitha të informacionit
ne jemi duke synuar për të përcjellë

356
00:15:49,160 --> 00:15:52,640
është e lidhur si pjesë e
atributet e këtij input.

357
00:15:52,640 --> 00:15:54,690
Vini re ne kemi emrin input është e barabartë me x.

358
00:15:54,690 --> 00:15:55,580
Lloji i barabartë y.

359
00:15:55,580 --> 00:15:57,660
Kjo është me të vërtetë të gjithë
informacion ne kemi nevojë.

360
00:15:57,660 --> 00:15:59,470
>> Kjo është quajtur një etiketë mbyllëse vetë.

361
00:15:59,470 --> 00:16:02,470
Ajo nuk kërkon një hapje dhe një
ngushtë për shkak të gjithë informacionin

362
00:16:02,470 --> 00:16:04,974
gjendet brenda
tag dhe atributet e tij.

363
00:16:04,974 --> 00:16:06,390
Pra, ndonjëherë ju do të shihni këtë, too.

364
00:16:06,390 --> 00:16:10,400
Pra, vetëm të jetë i vetëdijshëm se në qoftë se ju keni një
tag kjo është plotësisht vetë-përmbante,

365
00:16:10,400 --> 00:16:14,170
ajo hapet dhe mbyllet me veten
kllapa hapur kënd në të majtë

366
00:16:14,170 --> 00:16:17,000
dhe kënd slash
kllapa në të djathtë.

367
00:16:17,000 --> 00:16:20,580
Ne do të shohim një tjetër një nga ato
tani me tags imazhit si.

368
00:16:20,580 --> 00:16:23,300
>> Para se të flasim për imazhe, ne
duhet të flasim për hyperlinks.

369
00:16:23,300 --> 00:16:26,080
Në qoftë se ne duam faqen tonë të internetit për të qenë
interaktive dhe të na lëvizë,

370
00:16:26,080 --> 00:16:28,121
do të ishte mirë të jetë në gjendje
të klikoni në një nga ato

371
00:16:28,121 --> 00:16:30,190
atë që ka qenë zakonisht një lidhje blu.

372
00:16:30,190 --> 00:16:34,440
Kjo është në fakt si ne ndërtojmë
një hyperlink në faqen tonë të internetit.

373
00:16:34,440 --> 00:16:36,540
Dhe mjaft interesant
ka një tjetër tag HTML

374
00:16:36,540 --> 00:16:39,000
quajtur lidhje, e cila nuk është një hyperlink.

375
00:16:39,000 --> 00:16:44,130
Një këtu qëndron për spirancë, dhe
kjo është se si ne të tregojnë një hyperlink.

376
00:16:44,130 --> 00:16:49,150
>> A href barabartë x mjete të shkojnë në
faqe web X. Dhe çdo gjë

377
00:16:49,150 --> 00:16:51,580
midis të hapur një tag
dhe mbyllur një tag

378
00:16:51,580 --> 00:16:56,010
është ajo që do të jetë që nënvizoi
Teksti blu që duket si një lidhje

379
00:16:56,010 --> 00:16:57,590
se ne jemi të njohur me të.

380
00:16:57,590 --> 00:17:01,660
Më poshtë se ne kemi një tag imazhit, i cili
është një vetë mbylljes tag për të shfaqur

381
00:17:01,660 --> 00:17:05,599
një figurë e vendosur në X. Dhe
ju mund të jetë në gjendje të ndryshojë

382
00:17:05,599 --> 00:17:08,280
se imazhi duke specifikuar
gjerësi dhe lartësi

383
00:17:08,280 --> 00:17:11,640
dhe atributet e tjera në
që dot dot dot atje.

384
00:17:11,640 --> 00:17:14,260
>> Në fund shumë këtu
ne kemi një shumë interesante

385
00:17:14,260 --> 00:17:16,170
kërkim tag që nuk ka
kanë një etiketë mbyllëse.

386
00:17:16,170 --> 00:17:19,410
Kjo është thirrje HTML pikë DOCTYPE.

387
00:17:19,410 --> 00:17:23,300
Pra, HTML ka qenë rreth e rrotull që nga
viteve 1990 për ndërtimin e web pages,

388
00:17:23,300 --> 00:17:25,859
dhe është e shkuar pësuar
disa rishikime që nga atëherë.

389
00:17:25,859 --> 00:17:28,550
Kohet e fundit në vitin 2014
ajo iu nënshtrua një rishikim

390
00:17:28,550 --> 00:17:33,440
quhet HTML5 e cila tani është aktual
lloj de facto standardit HTML.

391
00:17:33,440 --> 00:17:36,730
>> Për të treguar se web ynë
faqe janë shkruar duke përdorur HTML5,

392
00:17:36,730 --> 00:17:38,160
kjo është se si ne nisem.

393
00:17:38,160 --> 00:17:40,380
Ajo mund të hiqej, por
ajo që në thelb

394
00:17:40,380 --> 00:17:45,930
do të thotë është se ju nuk mund të përdorni ndonjë nga tags
që janë tags HTML5, këto tags reja.

395
00:17:45,930 --> 00:17:48,591
Pra, ne gjithmonë nisem
në qoftë se ne jemi duke përdorur HTML5.

396
00:17:48,591 --> 00:17:51,340
Dhe të gjithë tags ne kemi biseduar për
më parë nuk janë tags HTML5.

397
00:17:51,340 --> 00:17:55,470
Por kjo do të tregojë se
Tags HTML5 do të jetë i pranishëm.

398
00:17:55,470 --> 00:17:58,400
Dhe kështu që ne kemi thirrje
HTML DOCTYPE, e cila

399
00:17:58,400 --> 00:18:01,280
është në fillim të tonë
Skedar HTML, dhe pas kësaj pike

400
00:18:01,280 --> 00:18:04,930
ne fakt kemi HTML tonë të hapur
tag dhe të vazhdojë nga atje.

401
00:18:04,930 --> 00:18:10,050
>> Kjo e fundit është një koment tag,
e cila duket pak më të ndryshme, too.

402
00:18:10,050 --> 00:18:12,810
Ajo fillon me kënd
kllapa thirrje dash

403
00:18:12,810 --> 00:18:15,220
dash por jo kllapa e mbylljes.

404
00:18:15,220 --> 00:18:20,150
Në mes të këtyre dy elementeve atje
është ajo ku ju shkruani komentet tuaja.

405
00:18:20,150 --> 00:18:28,420
Dhe le të marrin një vështrim në imazhe
dhe komente dhe lidhjet në CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Kështu që unë kam këtu një file i quajtur image Lidhje
dot HTML që unë jam duke shkuar për të hapur.

407
00:18:32,850 --> 00:18:36,420
Dhe vini re unë kam marrë një çift të
Komentet këtu në komentet e mia HTML.

408
00:18:36,420 --> 00:18:38,990
Pra, ashtu si në C dhe të tjera
gjuhë programimi,

409
00:18:38,990 --> 00:18:43,169
HTML vetëm duke qenë një gjuhë markup
e ka mundësinë që të ketë komente.

410
00:18:43,169 --> 00:18:45,710
Dhe kështu që unë jam me sa duket duke shkuar për të
vendosni një foto të Rick Astley

411
00:18:45,710 --> 00:18:49,060
diku në mes të këtij div
tag, kjo ndarje arbitrare.

412
00:18:49,060 --> 00:18:51,497
Me sa duket kjo skedë është
vendosur në Rick dot JPEG, e cila

413
00:18:51,497 --> 00:18:53,580
në qoftë se ne kokë mbrapa mbi të
Pema ime skedar për një të dytë,

414
00:18:53,580 --> 00:18:55,490
është një skedar që ekziston në
dosjen aktuale.

415
00:18:55,490 --> 00:18:56,031
Pra, kjo është në rregull.

416
00:18:56,031 --> 00:18:57,710
Unë mund referencë atë.

417
00:18:57,710 --> 00:18:59,680
>> Atëherë unë mund të ketë lidhje të brendshme.

418
00:18:59,680 --> 00:19:05,080
Pra, vini re on line 11 këtu
href im është përshëndetje dot HTML.

419
00:19:05,080 --> 00:19:09,050
Kështu që vetëm i referohet përshëndetje dot HTML
që ekziston në dosjen aktuale.

420
00:19:09,050 --> 00:19:12,980
Dhe unë gjithashtu mund të ketë të jashtëm
lidhjet nga vetëm duke specifikuar HTTPS

421
00:19:12,980 --> 00:19:16,180
për të treguar se unë nuk jam duke folur
për një fotografi në directory time aktuale.

422
00:19:16,180 --> 00:19:19,730
Unë jam duke folur për një fotografi që ekziston
diku në internet, që kam

423
00:19:19,730 --> 00:19:23,370
për të kërkuar duke përdorur protokollin HTTP.

424
00:19:23,370 --> 00:19:25,990
>> Pra, le të marrin një vështrim në atë që
Kjo faqe mund të duket si

425
00:19:25,990 --> 00:19:29,500
dhe të marrë të gatshme për një foto të Rick
Astley të shfaqen në ekranin tuaj.

426
00:19:29,500 --> 00:19:31,490
Kështu që unë do të parapamje këtë.

427
00:19:31,490 --> 00:19:33,800
Ka Rick Astley në nivel
shumë të lartë në këtë arbitrare

428
00:19:33,800 --> 00:19:35,008
Ndarja e kam vënë atë në krye.

429
00:19:35,008 --> 00:19:36,960
Dhe pastaj poshtë Parë
kanë lidhje të mia, e drejtë?

430
00:19:36,960 --> 00:19:39,330
>> Unë kam një lidhje me përshëndetje dot HTML.

431
00:19:39,330 --> 00:19:42,860
Dhe në qoftë se unë të klikoni atë, unë shkoj
lëvizur mbi këtë faqe

432
00:19:42,860 --> 00:19:47,050
se ne jemi shumë të njohur me nga
fillimi shumë i programit tonë.

433
00:19:47,050 --> 00:19:50,880
Nëse unë pop atë faqe e hapur përsëri, në qoftë se unë
pop image Lidhje të hapë një më shumë kohë,

434
00:19:50,880 --> 00:19:54,420
Unë gjithashtu mund të shkoj jashtë
në faqen e internetit CS50 e.

435
00:19:54,420 --> 00:19:56,740
Dhe atje ne see-- unë do
zoom out pak here--

436
00:19:56,740 --> 00:20:00,260
ne do të shohim CS50 s website lloj
ngulitur në mes të faqes sonë.

437
00:20:00,260 --> 00:20:04,670
Kështu që unë kam qenë në gjendje të bëjë një të brendshëm
lidhin si dhe një lidhje të jashtme.

438
00:20:04,670 --> 00:20:07,200
>> Rregulli i fundit me HTML që
ne do të flasim për këtu

439
00:20:07,200 --> 00:20:09,510
është se HTML juaj duhet të formohet mirë.

440
00:20:09,510 --> 00:20:13,020
Në C kemi biseduar shumë për
Sintaksa ndryshme të gjërave.

441
00:20:13,020 --> 00:20:17,650
Në HTML sintaksa vërtetë
sillet rreth tags.

442
00:20:17,650 --> 00:20:19,660
Çdo tag keni hapur duhet të jenë të mbyllura.

443
00:20:19,660 --> 00:20:22,630
Dhe në fakt, çdo tag keni hapur
duhet të mbyllet në mënyrë të kundërt.

444
00:20:22,630 --> 00:20:25,790
>> Pra, nëse ju hapni një tag të guximshme, një italic
tag, dhe pastaj një etiketë theksoj

445
00:20:25,790 --> 00:20:28,120
për të bërë të tre për një
grup të veçantë të tekstit,

446
00:20:28,120 --> 00:20:30,070
ju duhet të mbyllni ato në mënyrë të kundërt.

447
00:20:30,070 --> 00:20:32,270
Pra, nëse keni hapur guximshme,
italic, theksoj, ju

448
00:20:32,270 --> 00:20:35,240
duan për të mbyllur theksoj, italic, bold.

449
00:20:35,240 --> 00:20:39,990
Ky lloj i encapsulation është çfarë
mban HTML bukur dhe të organizuar.

450
00:20:39,990 --> 00:20:44,370
>> Ndryshe C, edhe pse, gabime sintakse nuk do të
në fakt ulok HTML tuaj ndoshta.

451
00:20:44,370 --> 00:20:48,730
HTML juaj mund të mos jetë mirë
formuar por do të punojë ende.

452
00:20:48,730 --> 00:20:50,589
Dhe kështu këto gabime
mund të lloj të rrëshqitje nga.

453
00:20:50,589 --> 00:20:52,130
Është e deri tek ju për të vërtetë të jetë vigjilent.

454
00:20:52,130 --> 00:20:54,760
Ndonjëherë ata do të dështojnë, por
ndonjëherë ju mund të merrni larg me të.

455
00:20:54,760 --> 00:20:56,509
>> Ajo mund të jetë një të vërtetë të
detyrë e vështirë, edhe pse,

456
00:20:56,509 --> 00:21:00,660
për të mbajtur gjurmët e kur e keni hapur
një tag, kur ju të mbyllur atë,

457
00:21:00,660 --> 00:21:04,110
sidomos si HTML tuaj
Fotografi të merrni më të mëdha.

458
00:21:04,110 --> 00:21:05,490
Ju do të dëshironi ndihmë.

459
00:21:05,490 --> 00:21:07,560
Dhe ka në internet
mjete Validator që ju

460
00:21:07,560 --> 00:21:11,474
mund të përdorni të ketë një vështrim në web tuaj
faqe dhe të shohim nëse ajo është e mirë HTML formuar.

461
00:21:11,474 --> 00:21:13,390
Dhe ju duhet patjetër
hidhini një sy në ato

462
00:21:13,390 --> 00:21:16,620
dhe të fillojnë të përdorin ato si ju
të fillojë duke bërë disa punë me HTML,

463
00:21:16,620 --> 00:21:20,800
shkrim HTML, vetëm kështu që ju merrni
disa zakone të mira për organizimin e

464
00:21:20,800 --> 00:21:24,377
HTML tuaj në një mënyrë të mirë dhe
stil të mirë dhe duke u siguruar

465
00:21:24,377 --> 00:21:27,210
se ju nuk jeni duke bërë ndonjë gjë që
mund të krijojë një gabim sintakse që

466
00:21:27,210 --> 00:21:30,270
do të shkaktonte ju një grimë e
një problem poshtë rrugës.

467
00:21:30,270 --> 00:21:31,190
>> Unë jam Doug Lloyd.

468
00:21:31,190 --> 00:21:33,450
Kjo është CS50.

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