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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Beraz igaro dugu
naizenean nire matematika eskubidea izanez gero,

3
00:00:08,790 --> 00:00:11,900
eta uste back-- bilatzen dut uste
bideoak 35 inguru igaro dugu hizketan

4
00:00:11,900 --> 00:00:15,139
C hainbat alderdi, agian buruz
apur bat gehiago, agian, pixka bat gutxiago.

5
00:00:15,139 --> 00:00:16,930
Eta ez dugu estaltzeko
C dena, baina guk

6
00:00:16,930 --> 00:00:21,170
horren zati handi bat estaltzen
hizkuntza, eguneroko gehiengo zabala,

7
00:00:21,170 --> 00:00:22,882
zalantzarik ohiko erabilerak da.

8
00:00:22,882 --> 00:00:25,090
Orain ari gara hitz egin
buruz beste hizkuntza bat, HTML.

9
00:00:25,090 --> 00:00:28,180
Eta ari gara estaltzeko joan
bideo bat besterik ez da.

10
00:00:28,180 --> 00:00:29,340
>> Baina OK izango da.

11
00:00:29,340 --> 00:00:31,410
Hori da benetan bihurtu joan
erabili ahal izateko zerbait zarela.

12
00:00:31,410 --> 00:00:33,535
Orain duzu aukera izan du
Hizkuntza bat oinarriak,

13
00:00:33,535 --> 00:00:35,776
Egia esan, nahiko erraza
beste batzuk ikasten hasteko.

14
00:00:35,776 --> 00:00:37,650
Beraz, goazen martxan jarriko
Atzera apur bat zapalduta

15
00:00:37,650 --> 00:00:43,340
eta distira baino gehiago oinarrizko
hizkuntzen artean desberdintasunak

16
00:00:43,340 --> 00:00:45,750
eta Ordena utziko da behar duzu.

17
00:00:45,750 --> 00:00:48,530
Ez dago benetan handia asko da
Interneten, baliabide bertan

18
00:00:48,530 --> 00:00:51,279
zuk zuzentzen hasteko goaz
Interneten dagoelako bidean

19
00:00:51,279 --> 00:00:53,340
Informazio biltegi zabala da.

20
00:00:53,340 --> 00:00:55,960
Eta beraz, ez da gehiago gustatuko zaizu
izan galtzeko egindako nahitaez

21
00:00:55,960 --> 00:00:58,349
informazioa ez izatea
Bideo bat estalita.

22
00:00:58,349 --> 00:01:00,640
Oraindik duzu izan lortu ahal
behar duzun guztia eta erabilera

23
00:01:00,640 --> 00:01:03,590
Jadanik duzu ezagutza
edificatuac C ulertzeko moduan

24
00:01:03,590 --> 00:01:07,130
hauen ikasketa kurba egiteko
beste hizkuntzak benetan asko flatter.

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

26
00:01:08,640 --> 00:01:12,770
>> Baina hitz egin dezagun hizkuntza bat inguru utzi
hori da benetan funtsezkoa web bakoitzean

27
00:01:12,770 --> 00:01:14,830
orria, HTML da.

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

29
00:01:18,230 --> 00:01:22,700
HTML hizkuntza bat da, baina ez da
Ez programazio hizkuntza bat.

30
00:01:22,700 --> 00:01:23,900
>> HTML ez dute aldagaiak.

31
00:01:23,900 --> 00:01:26,430
Ez du logika dute edo
funtzio edo horrelako ezer.

32
00:01:26,430 --> 00:01:30,301
Ezin dugu egin duen
programazio per se HTML.

33
00:01:30,301 --> 00:01:32,300
Batzuetan beharko duzu entzungo
Pertsonak deskribatzeko beraiek

34
00:01:32,300 --> 00:01:35,710
HTML programatzaileak, zein
ez da erabat zehatza.

35
00:01:35,710 --> 00:01:37,980
Ezin dugu HTML programak idatzi.

36
00:01:37,980 --> 00:01:40,770
>> HTML besterik markatzeko testu erabiltzen da.

37
00:01:40,770 --> 00:01:42,690
Honez markaketa lengoaia bat deitzen.

38
00:01:42,690 --> 00:01:47,680
Eta hau zer markup-- honetako honek,
etiketa erabili dugu HTML eta tags-- horietan

39
00:01:47,680 --> 00:01:51,600
hau markup-- semantikoki
Orri baten egitura definitzen du

40
00:01:51,600 --> 00:01:55,280
eta testu arruntaren eragiten dituen
existitzen arteko etiketa interpretatu behar da

41
00:01:55,280 --> 00:01:57,320
modu ezberdinetan nabigatzaile arabera.

42
00:01:57,320 --> 00:02:00,370
Eta agian hobe da azaldu
arabera ilustrazio bat modu hau.

43
00:02:00,370 --> 00:02:06,450
>> Hona hemen HTML orri bat oso erraza da, ez
HTML programa bat, berriz ere, HTML orri bat.

44
00:02:06,450 --> 00:02:08,680
Eta badakigu bat da
HTML orria dugulako

45
00:02:08,680 --> 00:02:11,480
HTML etiketa dena mugatzen.

46
00:02:11,480 --> 00:02:13,850
Beraz, hau da, zer HTML etiketa baten itxura.

47
00:02:13,850 --> 00:02:15,870
Da angelu parentesi artean.

48
00:02:15,870 --> 00:02:18,570
Eta goian daukagun nabarituko
HTML eta oso behean,

49
00:02:18,570 --> 00:02:21,400
egin dugu ondoren zer da
itxuraz beste HTML asko,

50
00:02:21,400 --> 00:02:24,310
xebroi slash HTML ditugu.

51
00:02:24,310 --> 00:02:29,262
Beraz, hori moduko muga delarik
zer HTML den eta zer ez den bitartean.

52
00:02:29,262 --> 00:02:32,220
Eta, jakina, ohiko moduan, besterik
zure C programak idatzi duzun bezala

53
00:02:32,220 --> 00:02:35,300
dot C luzapenak,
Zure HTML fitxategi guztiak

54
00:02:35,300 --> 00:02:37,909
egingo dot HTML luzapenak batekin amaituko da.

55
00:02:37,909 --> 00:02:39,200
Baina ez da gehiago hemen gertatzen ari da.

56
00:02:39,200 --> 00:02:40,658
Ez besterik ez dugu HTML etiketa hauek.

57
00:02:40,658 --> 00:02:44,010
Itxuraz daukagu ​​honetan
Gauza burua etiketa bat deitzen.

58
00:02:44,010 --> 00:02:46,010
Beno, OK, zer da hori?

59
00:02:46,010 --> 00:02:48,550
>> Beno, agian, hobe da
gorputz baten bidez bereizteko,

60
00:02:48,550 --> 00:02:50,590
gorputza web orriaren edukia izanik.

61
00:02:50,590 --> 00:02:55,860
Beraz, agian burua etiketa stuff definitzen
Hori ez da arakatzailearen leihoan egoki,

62
00:02:55,860 --> 00:02:59,410
baina, nolabait garrantzitsuak gure
web orria behar bezala errendatzen ari.

63
00:02:59,410 --> 00:03:02,490
Adibidez, barrutik
burua etiketa izenburua tags dugu.

64
00:03:02,490 --> 00:03:05,500
>> Beraz izenburua kaixo mundua izanik,
Hori da benetan zer izango da

65
00:03:05,500 --> 00:03:08,797
erakusten Chrome fitxan
edo safari edo Firefox-- ere

66
00:03:08,797 --> 00:03:11,880
edozein dela nabigatzaileak prefer-- duzun hori
zer ari erakusteko izenburuan joan.

67
00:03:11,880 --> 00:03:14,800
Eta fitxak aurretik erakutsiko luke
Zure nabigatzailean leiho osoa ere sortu

68
00:03:14,800 --> 00:03:19,710
eta zuk bakarrik izan daiteke orri bat
nabigatzaileak garai batean irekiko.

69
00:03:19,710 --> 00:03:22,160
Beraz, hori izango da
Nire orria fitxan gora izenburua

70
00:03:22,160 --> 00:03:24,600
edo arakatzailearen leiho tabernan, kaixo mundua.

71
00:03:24,600 --> 00:03:28,611
Eta gero edukia ene
Web orria mundua izango da, kaixo.

72
00:03:28,611 --> 00:03:31,360
Beraz, dezagun zer batzuk begirada bat
atsegin hau bezalako gauza begiratu daitezke.

73
00:03:31,360 --> 00:03:33,210
Hau HTML orria nahiko sinplea da.

74
00:03:33,210 --> 00:03:35,970
Beraz, hemen nago nire CS50 IDE eta
Pixka bat handitutako dut.

75
00:03:35,970 --> 00:03:38,290
Eta besterik ez dut joan
ireki, kaixo dot HTML

76
00:03:38,290 --> 00:03:42,000
eta zuk erakutsi hori ez dela nahiko askoz
orriaren edukian aurretik ikusi dugun.

77
00:03:42,000 --> 00:03:45,240
Nire HTML, burua etiketa sinple,
izenburua etiketa, gorputza, eta abar.

78
00:03:45,240 --> 00:03:47,320
Koskatuak Nik garbi izan behar du.

79
00:03:47,320 --> 00:03:51,530
>> Eta gero, zer ezin dut nire
IDE besterik ez da orrialdean aurreikusteko.

80
00:03:51,530 --> 00:03:52,630
Eta ez dugu joan.

81
00:03:52,630 --> 00:03:56,070
Orri nire edukien munduko da,
kaixo, eta ez dut ezer ikusi

82
00:03:56,070 --> 00:03:58,500
Buru etiketa hortik ere.

83
00:03:58,500 --> 00:03:59,980
Besterik gorputzaren edukiari da.

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

85
00:04:00,780 --> 00:04:03,700
Eta berriro ere, gorputza besterik
esan, mundua, kaixo.

86
00:04:03,700 --> 00:04:06,160
Beste zatia falta da.

87
00:04:06,160 --> 00:04:07,610
>> Beraz, hori da benetan guztia da.

88
00:04:07,610 --> 00:04:11,370
Oinarrizko HTML orri bat oso erraza da.

89
00:04:11,370 --> 00:04:14,280
Orain nire HTML koskatuak dut
benetan polita eta antolatu izan,

90
00:04:14,280 --> 00:04:15,840
baina ez daukat.

91
00:04:15,840 --> 00:04:17,959
Egin izan dut nahiko itsusia agertuko da.

92
00:04:17,959 --> 00:04:19,467
Eta hau oraindik lan litzateke.

93
00:04:19,467 --> 00:04:21,050
Hau zehatza berean web orri litzateke.

94
00:04:21,050 --> 00:04:23,100
Nik ahaztuak kentzeko
zuri espazio guztia.

95
00:04:23,100 --> 00:04:24,820
>> Antza denez, espazio zuriak dituen datuak dira.

96
00:04:24,820 --> 00:04:28,540
Eta beraz, handik datuak bidaltzen ari gara
bidaltzaileari, hartzaileari zerbitzaritik

97
00:04:28,540 --> 00:04:30,670
bezeroak, datu-kostuak dirua.

98
00:04:30,670 --> 00:04:34,460
Eta horrela ohitu whitespace kentzeko
Benetan ideia ona da

99
00:04:34,460 --> 00:04:37,320
Oraindik norbait bada zerbitzatzen
web eduki asko eman.

100
00:04:37,320 --> 00:04:39,820
Ez da batere gomendagarria da bazaude
Norbait ari stuff hau ikasteko

101
00:04:39,820 --> 00:04:41,528
eta izan nahi duzu
nicely antolatu da.

102
00:04:41,528 --> 00:04:43,810
Hau da, asko errazago analizatu hau baino.

103
00:04:43,810 --> 00:04:45,540
Baina funtzionalki berdin-berdina da.

104
00:04:45,540 --> 00:04:48,720
>> Koska eta horrelako gauzak
Ez du benetan HTML axola.

105
00:04:48,720 --> 00:04:53,634
Axola irekitzeko etiketa eta da
tags itxi orden egokian.

106
00:04:53,634 --> 00:04:55,050
Iragarki hemen zer gertatu zen, baina.

107
00:04:55,050 --> 00:04:58,450
Markaketa modu bat ematen digu
Aparteko informazioa jakinarazteko

108
00:04:58,450 --> 00:04:59,940
zer idatzi dugu buruz.

109
00:04:59,940 --> 00:05:03,130
Kaixo, World parte izan zen
titulu gisa interpretatu.

110
00:05:03,130 --> 00:05:06,410
Eta mundua, kaixo zati zen
eduki gisa interpreta

111
00:05:06,410 --> 00:05:09,090
edo zer izan beharko luke
Nire web orrialdean ikusgai.

112
00:05:09,090 --> 00:05:12,167
>> Badira 100 desberdin horiek baino gehiago daude
etiketa eta baliabide handiak asko

113
00:05:12,167 --> 00:05:13,000
online aurki ditzakezun.

114
00:05:13,000 --> 00:05:14,900
To bati buruz hitz egingo dugu
Horietako batzuk bideo honetan, zenbait

115
00:05:14,900 --> 00:05:16,440
benetan funtsezkoa stuff.

116
00:05:16,440 --> 00:05:18,440
Baina ez gara eztabaida joan
dena delako

117
00:05:18,440 --> 00:05:20,250
zehatza hacerlo izango litzateke.

118
00:05:20,250 --> 00:05:22,880
>> Beste gauza bat egin ahal izango duzu, nahiz eta,
da ireki, garapen tresnak.

119
00:05:22,880 --> 00:05:26,069
Eta gogoratzen duzu batetik bada
Gure HTTP bideoa,

120
00:05:26,069 --> 00:05:27,860
Nola zabalduko azaldu nuen
garapen tresnak eman.

121
00:05:27,860 --> 00:05:32,020
Chrome ohi da F12 gakoa
ireki sustatzailearen tresna-barra.

122
00:05:32,020 --> 00:05:35,909
Ondoren ordez Sarea hautatzeko
fitxa, Elements fitxan aukeratu ahal izango duzu.

123
00:05:35,909 --> 00:05:37,700
Eta web bat kargatzeko
orrialdea, benetan dituzu

124
00:05:37,700 --> 00:05:40,280
ikusi duten web orria sortzen HTML.

125
00:05:40,280 --> 00:05:44,090
Eta orain HTML buruz asko ikasi ahal izango duzu
gogoko webguneak begiratuz

126
00:05:44,090 --> 00:05:48,474
eta ikusten nola eraiki dute
Horietako hainbat pieza gustatzen zaizuna.

127
00:05:48,474 --> 00:05:50,890
Beraz, agian ez cool hau da
eredua edo horrelako zerbait.

128
00:05:50,890 --> 00:05:52,140
Nola egiten dute HTML batekin?

129
00:05:52,140 --> 00:05:55,630
Beno, besterik gabe dezakezu ireki zure sustatzailearen
tresnak eta hover elementu hori baino

130
00:05:55,630 --> 00:05:57,700
ikusi eta zehazki zer HTML egiten du.

131
00:05:57,700 --> 00:05:59,450
Beraz, hori da benetan bat
modu onean HTML ikasteko,

132
00:05:59,450 --> 00:06:02,330
eta biziki gomendatzen dut
ikasteko, bai, ez duzu HTML

133
00:06:02,330 --> 00:06:04,930
eta, era berean, apur bat ikasteko
Aukera batzuk pixka

134
00:06:04,930 --> 00:06:07,050
duzu eskura
garapen tresnak,

135
00:06:07,050 --> 00:06:10,200
izango da, zalantzarik erabilgarri etorriko gisa
Web intentsiboa egiten hasten zarenean

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

137
00:06:11,090 --> 00:06:14,080
>> Beraz, dezagun begirada bat
komun HTML etiketa pare.

138
00:06:14,080 --> 00:06:17,210
Eta salto eta begirada bat hartu dugu,
zer etiketa horiek ere errendatuko

139
00:06:17,210 --> 00:06:20,490
fitxategi batzuk nire IDE begiratuta bezala.

140
00:06:20,490 --> 00:06:26,330
Hortaz, hona hemen oso oinarrizko hiru etiketa
Testu itxura tweaking.

141
00:06:26,330 --> 00:06:29,050
Ez da, B etiketa, I etiketa, eta U etiketa.

142
00:06:29,050 --> 00:06:33,170
Eta hurrenez hurren, zer egiten da
haien arteko testua errendatu lodia ere,

143
00:06:33,170 --> 00:06:35,430
etzana, eta azpimarratu du.

144
00:06:35,430 --> 00:06:40,430
Beraz, ikus dezagun zer duten begiratu litzateke
Web nire IDE orri benetako bat bezala.

145
00:06:40,430 --> 00:06:43,390
>> Hortaz, hona hemen nire IDE ere daukat
fitxategia BIP dot HTML deitzen.

146
00:06:43,390 --> 00:06:46,770
BIP dot HTML izateaz
italikoa, azpimarratuz.

147
00:06:46,770 --> 00:06:47,830
Beraz, ireki dut.

148
00:06:47,830 --> 00:06:51,810
>> Eta hemen ikusiko dugu hori I
testu hau izan B etiketa lodia da.

149
00:06:51,810 --> 00:06:54,010
Testu honek I etiketa etzana da.

150
00:06:54,010 --> 00:06:56,307
Eta testu hau da U etiketa azpimarratuta.

151
00:06:56,307 --> 00:06:57,640
Zer da hau itxura?

152
00:06:57,640 --> 00:06:59,473
Beno, berriro, I guztiek dute
ez da joan baino gehiago hemen

153
00:06:59,473 --> 00:07:04,690
nire nabigatzailea, nire fitxategia nabigatzailean, egin klik
Aurreikuspen, eta hau da, zer ateratzen.

154
00:07:04,690 --> 00:07:07,520
>> B arteko testua
etiketa da, hain zuzen ere, gaur egun lodia.

155
00:07:07,520 --> 00:07:10,720
I arteko testua
etiketa da, hain zuzen ere, gaur egun italic.

156
00:07:10,720 --> 00:07:14,634
Eta U arteko testua
etiketa da, hain zuzen ere, gaur egun azpimarratuta.

157
00:07:14,634 --> 00:07:15,550
Beraz, nahiko ona.

158
00:07:15,550 --> 00:07:18,450
Orain badakigu testu nola egin
a little more fancy begiratu

159
00:07:18,450 --> 00:07:20,360
edo marraztu nabarmenduz zenbait gauza.

160
00:07:20,360 --> 00:07:25,530
Tags komun pare bat hona hemen
paragrafoan etiketa, P, eta goiburu-etiketa,

161
00:07:25,530 --> 00:07:27,980
Horrek dut hemen Errendatutako Nik HX bezala.

162
00:07:27,980 --> 00:07:32,520
>> P Etiketa hauek paragrafoan etiketa hauek,
Zure testu desegin dute paragrafo.

163
00:07:32,520 --> 00:07:34,646
Ez da nahikoa, besterik gabe,
sakatu Sartu eta espazioak uzteko,

164
00:07:34,646 --> 00:07:37,186
ordenagailu bat da bakarrik joan delako
zer esango egin egin

165
00:07:37,186 --> 00:07:39,450
eta zuri ez du kontuan
Zati handiena, espazioa.

166
00:07:39,450 --> 00:07:41,636
Beraz, ezin dugu sakatu Sartu
eta gure ordenagailuan espero

167
00:07:41,636 --> 00:07:43,760
Nahi dugun interpretatzen
paragrafo berri bat hasteko.

168
00:07:43,760 --> 00:07:47,670
Oso esplizituki esan hau daukagu
da hau paragraph-- beste jarri

169
00:07:47,670 --> 00:07:50,740
bakoitzari erantsiz P etiketa multzo batean.

170
00:07:50,740 --> 00:07:54,560
>> Eta guk ere aukera horiek
H tags, goiburua etiketa hauek egiteko.

171
00:07:54,560 --> 00:07:57,000
Sei maila ezberdinak ditugu
goiburuak, bat, bi, hiru,

172
00:07:57,000 --> 00:08:01,110
lau, bost, eta sei dira,
pixkanaka geroz eta gehiago

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

174
00:08:01,710 --> 00:08:04,360
Eta txikiagoa lortzen dute eta
txikiagoak eta txikiagoak eta txikiagoak.

175
00:08:04,360 --> 00:08:07,690
Beraz, goi mailako goiburu bat, bigarren bat dugu
Maila goiburua, eta abar, eta abar.

176
00:08:07,690 --> 00:08:10,480
>> Ikus dezagun, agian batzuk begirada bat
P tags eta zenbait goiburua tags

177
00:08:10,480 --> 00:08:13,110
Ekintza web orri batean ere.

178
00:08:13,110 --> 00:08:18,180
Hortaz, hona hemen nire IDE izeneko fitxategi bat dut
PH dot HTML, PH izateaz paragrafoetan

179
00:08:18,180 --> 00:08:18,970
eta goiburu-etiketa.

180
00:08:18,970 --> 00:08:20,709
Zabaldutako.

181
00:08:20,709 --> 00:08:23,000
Ez da asko gertatzen da hemen
Hasiera batzuk dut jarri delako

182
00:08:23,000 --> 00:08:24,660
ipsum, hemen ere edozein testu batzuk.

183
00:08:24,660 --> 00:08:27,284
Beraz, mapan handiago dut pixka bat
delako ez da hainbeste gertatzen.

184
00:08:27,284 --> 00:08:31,980
Baina konturatu behar duten oso at I
Gora hemen H1 bat, bat-maila bat daukat,

185
00:08:31,980 --> 00:08:32,802
goiburua etiketa.

186
00:08:32,802 --> 00:08:36,010
Ondoren paragrafo bat, besterik ez da egin behar dut
ausazko text-- Business mordo bat ipsum--

187
00:08:36,010 --> 00:08:38,720
Default betetze estandarra testuan.

188
00:08:38,720 --> 00:08:41,970
Beraz, horren barruan bi paragrafo daukat
maila bat goiburua eta gero behera I azpitik

189
00:08:41,970 --> 00:08:46,850
on line 24 hemen bi maila goiburu bat dute,
Bigarren mailan goiburua, eta beste bi

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

191
00:08:47,840 --> 00:08:51,910
Beno zer itxura hau dauka
Ikusi dut nire Aurreikuspen ere bada?

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

193
00:08:53,790 --> 00:08:55,730
>> Beraz, konturatu dela
Lehenengo mailan goiburua hemen

194
00:08:55,730 --> 00:08:58,420
Benetan nahiko pixka bat handiagoa
Bigarren mailan goiburua baino.

195
00:08:58,420 --> 00:08:59,940
Beraz H1 etiketa erabiliko dugu.

196
00:08:59,940 --> 00:09:03,820
Eta konturatu P etiketa hori ahalbidetuko digu
gauzak apurtzeko egindako paragrafo.

197
00:09:03,820 --> 00:09:07,500
Jakin izan ahaztuak P etiketa horiek kentzeko bada
eta benetan jarri besterik sartzen edo itzultzen

198
00:09:07,500 --> 00:09:10,110
zer dugu espero arteko litzateke
ezberdinak paragrafoetan izan,

199
00:09:10,110 --> 00:09:13,193
guztiak lukete besterik Slam elkarrekin eta
Ez litzateke polita paragrafo hau dute

200
00:09:13,193 --> 00:09:15,840
Espazio gainetik eta azpitik bereizketa.

201
00:09:15,840 --> 00:09:18,300
Eta beraz, zer da paragrafo
tags eta goiburua tags

202
00:09:18,300 --> 00:09:22,440
normalean marraztu egiten erabiltzen dira
gure web orria zatiak arreta

203
00:09:22,440 --> 00:09:23,550
horrela.

204
00:09:23,550 --> 00:09:27,560
>> Hurrengo sortu Erabiltzen ditugun zenbait etiketa
gure web orrialdean zerrendak eraikitzeko.

205
00:09:27,560 --> 00:09:30,820
Beraz desordenatuak behar dugu
zerrendak ULs-- dira, besterik

206
00:09:30,820 --> 00:09:34,090
zerrendak, agindu
Zerrenda diren numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- eta barrutik bai
horietako bat izan behar dugu

208
00:09:37,680 --> 00:09:40,600
Zerrenda elementuak nola adierazteko, LI multzo.

209
00:09:40,600 --> 00:09:44,370
Eta beraz, UL etiketa irekita daukagu
eta, horren barruan elementu jarri dugu.

210
00:09:44,370 --> 00:09:46,920
Eta orduan, egiten ari garen
hori, UL etiketa itxi ahal izango dugu.

211
00:09:46,920 --> 00:09:49,850
>> Eta, era berean izan dezakegu
agindu edo zenbakidun zerrenda bat

212
00:09:49,850 --> 00:09:51,560
eta horren barruan Zerrenda elementuak jarri.

213
00:09:51,560 --> 00:09:53,350
Beraz, dezagun begirada bat
zerrendak pare batean

214
00:09:53,350 --> 00:09:57,230
eta zer egingo liokete
CS50 IDE bezala errendatu.

215
00:09:57,230 --> 00:10:00,640
Beraz, hemen daukat nire IDE batean
zerrendak izeneko fitxategia dot HTML.

216
00:10:00,640 --> 00:10:03,100
Ikus dezagun begirada bat.

217
00:10:03,100 --> 00:10:08,482
>> Eta hemen nabarituko desordenatuak bat dut
bost gauza egiten dituzten zerrendatu.

218
00:10:08,482 --> 00:10:11,440
Eta gero Ordenatutako zerrenda bat daukat, eta
Etiketa pixka bat aldatu dut,

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

220
00:10:11,939 --> 00:10:13,152
Esan dut hasieran berdin sei.

221
00:10:13,152 --> 00:10:16,110
Bihurtzen zerrenden I batekin It
abiapuntura lekutan ezar daiteke

222
00:10:16,110 --> 00:10:20,130
Want-- lehenetsita I one-- izango da
by besterik attribute deiturikoan gehituz

223
00:10:20,130 --> 00:10:21,190
Nire OL etiketa.

224
00:10:21,190 --> 00:10:23,572
Eta beraz zerrenda hau izango
hasteko seietan kontatuta.

225
00:10:23,572 --> 00:10:26,780
Beraz zenbakidun zerrenda hori elementu
behar izan sei, zazpi, zortzi, bederatzi, hamar,

226
00:10:26,780 --> 00:10:29,930
bost elementu daude delako
zerrendan, inork ez bezala,

227
00:10:29,930 --> 00:10:33,770
bi, hiru, lau, bost, eta horrek
kasua izango litzateke dut esan izan balu OL

228
00:10:33,770 --> 00:10:36,730
Irteeran atributua zehaztu gabe.

229
00:10:36,730 --> 00:10:41,594
>> Beraz, besterik ez dugu Aurreikuspen honen diezaiokezu
zer gertatzen da hemen zentzu bat lortzeko.

230
00:10:41,594 --> 00:10:42,260
Eta ez dugu joan.

231
00:10:42,260 --> 00:10:44,610
Ez dago nire zerrenda da.

232
00:10:44,610 --> 00:10:47,810
Lehenengo bost elementu dira
desordenatuak edo zerrendak.

233
00:10:47,810 --> 00:10:51,010
Eta hurrengo bost elementu
Aparteko zerrenden dira

234
00:10:51,010 --> 00:10:52,980
seietatik aurrera.

235
00:10:52,980 --> 00:10:56,247
Beraz, nola ahal dugun
eraikitzeko HTML erabiliz zerrendak.

236
00:10:56,247 --> 00:10:58,080
Baliteke beste gauza
HTML egin nahi

237
00:10:58,080 --> 00:11:01,520
taula bat eraiki da
errenkada eta zutabe informaziorik

238
00:11:01,520 --> 00:11:04,560
Informazio aurkeztea batean
bereziki antolatutako bidea.

239
00:11:04,560 --> 00:11:09,110
HTML honetan egin izan dezakegu
mahai definizio tarte irekia hasita

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

241
00:11:10,160 --> 00:11:14,680
Eta gero, taula horren barruan dugu
ilaretan, TR etiketa multzo bat izan liteke

242
00:11:14,680 --> 00:11:15,980
Ilara bakoitzak adierazteko.

243
00:11:15,980 --> 00:11:22,510
Eta gero TD etiketa TR etiketen barruan joan
Ilara epean zutabe bat zehazteko.

244
00:11:22,510 --> 00:11:24,340
>> Zergatik da TD deitzen da eta ez TC?

245
00:11:24,340 --> 00:11:25,940
Beno, TD mahai datuak nabarmentzen.

246
00:11:25,940 --> 00:11:27,900
Normalean ari zara
Zure informazio han.

247
00:11:27,900 --> 00:11:29,440
Beraz, horregatik da TD eta ez TC.

248
00:11:29,440 --> 00:11:31,140
Pixka bat nahasgarria da.

249
00:11:31,140 --> 00:11:33,720
>> Beraz, mahai etiketa duzu eta
Zure mahai etiketen barruan

250
00:11:33,720 --> 00:11:35,600
ilaretan, IIL zenbaki bat behar duzu.

251
00:11:35,600 --> 00:11:40,030
Eta ilara bakoitzaren barruan duzu
Zutabe kopurua for TDS

252
00:11:40,030 --> 00:11:42,880
izan nahi duzula
Ilara jakin horretan.

253
00:11:42,880 --> 00:11:47,730
Ikus dezagun begirada bat oso batean
CS50 IDE gorako mahai simple.

254
00:11:47,730 --> 00:11:49,730
>> Beraz daukat hemen fitxategi batean
mahai dot HTML deitzen.

255
00:11:49,730 --> 00:11:53,390
Dezagun begirada bat
zer itxura.

256
00:11:53,390 --> 00:11:56,225
Ez da asko gertatzen da hemen, baina
nabarituko duzu taula bat irekita daukat.

257
00:11:56,225 --> 00:11:57,850
Mahai definizioa hasten naiz.

258
00:11:57,850 --> 00:12:02,100
Eta gero nire lehen lerroan I itxuraz
dute lau zutabe, bat, bi, hiru,

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

260
00:12:02,660 --> 00:12:04,290
Eta ondoren, ilara dela egin naiz.

261
00:12:04,290 --> 00:12:07,750
>> Ondoren ilara beste hasten naiz eta
ez bi, lau, sei, zortzi.

262
00:12:07,750 --> 00:12:08,850
Amaitu ilara hori.

263
00:12:08,850 --> 00:12:11,410
Ba ilara beste, hiru, sei, bederatzi, 12.

264
00:12:11,410 --> 00:12:14,830
Eta gero, azken ilara batean, lau,
zortzi, 12, eta hori da, nahiz eta

265
00:12:14,830 --> 00:12:16,560
a little moztu hemen, 16.

266
00:12:16,560 --> 00:12:17,710
>> Ilara hori amaitu nuen.

267
00:12:17,710 --> 00:12:18,970
Mahai amaitu nuen.

268
00:12:18,970 --> 00:12:21,430
Eta gero nire HTML batera egin dut.

269
00:12:21,430 --> 00:12:22,590
Zer da hau itxura?

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

271
00:12:26,014 --> 00:12:27,430
Beno, ez da benetan askoz ikusi.

272
00:12:27,430 --> 00:12:31,690
Argi eta garbi nire informazio ditudan antolatu
modu zertxobait gehiago antolatu batean.

273
00:12:31,690 --> 00:12:33,755
Baina ez da super polita da hemen.

274
00:12:33,755 --> 00:12:36,130
Eta ari gara aurre joan
denean CSS buruz hitz egiten dugu hori.

275
00:12:36,130 --> 00:12:38,930
Ideia hau berriro egingo dugu
mahaian bat egiteko zer egiten dugun

276
00:12:38,930 --> 00:12:41,260
agian formatua da pixka bat hobeto?

277
00:12:41,260 --> 00:12:45,070
Baina oraindik lau ilaratan daukat,
eta horietako bakoitzak lau zutabe ditu,

278
00:12:45,070 --> 00:12:48,890
eta benetan zer honetako zenbatekoak bat da
oso erraza lau bider lau multiplication

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

280
00:12:49,870 --> 00:12:51,690
>> Etiketa gehiago gutxiren buruan buruz hitz egingo dugu.

281
00:12:51,690 --> 00:12:54,617
Hitz egin dezagun
HTML formulario bat kontzeptua.

282
00:12:54,617 --> 00:12:57,450
Beraz, ikusi ahal izango duzu hau ere
Web orri bat sartuz testuinguruan.

283
00:12:57,450 --> 00:12:59,100
Normalean, zure erabiltzaile-izena idatzi ahal izango duzu.

284
00:12:59,100 --> 00:13:01,510
Pasahitza nago,
eta onak joan.

285
00:13:01,510 --> 00:13:04,170
Formulario bat hasieran izango litzateke.

286
00:13:04,170 --> 00:13:05,420
>> Baino gehiago saltatzen bigarren bat DIV.

287
00:13:05,420 --> 00:13:07,987
Horrez gain, bat Sarrerek bertan
motatako egokitzeko formen barruan.

288
00:13:07,987 --> 00:13:10,320
Elementu horiek direla
zuk benetan sartu idazten ari,

289
00:13:10,320 --> 00:13:12,580
edo irrati-botoiak Oraindik
taka edo txekea

290
00:13:12,580 --> 00:13:14,310
kutxak off markatuta zaren.

291
00:13:14,310 --> 00:13:15,770
Beraz, hauek formen barruan joan.

292
00:13:15,770 --> 00:13:18,500
Eta, batez ere osatzen dute
Inprimakia ilara bakoitzean

293
00:13:18,500 --> 00:13:19,887
Zure inprimakia ondo formateatuz gero.

294
00:13:19,887 --> 00:13:22,220
Orduan ez kontzeptu hori da
div bat, eta horrek ez du benetan

295
00:13:22,220 --> 00:13:25,060
sartzen kategoria jakin edozein
Direnak dut atsegin tagak

296
00:13:25,060 --> 00:13:26,170
aldez aurretik egiten.

297
00:13:26,170 --> 00:13:29,790
Besterik Ordena demarcates ezazu
division-- arbitrarioa batzuk hasita

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

299
00:13:31,670 --> 00:13:33,210
Ez dago bisuala break da.

300
00:13:33,210 --> 00:13:34,800
Lerro ez.

301
00:13:34,800 --> 00:13:37,180
Ez da ezarri off gisa
Aparteko zatia automatikoki.

302
00:13:37,180 --> 00:13:39,430
Estilo zinela
Bide hori egin.

303
00:13:39,430 --> 00:13:42,110
>> It besterik Ordena dio bat nahi dut
Espazio nire web orrian pieza,

304
00:13:42,110 --> 00:13:45,190
eta besterik ez naiz deitzera joan
da nire orriaren zatiketa hau.

305
00:13:45,190 --> 00:13:47,619
Barruan gauzak jarri ahal izango dugu
DIV, eta hain zuzen ere,

306
00:13:47,619 --> 00:13:49,410
denean baino gehiago buru dugu
Bigarren batean IDE, dizkizugu

307
00:13:49,410 --> 00:13:53,760
ikusten naiz jarriz nire
div baten barruan kokatzen dira.

308
00:13:53,760 --> 00:13:57,050
>> Beraz, hemen daukat nire IDE batean
fitxategia div formulario dot HTML deitzen.

309
00:13:57,050 --> 00:13:59,260
Dezagun ireki.

310
00:13:59,260 --> 00:14:01,460
Ohartu, esan bezala,
div arbitrarioa mota da.

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

312
00:14:01,640 --> 00:14:02,973
Ez du benetan esan nahi ezer.

313
00:14:02,973 --> 00:14:05,140
Beraz arbitrarioak bat dut
Orri nire lehen mailan.

314
00:14:05,140 --> 00:14:07,848
Eta gero ordez beste div
geroago, on line zortzi hasita,

315
00:14:07,848 --> 00:14:08,730
Sasoi honetan daukat.

316
00:14:08,730 --> 00:14:13,594
Eta formularioa barruan bat dut
Sarrerek kopurua, inprimakia arloetan.

317
00:14:13,594 --> 00:14:16,510
Beraz, eremu horren izena da daukat A--
eta horrek ez du benetan esan nahi ezer

318
00:14:16,510 --> 00:14:19,350
oraintxe itxuraz
testua, beste bat hartzen duela

319
00:14:19,350 --> 00:14:22,630
Hori Radio bat da pasahitz bat, beste bat hartzen du
botoia, bestea, kontrol-lauki bat da,

320
00:14:22,630 --> 00:14:24,797
eta beste hori Bidali botoi bat.

321
00:14:24,797 --> 00:14:26,630
Beno, zer egiten duen honetan
guztiak benetan itxura?

322
00:14:26,630 --> 00:14:27,629
Beno, utzi ditzagun.

323
00:14:27,629 --> 00:14:31,010
Beraz, ireki egingo dugu gure Aurreikuspen leiho batean.

324
00:14:31,010 --> 00:14:33,557
Iragarki hau arbitrarioa dela
Lehenengo division-- ez dago

325
00:14:33,557 --> 00:14:34,640
no bisuala bereizketa hemen.

326
00:14:34,640 --> 00:14:37,150
Ez da benetan ezer egin, ezta?

327
00:14:37,150 --> 00:14:38,220
>> Eta gero, ez daukat nire forma.

328
00:14:38,220 --> 00:14:39,890
Eta ez nuen inolako egitura berezirik egiten.

329
00:14:39,890 --> 00:14:42,680
Beraz, forma bat besterik ez
Informazio-ilara handiak.

330
00:14:42,680 --> 00:14:46,424
I formateatua izan bada nire forma ezberdina izan,
Baliteke lerro lerro lerro daukat.

331
00:14:46,424 --> 00:14:47,590
Baina ez nuen inolako Sorozabal egin.

332
00:14:47,590 --> 00:14:49,256
Berriz ere, ez gabiltza CSS buruz hitz egiten hemen.

333
00:14:49,256 --> 00:14:51,030
Ari gara HTML buruz hitz egiten.

334
00:14:51,030 --> 00:14:53,980
>> Beno nire testua forman I type-- dezake
Gogoratzen mota testuaren inprimakiak

335
00:14:53,980 --> 00:14:55,480
beraz, nire izena jarri ahal izango dut.

336
00:14:55,480 --> 00:14:57,330
Eta nire pasahitza dut
Nire pasahitza idatz dezakezu.

337
00:14:57,330 --> 00:14:59,740
Eta eremu hori delako
mota pasahitza da,

338
00:14:59,740 --> 00:15:01,470
ez dakizu zer gertatuko da pasahitza da.

339
00:15:01,470 --> 00:15:02,800
Dots guztiak da.

340
00:15:02,800 --> 00:15:09,140
>> I off markatzea bat ere aukera dezakezu
Irrati-botoi edo markatu off-laukia.

341
00:15:09,140 --> 00:15:10,420
Edo nire inprimakia aurkeztu ahal izan dut.

342
00:15:10,420 --> 00:15:11,810
Eta ez nuen ezer egin,
beraz, nire inprimakia aurkeztu nuen,

343
00:15:11,810 --> 00:15:13,090
orrialde besterik freskatzen.

344
00:15:13,090 --> 00:15:16,970
Baina agian konfiguratzeko dut nire
Bidali botoia zerbait egin behar dela.

345
00:15:16,970 --> 00:15:20,410
Eta ikusiko dugu zer egin dezakegu
PHP etorkizuneko bideo batean.

346
00:15:20,410 --> 00:15:22,520
Baina hau oso bat eraikitzen
inprimaki erraz garela

347
00:15:22,520 --> 00:15:27,360
erabiltzaile elkarreragin dute erabili eta
Informazio aurkeztu gure webgunean.

348
00:15:27,360 --> 00:15:29,620
>> Azken iruzkin bat dugu aurretik
mugitu beste etiketa batzuk

349
00:15:29,620 --> 00:15:32,040
dira begirada bat hartu
input etiketa denbora gehiago.

350
00:15:32,040 --> 00:15:35,760
Hori nabarmendu dut Oharra
Gorriz etiketa muturrak.

351
00:15:35,760 --> 00:15:39,390
Beste etiketa guztietan, orain arte ikusi dugu ditu
hasiera eta amaiera, inaugurazio bat izan

352
00:15:39,390 --> 00:15:41,030
Etiketa eta ixteko etiketa bat.

353
00:15:41,030 --> 00:15:42,520
>> Baina sarrera tag bat, ez.

354
00:15:42,520 --> 00:15:46,860
Ez dago doana testua
sarrera tags artean.

355
00:15:46,860 --> 00:15:49,160
Informazio guztia
transmititzea asmorik ari gara

356
00:15:49,160 --> 00:15:52,640
loturik doala baitan
Sarrera hori of egozten.

357
00:15:52,640 --> 00:15:54,690
Iragarki sarrerako izen berdinen x ditugu.

358
00:15:54,690 --> 00:15:55,580
Mota y berdin.

359
00:15:55,580 --> 00:15:57,660
Hori da benetan egin
informazioa behar dugu.

360
00:15:57,660 --> 00:15:59,470
>> Hau da auto etiketa itxi bat deitzen.

361
00:15:59,470 --> 00:16:02,470
Ez du irekitzeko eta eskatzen
itxi informazio guztia delako

362
00:16:02,470 --> 00:16:04,974
dago barruan dago
Etiketa eta haien ezaugarri.

363
00:16:04,974 --> 00:16:06,390
Beraz, batzuetan, hau ikusiko duzu, too.

364
00:16:06,390 --> 00:16:10,400
Beraz, kontuan izan balira bat duzu
Etiketa dela erabat auto-jasotako,

365
00:16:10,400 --> 00:16:14,170
irekiko da, eta ixten bere buruarekin
irekita angelu ezkerreko parentesia

366
00:16:14,170 --> 00:16:17,000
eta slash angelu
parentesi eskuin hegaletik.

367
00:16:17,000 --> 00:16:20,580
Ikusiko dugu beste horietakoa
eskuineko irudia Etiketadun orain bai.

368
00:16:20,580 --> 00:16:23,300
>> Irudi buruz hitz egiten dugu aurretik, dugu
hiperestekak buruz hitz egin behar.

369
00:16:23,300 --> 00:16:26,080
Nahi badugu gure web orria izan
interaktibo eta mugitu gure inguruan,

370
00:16:26,080 --> 00:16:28,121
litzateke polita izango duela
den horietakoa gainean klik egin

371
00:16:28,121 --> 00:16:30,190
zer du normalean lotura urdin bat izan da.

372
00:16:30,190 --> 00:16:34,440
Hau da, benetan nola eraiki
gure web orria hiperesteka.

373
00:16:34,440 --> 00:16:36,540
Eta interesgarriagoa da nahikoa
Han beste HTML etiketa da

374
00:16:36,540 --> 00:16:39,000
lotura izenekoa, eta hori ez da Hiperesteka batean.

375
00:16:39,000 --> 00:16:44,130
A hemen aingura dago, eta
hori hiperesteka nola adieraziko dugu.

376
00:16:44,130 --> 00:16:49,150
>> Href A berdinen x baliabide joan
Web orria X. Eta guztia

377
00:16:49,150 --> 00:16:51,580
open etiketa bat arteko
eta itxi etiketa

378
00:16:51,580 --> 00:16:56,010
hau da, zer da hori izango dela azpimarratuta
duten lotura baten itxura urdinez

379
00:16:56,010 --> 00:16:57,590
ezagutzen ari garela.

380
00:16:57,590 --> 00:17:01,660
Horren azpian Image etiketa bat izan genuen bertan
auto bat ixteko etiketa bistaratzeko

381
00:17:01,660 --> 00:17:05,599
Irudi bat X. dago, eta
dira aldatu izan zaitezke

382
00:17:05,599 --> 00:17:08,280
zehaztuz irudi hori
zabalera eta altuera

383
00:17:08,280 --> 00:17:11,640
eta beste edozein eginkizun
dot dot duten dot han.

384
00:17:11,640 --> 00:17:14,260
>> Oso behean hemen
oso interesgarria daukagu

385
00:17:14,260 --> 00:17:16,170
bila etiketa bat ez datorren
etiketa itxi dute.

386
00:17:16,170 --> 00:17:19,410
Harridura DOCTYPE HTML da.

387
00:17:19,410 --> 00:17:23,300
Beraz HTML inguruan izan zenetik
web-orriak eraikitzeko 1990eko hamarkadaren hasieran,

388
00:17:23,300 --> 00:17:25,859
eta desagertu egin da hauek jasandako
Hainbat adar orduz geroztik.

389
00:17:25,859 --> 00:17:28,550
Gehienak 2014an berriki
berrikusketa bat jasan du

390
00:17:28,550 --> 00:17:33,440
HTML5 izeneko horregatik, egun du
de facto HTML estandar moduko.

391
00:17:33,440 --> 00:17:36,730
>> To hori adierazteko gure web
orrietan daude idatziak HTML5 erabiliz,

392
00:17:36,730 --> 00:17:38,160
hau da, nola hasiko gara.

393
00:17:38,160 --> 00:17:40,380
It baztertu daiteke baina
zer dela, funtsean,

394
00:17:40,380 --> 00:17:45,930
Bitarteko da eta ezin duzu erabili etiketa edozein
Hori HTML5 etiketa, etiketa horiek berriak dira.

395
00:17:45,930 --> 00:17:48,591
Beraz, beti hasteko off dugu
HTML5 erabiltzen ari gara.

396
00:17:48,591 --> 00:17:51,340
Eta etiketa guztia hitz egin dugu buruz
Aurretik ez dira HTML5 etiketa.

397
00:17:51,340 --> 00:17:55,470
Baina hori adierazi litzateke
HTML5 etiketa egongo da.

398
00:17:55,470 --> 00:17:58,400
Eta beraz, harridura daukagu
DOCTYPE HTML,

399
00:17:58,400 --> 00:18:01,280
Oso hasieran izan da gure
HTML fitxategia, eta, ondoren, puntu horretatik aurrera

400
00:18:01,280 --> 00:18:04,930
Egia esan, gure erakutsiko irekita daukagu
etiketatu eta hortik aurrera jarraitu.

401
00:18:04,930 --> 00:18:10,050
>> Azkena, iruzkin etiketa bat da,
horrek apur bat desberdina izango da, gehiegi.

402
00:18:10,050 --> 00:18:12,810
Off hasten angelu ditu
parentesi harridura etenaren

403
00:18:12,810 --> 00:18:15,220
etenaren baina itxiera parentesia ez.

404
00:18:15,220 --> 00:18:20,150
Bi elementu horiek ez Artean
da, non zure iruzkinak idatzi duzula.

405
00:18:20,150 --> 00:18:28,420
Eta dezagun irudiak begirada bat
eta azalpenak CS50 IDE loturak.

406
00:18:28,420 --> 00:18:32,850
>> Beraz daukat hemen izeneko fitxategi irudi lotura bat
dot HTML horretatik dut ireki da.

407
00:18:32,850 --> 00:18:36,420
Eta konturatu Dut pare bat
iruzkinak hemen nire HTML iruzkinak.

408
00:18:36,420 --> 00:18:38,990
Beraz, besterik gabe, C eta beste batzuetan bezala
programazio hizkuntzak,

409
00:18:38,990 --> 00:18:43,169
HTML besterik markaketa lengoaia bat izatea
duela iruzkinak egin behar dute gaitasuna.

410
00:18:43,169 --> 00:18:45,710
Eta beraz, ez dut itxuraz joan
place Rick Astley argazki bat

411
00:18:45,710 --> 00:18:49,060
div honen artean nonbait
Etiketa, zatiketa arbitrarioaren honetan.

412
00:18:49,060 --> 00:18:51,497
Antza denez, fitxategi hori da,
Rick dot JPEG, kokatuta dago eta horrek

413
00:18:51,497 --> 00:18:53,580
atzera buru baino gehiago badugu
Nire bigarren bat fitxategia zuhaitza,

414
00:18:53,580 --> 00:18:55,490
existitzen den fitxategi bat da
uneko direktorioa.

415
00:18:55,490 --> 00:18:56,031
Beraz, hori OK.

416
00:18:56,031 --> 00:18:57,710
Dut erreferentzia ditzakegu.

417
00:18:57,710 --> 00:18:59,680
>> Ondoren, barne-loturak izan ahal dut.

418
00:18:59,680 --> 00:19:05,080
Beraz, on line 11 nabarituko hemen
Nire href kaixo dot HTML da.

419
00:19:05,080 --> 00:19:09,050
Beraz, hori besterik ez kaixo dot HTML aipatzen
oraingo direktorioa existitzen.

420
00:19:09,050 --> 00:19:12,980
Eta nik ere kanpoko izan daiteke
besterik zehaztuz HTTPS bidez loturak

421
00:19:12,980 --> 00:19:16,180
naiz, baina ez dut hitz egiten adierazteko
nire uneko direktorioan fitxategi bat buruz.

422
00:19:16,180 --> 00:19:19,730
Existitzen den fitxategi bat buruz ari naiz
interneten nonbait, eta horrek ere badut on

423
00:19:19,730 --> 00:19:23,370
HTTP protokoloa darabilten eskatzeko.

424
00:19:23,370 --> 00:19:25,990
>> Beraz, dezagun begirada bat zer
Orri hau agian itxura

425
00:19:25,990 --> 00:19:29,500
eta Rick argazki bat egiteko prest
Astley agertuko den pantailan.

426
00:19:29,500 --> 00:19:31,490
Beraz, hau aurreikusteko dut.

427
00:19:31,490 --> 00:19:33,800
Ez da, Rick Astley at
arbitrarioa honetan oso gora

428
00:19:33,800 --> 00:19:35,008
zatiketa jarri dut goian.

429
00:19:35,008 --> 00:19:36,960
Eta I azpitik gero behera
Nire loturak izan da, ezta?

430
00:19:36,960 --> 00:19:39,330
>> Kaixo dot HTML lotura bat daukat.

431
00:19:39,330 --> 00:19:42,860
Eta hori egin klik badut, lortuko
mugitu orrialde hau

432
00:19:42,860 --> 00:19:47,050
Oso bertatik ezagutzen ari garela
Oso gure programaren hasieran.

433
00:19:47,050 --> 00:19:50,880
Orri hori irekita pop dut berriro bada, badut
pop irudi lotura irekitzeko denbora gehiago,

434
00:19:50,880 --> 00:19:54,420
I ere joan daiteke kanpotik
CS50 webgunean.

435
00:19:54,420 --> 00:19:56,740
Eta ez dugu see-- dut
Urruntzeko pixka bat hemen

436
00:19:56,740 --> 00:20:00,260
Ikusiko dugu CS50 webgunean moduko
Gure orriaren erdian murgildurik.

437
00:20:00,260 --> 00:20:04,670
Beraz, barne egiteko gai izan nintzen
lotzen baita kanpoko esteka bat bezala.

438
00:20:04,670 --> 00:20:07,200
>> HTML azken arau hori
hemen mintzagai goaz

439
00:20:07,200 --> 00:20:09,510
da zure HTML ondo eratu behar dela.

440
00:20:09,510 --> 00:20:13,020
C buruz asko hitz egin dugu
Gauzak sintaxia ezberdinak.

441
00:20:13,020 --> 00:20:17,650
HTML sintaxia benetan
tags inguruan.

442
00:20:17,650 --> 00:20:19,660
Ireki duzun etiketa guztietan itxita egon behar da.

443
00:20:19,660 --> 00:20:22,630
Eta hain zuzen ere, etiketa guztietan irekitzen duzunean
alderantzizko ordenan egon behar itxita.

444
00:20:22,630 --> 00:20:25,790
>> Beraz etiketa lodia bat irekitzen baduzu, etzanda bat
Etiketa, eta, ondoren, azpimarra etiketa duela

445
00:20:25,790 --> 00:20:28,120
hirurak bat egin
testu multzo bereziki,

446
00:20:28,120 --> 00:20:30,070
horiek itxi behar duzu alderantzizko ordenan.

447
00:20:30,070 --> 00:20:32,270
Beraz lodia ireki bada,
italic, azpimarratu, zuk

448
00:20:32,270 --> 00:20:35,240
azpimarra, etzanda ixteko, lodia nahi.

449
00:20:35,240 --> 00:20:39,990
Kapsulatzea moduko hau zer da
mantentzen HTML polita eta antolatu.

450
00:20:39,990 --> 00:20:44,370
>> C ez bezala, ordea, akats sintaktikoak ez ditu
benetan elbarri zure HTML seguru.

451
00:20:44,370 --> 00:20:48,730
Zure HTML ez baita izan daiteke
osatutako baina ez litzateke oraindik lan.

452
00:20:48,730 --> 00:20:50,589
Eta, beraz, akats horiek
arabera diapositiba ordena ditzakezu.

453
00:20:50,589 --> 00:20:52,130
Zeuk aukeratu da benetan, adi egon.

454
00:20:52,130 --> 00:20:54,760
Batzuetan huts egingo dute, baina
batzuetan ihes dezakezu berarekin.

455
00:20:54,760 --> 00:20:56,509
>> Benetan izan daiteke
lan zaila da, nahiz eta,

456
00:20:56,509 --> 00:21:00,660
noiz ireki duzu segimendua egiteko
Etiketa bat izango da, baldin itxita duzu,

457
00:21:00,660 --> 00:21:04,110
batez ere, zure HTML gisa
fitxategiak handiagoa eta handiagoa.

458
00:21:04,110 --> 00:21:05,490
Nahi duzu laguntza batzuk.

459
00:21:05,490 --> 00:21:07,560
Eta ez dira online
validator tresnak duzula

460
00:21:07,560 --> 00:21:11,474
Zure web begirada bat izan behar erabili ahal
Orri eta ikusi ondo egin osatutako HTML bada.

461
00:21:11,474 --> 00:21:13,390
Eta betiko behar duzu
horiek begirada bat hartu

462
00:21:13,390 --> 00:21:16,620
eta hasteko duzun bezala erabili
Lan batzuk egiten ari HTML Hasteko,

463
00:21:16,620 --> 00:21:20,800
idazten HTML, beraz, lortuko duzu
antolatzeko moduari buruzko ohitura onak batzuk

464
00:21:20,800 --> 00:21:24,377
Zure HTML modu ona da eta
style ona eta ziur

465
00:21:24,377 --> 00:21:27,210
ez zaudela ezer egiten duten
syntax error sor zezakeen

466
00:21:27,210 --> 00:21:30,270
duzu pixka bat eragingo luke
errepidean behera arazo bat.

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

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

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