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

2
00:00:06,100 --> 00:00:08,790
>> DOUG Lloyd: Vietimme
about-- jos matematiikka on oikea,

3
00:00:08,790 --> 00:00:11,900
ja mielestäni etsivät back-- mielestäni
vietimme noin 35 videoita puhuminen

4
00:00:11,900 --> 00:00:15,139
noin eri osa C, ehkä
hieman enemmän, ehkä hieman vähemmän.

5
00:00:15,139 --> 00:00:16,930
Ja emme kata
kaikki C, mutta me

6
00:00:16,930 --> 00:00:21,170
katettu iso kimpale
kieli, valtaosa siitä,

7
00:00:21,170 --> 00:00:22,882
varmasti yhteisiä käyttötarkoituksia.

8
00:00:22,882 --> 00:00:25,090
Nyt aiomme puhua
noin toinen kieli, HTML.

9
00:00:25,090 --> 00:00:28,180
Ja aiomme kattaa
se vain yhden videon.

10
00:00:28,180 --> 00:00:29,340
>> Mutta se tulee olemaan OK.

11
00:00:29,340 --> 00:00:31,410
Että menee todella tullut
jotain aiot tottua.

12
00:00:31,410 --> 00:00:33,535
Nyt sinulla on
perusteet yhdellä kielellä,

13
00:00:33,535 --> 00:00:35,776
se on oikeastaan ​​aika helppo
aloittaa oppimisen muille.

14
00:00:35,776 --> 00:00:37,650
Joten aiomme aloittaa
vaiheeseen vähän takaisin

15
00:00:37,650 --> 00:00:43,340
ja kaunistella perus
eroja kielillä

16
00:00:43,340 --> 00:00:45,750
ja tavallaan jätä sinua siihen.

17
00:00:45,750 --> 00:00:48,530
On paljon todella suuri
resursseja Internetissä, joka

18
00:00:48,530 --> 00:00:51,279
aiomme aloittaa ohjaa sinut
kohti, koska Internet on

19
00:00:51,279 --> 00:00:53,340
valtava varasto tietoa.

20
00:00:53,340 --> 00:00:55,960
Ja niin se ei ole kuin te ll
olla häviämässä välttämättä

21
00:00:55,960 --> 00:00:58,349
ei tarvinnut tiedot
katettu video.

22
00:00:58,349 --> 00:01:00,640
Voit silti saada
kaikki mitä tarvitset ja käyttö

23
00:01:00,640 --> 00:01:03,590
tieto olet jo
rakentaneet ymmärtämällä C

24
00:01:03,590 --> 00:01:07,130
tehdä oppimiskäyrä näiden
Muilla kielillä todella paljon tasaisempi.

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

26
00:01:08,640 --> 00:01:12,770
>> Mutta puhutaanpa yksi kieli
se on todella olennaista jokaisen web

27
00:01:12,770 --> 00:01:14,830
sivu, joka on HTML.

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

29
00:01:18,230 --> 00:01:22,700
HTML on kieli, mutta se on
ei ohjelmointikieli.

30
00:01:22,700 --> 00:01:23,900
>> HTML ei ole muuttujia.

31
00:01:23,900 --> 00:01:26,430
Se ei ole logiikkaa tai
toimintoja tai mitään sellaista.

32
00:01:26,430 --> 00:01:30,301
Emme voi tehdä mitään
ohjelmointi sinänsä HTML.

33
00:01:30,301 --> 00:01:32,300
Joskus kuulet
ihmiset kuvailevat itseään

34
00:01:32,300 --> 00:01:35,710
HTML ohjelmoijia, joka
ei ole täysin tarkka.

35
00:01:35,710 --> 00:01:37,980
Emme voi kirjoittaa HTML-ohjelmia.

36
00:01:37,980 --> 00:01:40,770
>> HTML on vain käytetään merkitä tekstiä.

37
00:01:40,770 --> 00:01:42,690
Sitä kutsutaan markup language.

38
00:01:42,690 --> 00:01:47,680
Ja mitä tämä does-- tämä markup--
käytämme tageja HTML ja nämä tags--

39
00:01:47,680 --> 00:01:51,600
tämä markup-- semanttisesti
määrittelee rakenteen sivun

40
00:01:51,600 --> 00:01:55,280
ja aiheuttaa pelkkää tekstiä että
välillä tunnisteita tulkittava

41
00:01:55,280 --> 00:01:57,320
selaimissa eri tavoin.

42
00:01:57,320 --> 00:02:00,370
Ja ehkä on parasta selittää
tämä tavalla kuva.

43
00:02:00,370 --> 00:02:06,450
>> Tässä on hyvin yksinkertainen HTML-sivu, ei
HTML-ohjelma, jälleen, HTML-sivun.

44
00:02:06,450 --> 00:02:08,680
Ja me tiedämme, se on
HTML-sivun koska olemme

45
00:02:08,680 --> 00:02:11,480
jota rajoittaa kaiken HTML-tunnisteita.

46
00:02:11,480 --> 00:02:13,850
Joten tämä on mitä HTML-tunnisteen näyttää.

47
00:02:13,850 --> 00:02:15,870
Se on välillä kulmasulkeiden.

48
00:02:15,870 --> 00:02:18,570
Ja huomaa huipulla meillä
HTML ja alareunassa,

49
00:02:18,570 --> 00:02:21,400
kun olemme tehneet, mitä on
ilmeisesti paljon muita HTML,

50
00:02:21,400 --> 00:02:24,310
meillä on kulmasulkeen slash HTML.

51
00:02:24,310 --> 00:02:29,262
Niin että sellainen on rajan
välillä, mikä on HTML ja mikä ei.

52
00:02:29,262 --> 00:02:32,220
Ja tietenkin, tavanomaisesti, vain
kuten kirjoitit kaikki C -ohjelmien

53
00:02:32,220 --> 00:02:35,300
DOT C laajennukset,
kaikki HTML-tiedostoja

54
00:02:35,300 --> 00:02:37,909
päättyy piste HTML laajennuksia.

55
00:02:37,909 --> 00:02:39,200
Mutta siellä on enemmän tekeillä.

56
00:02:39,200 --> 00:02:40,658
Meillä ei vain ole näitä HTML tageja.

57
00:02:40,658 --> 00:02:44,010
Meillä ilmeisesti on tämä
asia kutsutaan pää tag.

58
00:02:44,010 --> 00:02:46,010
No okei, mikä tuo on?

59
00:02:46,010 --> 00:02:48,550
>> No ehkä on parasta
erottaa tavalla elin,

60
00:02:48,550 --> 00:02:50,590
elin on sisältöä www-sivulla.

61
00:02:50,590 --> 00:02:55,860
Joten ehkä pään tag määrittelee jutut
joka ei ole selainikkunassa oikea,

62
00:02:55,860 --> 00:02:59,410
mutta on jotenkin tärkeää meidän
verkkosivu on suoritettu oikein.

63
00:02:59,410 --> 00:03:02,490
Esimerkiksi sisällä
pää tag meillä on otsikko tags.

64
00:03:02,490 --> 00:03:05,500
>> Joten otsikko on Hello World,
joka on todella olemaan mitä

65
00:03:05,500 --> 00:03:08,797
näkyy välilehdellä Chromessa
tai Safarissa tai Firefox--

66
00:03:08,797 --> 00:03:11,880
mitä selain prefer-- se
mitä tulee näy otsikossa.

67
00:03:11,880 --> 00:03:14,800
Ja ennen välilehdet se osoittaisi
vuonna koko selainikkunan

68
00:03:14,800 --> 00:03:19,710
ja voit vain yksi sivu
avautuvat selainikkunaan kerrallaan.

69
00:03:19,710 --> 00:03:22,160
Niin että tulee olemaan
otsikko sivuni ylös välilehti

70
00:03:22,160 --> 00:03:24,600
tai selainikkunan baari, Hello World.

71
00:03:24,600 --> 00:03:28,611
Ja sitten sisältöä minun
verkkosivu on maailman, hei.

72
00:03:28,611 --> 00:03:31,360
Joten katsomaan mitä jotkut
asia näin voisi näyttää.

73
00:03:31,360 --> 00:03:33,210
Tämä on melko yksinkertainen HTML-sivu.

74
00:03:33,210 --> 00:03:35,970
Joten olen täällä minun CS50 IDE ja
Olen zoomataan vähän.

75
00:03:35,970 --> 00:03:38,290
Ja olen juuri menossa
avata Hei piste HTML

76
00:03:38,290 --> 00:03:42,000
ja näyttää, että tämä on melko paljon
sivun sisällön että näimme aiemmin.

77
00:03:42,000 --> 00:03:45,240
Minun yksinkertainen HTML, pää tunnisteet,
otsikko tags, body, ja niin edelleen.

78
00:03:45,240 --> 00:03:47,320
Olen sisennetään olla puhdas.

79
00:03:47,320 --> 00:03:51,530
>> Ja sitten, mitä voin tehdä minun
IDE on vain esikatsella sivu.

80
00:03:51,530 --> 00:03:52,630
Ja siellä mennään.

81
00:03:52,630 --> 00:03:56,070
Sisältö sivuni on maailman,
Hei, ja en näe mitään

82
00:03:56,070 --> 00:03:58,500
sisään pään tunnisteet siellä.

83
00:03:58,500 --> 00:03:59,980
Se on vain sisällön ruumiin.

84
00:03:59,980 --> 00:04:00,780
Maailma, hei.

85
00:04:00,780 --> 00:04:03,700
Ja taas kehon vain
sanoi, maailma, hei.

86
00:04:03,700 --> 00:04:06,160
Muut osa puuttuu.

87
00:04:06,160 --> 00:04:07,610
>> Niin, että oikeastaan ​​kaikki se on.

88
00:04:07,610 --> 00:04:11,370
Tämä on hyvin yksinkertainen HTML sivu.

89
00:04:11,370 --> 00:04:14,280
Nyt olen sisennetään minun HTML
todella mukavaa ja järjestäytyneen,

90
00:04:14,280 --> 00:04:15,840
mutta en oikeastaan ​​tarvitse.

91
00:04:15,840 --> 00:04:17,959
Voisin tehdä sen näyttää aika ruma.

92
00:04:17,959 --> 00:04:19,467
Ja tämä olisi vielä työtä.

93
00:04:19,467 --> 00:04:21,050
Tämä olisi täsmälleen sama sivun.

94
00:04:21,050 --> 00:04:23,100
Olen juuri päässyt eroon
kaikki valkoinen tila.

95
00:04:23,100 --> 00:04:24,820
>> Kuten on käynyt ilmi, valkoinen tila on tietoja.

96
00:04:24,820 --> 00:04:28,540
Ja niin kun me lähetetään tietoja
lähettäjältä vastaanottajalle, palvelimesta

97
00:04:28,540 --> 00:04:30,670
asiakkaan, tiedot maksaa.

98
00:04:30,670 --> 00:04:34,460
Ja niin päästä eroon välilyönnillä
on todella hyvä idea

99
00:04:34,460 --> 00:04:37,320
jos olet joku, joka palvelee
ylös paljon web-sisältöä.

100
00:04:37,320 --> 00:04:39,820
Se on huono idea, jos olet
joku, joka on oppimisen tätä kamaa

101
00:04:39,820 --> 00:04:41,528
ja haluat olla
se hienosti järjestetty.

102
00:04:41,528 --> 00:04:43,810
Tämä on paljon helpompaa jäsentää kuin tämä.

103
00:04:43,810 --> 00:04:45,540
Mutta se on toiminnallisesti identtisiä.

104
00:04:45,540 --> 00:04:48,720
>> Sisennys ja tavaraa niin
ei varsinaisesti väliä HTML.

105
00:04:48,720 --> 00:04:53,634
Tärkeää on avaaminen tunnisteet ja
päätösmerkkauksia oikeassa järjestyksessä.

106
00:04:53,634 --> 00:04:55,050
Huomaa, mitä täällä tapahtui, vaikka.

107
00:04:55,050 --> 00:04:58,450
Markup antaa meille tapa
kommunikoida Lisätiedot

108
00:04:58,450 --> 00:04:59,940
mitä olemme kirjoitettu.

109
00:04:59,940 --> 00:05:03,130
Hei, Maailma osa oli
tulkita otsikko.

110
00:05:03,130 --> 00:05:06,410
Ja maailma, hei osa oli
tulkita sisällön

111
00:05:06,410 --> 00:05:09,090
tai mitä pitäisi
näkyvä minun verkkosivu.

112
00:05:09,090 --> 00:05:12,167
>> Maassa on yli 100 näiden eri
tunnisteet ja paljon suuria resursseja

113
00:05:12,167 --> 00:05:13,000
online löytää niitä.

114
00:05:13,000 --> 00:05:14,900
Aiomme puhua
harvat heistä tämän videon, jotkut

115
00:05:14,900 --> 00:05:16,440
on todella perustavanlaatuinen kamaa.

116
00:05:16,440 --> 00:05:18,440
Mutta emme aio puhua
siitä kaikki koska se

117
00:05:18,440 --> 00:05:20,250
olisi tyhjentävä tehdä niin.

118
00:05:20,250 --> 00:05:22,880
>> Toinen asia mitä voi tehdä, vaikka,
on avata kehitystyökalut.

119
00:05:22,880 --> 00:05:26,069
Ja jos muistatte
Meidän video HTTP,

120
00:05:26,069 --> 00:05:27,860
Selitin miten avata
up kehitystyökalut.

121
00:05:27,860 --> 00:05:32,020
Chrome on yleensä F12
avata kehittäjä työkalupalkin.

122
00:05:32,020 --> 00:05:35,909
Niin sen sijaan valita Network
välilehti, voit valita elementit välilehti.

123
00:05:35,909 --> 00:05:37,700
Ja jos lataat web
sivu, sinun todella

124
00:05:37,700 --> 00:05:40,280
katso HTML, joka luo kyseisen sivun.

125
00:05:40,280 --> 00:05:44,090
Ja niin voit oppia paljon HTML
katsomalla lempisivustoiltasi

126
00:05:44,090 --> 00:05:48,474
ja nähdä miten ne rakentaa
eri palasten heille, että haluat.

127
00:05:48,474 --> 00:05:50,890
Joten ehkä on tämä jäähtyä
kuvio tai jotain.

128
00:05:50,890 --> 00:05:52,140
Miten he tekevät sen HTML?

129
00:05:52,140 --> 00:05:55,630
No voit vain avatkaa kehittäjä
Työkalut ja hääriä yli että elementti

130
00:05:55,630 --> 00:05:57,700
ja katsoa, ​​mitä HTML tekee.

131
00:05:57,700 --> 00:05:59,450
Niin, että todella
hyvä tapa oppia HTML,

132
00:05:59,450 --> 00:06:02,330
ja suosittelen lämpimästi, että
teet sen molemmat opetella HTML

133
00:06:02,330 --> 00:06:04,930
ja myös oppia hieman
vähän siitä joitakin vaihtoehtoja

134
00:06:04,930 --> 00:06:07,050
käytössäsi
kehitystyökaluja, jotka

135
00:06:07,050 --> 00:06:10,200
varmasti tulee kätevä kuin
voit alkaa tehdä enemmän intensiivinen web

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

137
00:06:11,090 --> 00:06:14,080
>> Joten katsomaan
pari yhteisiä HTML-tunnisteita.

138
00:06:14,080 --> 00:06:17,210
Ja me hypätä ja katsomaan
mitä nämä tunnisteet myös tehdä

139
00:06:17,210 --> 00:06:20,490
kuten tarkastelemalla joitakin tiedostoja minun IDE.

140
00:06:20,490 --> 00:06:26,330
Joten tässä on kolme hyvin perus tunnisteet
säätämistä ulkoasun tekstin.

141
00:06:26,330 --> 00:06:29,050
On B tunnisteet, minä tunnisteet, ja U tunnisteet.

142
00:06:29,050 --> 00:06:33,170
Ja vastaavasti mitä he tekevät on
tehdä tekstin välillä lihavoitu,

143
00:06:33,170 --> 00:06:35,430
kursiivilla, ja alleviivaus.

144
00:06:35,430 --> 00:06:40,430
Katsotaanpa, mitä se näyttää
vastaavaa todellisen Web-sivun minun IDE.

145
00:06:40,430 --> 00:06:43,390
>> Joten tässä minun IDE Minulla
tiedosto nimeltä BIU piste HTML.

146
00:06:43,390 --> 00:06:46,770
BIU piste HTML vain on
rohkea, kursivoitu, korostaa.

147
00:06:46,770 --> 00:06:47,830
Avaan sen.

148
00:06:47,830 --> 00:06:51,810
>> Ja näemme, että tässä minä
on tämä teksti on B tageja rohkea.

149
00:06:51,810 --> 00:06:54,010
Tämä teksti on minä tunnisteita kursiivilla.

150
00:06:54,010 --> 00:06:56,307
Ja tämä teksti on U tageja alleviivattu.

151
00:06:56,307 --> 00:06:57,640
Mitä tämä tulee näyttämään?

152
00:06:57,640 --> 00:06:59,473
No jälleen, minulla on
tehdä, on mennä tänne

153
00:06:59,473 --> 00:07:04,690
selaimeeni, minun tiedostoselain, napsauttamalla
Esikatselu, ja tämä on mitä tulee esiin.

154
00:07:04,690 --> 00:07:07,520
>> Teksti välillä B
Tunnisteet on todellakin nyt rohkeita.

155
00:07:07,520 --> 00:07:10,720
Teksti välillä I
Tunnisteet on todellakin nyt kursiivilla.

156
00:07:10,720 --> 00:07:14,634
Ja tekstin välillä U
Tunnisteet on todellakin nyt alleviivattu.

157
00:07:14,634 --> 00:07:15,550
Niin se on aika hyvä.

158
00:07:15,550 --> 00:07:18,450
Nyt tiedämme, miten tehdä tekstin
näyttää hieman enemmän fancy

159
00:07:18,450 --> 00:07:20,360
tai piirtää huomiota tiettyihin asioihin.

160
00:07:20,360 --> 00:07:25,530
Toinen pari yhteisten tunnisteiden täällä
kohta tunnisteet, P, ja header tags,

161
00:07:25,530 --> 00:07:27,980
jonka olen suoritettu täällä HX.

162
00:07:27,980 --> 00:07:32,520
>> Nämä P tunnisteet, nämä kohta tunnisteet,
rikkoa tekstin ylös kohdat.

163
00:07:32,520 --> 00:07:34,646
Se ei riitä, että vain
Enter ja jättää tilat,

164
00:07:34,646 --> 00:07:37,186
koska tietokone on vain menossa
tehdä mitä kerrot sen tehdä

165
00:07:37,186 --> 00:07:39,450
ja se ohittaa valkoinen
tilaa suurimmaksi osaksi.

166
00:07:39,450 --> 00:07:41,636
Joten emme voi painaa Enter
ja odottaa meidän tietokone

167
00:07:41,636 --> 00:07:43,760
tulkita, että haluamme
aloittaa uuden kappaleen.

168
00:07:43,760 --> 00:07:47,670
Meidän on hyvin selkeästi sanoa
on yksi paragraph-- tämä on another--

169
00:07:47,670 --> 00:07:50,740
sulkemalla kukin joukko P tunnisteita.

170
00:07:50,740 --> 00:07:54,560
>> Ja meillä on myös näistä vaihtoehdoista
H tunnisteita, nämä header tageja.

171
00:07:54,560 --> 00:07:57,000
Meillä on kuusi eri tasoilla
otsikot, yksi, kaksi, kolme,

172
00:07:57,000 --> 00:08:01,110
neljä, viisi ja kuusi, jotka ovat
asteittain yhä suurempia

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

174
00:08:01,710 --> 00:08:04,360
Ja he saavat pienempiä ja
pienempiä ja pienempiä.

175
00:08:04,360 --> 00:08:07,690
Meillä on huipputason otsikon, toinen
tason otsikko, ja niin edelleen, ja niin edelleen.

176
00:08:07,690 --> 00:08:10,480
>> Katsotaanpa katsomaan ehkä jotkut
P tunnisteet ja joitakin header tageja

177
00:08:10,480 --> 00:08:13,110
toiminnassa web-sivulla.

178
00:08:13,110 --> 00:08:18,180
Joten tässä minun IDE Olen tiedosto nimeltä
PH piste HTML, PH on kohdassa

179
00:08:18,180 --> 00:08:18,970
ja header tageja.

180
00:08:18,970 --> 00:08:20,709
Avaa se ylös.

181
00:08:20,709 --> 00:08:23,000
Siellä on paljon täällä
koska olen laittaa lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, jotkut vain satunnaisia ​​tekstiä täällä.

183
00:08:24,660 --> 00:08:27,284
Niin minä loitontaa hieman
koska siellä on niin paljon meneillään.

184
00:08:27,284 --> 00:08:31,980
Mutta huomaa, että minulla on aivan
Alkuun täällä Minulla on H1, taso yksi,

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

186
00:08:32,802 --> 00:08:36,010
Sitten minulla on kohta, joka on vain
nippu satunnainen text-- lorem ipsum--

187
00:08:36,010 --> 00:08:38,720
vain oletuksena standardi täyttämistä tekstissä.

188
00:08:38,720 --> 00:08:41,970
Joten minulla on kaksi kohtaa sisällä että
Tason yksi otsikko ja sitten alas alla I

189
00:08:41,970 --> 00:08:46,850
on tason kaksi otsikon täällä line 24,
toisen tason otsikko, ja toiset kaksi

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

191
00:08:47,840 --> 00:08:51,910
No mitä tämä näyttää
jos näen sen minun esikatsella?

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

193
00:08:53,790 --> 00:08:55,730
>> Niin huomaa, että
ensimmäisen tason otsikko täällä

194
00:08:55,730 --> 00:08:58,420
on oikeastaan ​​aika vähän isompi
kuin toisen tason otsikko.

195
00:08:58,420 --> 00:08:59,940
Joten käytimme H1 tunnisteita.

196
00:08:59,940 --> 00:09:03,820
Ja huomaa, että P tunnisteet antavat meille
rikkoa asioita kappaleiksi.

197
00:09:03,820 --> 00:09:07,500
Jos olisimme päässyt eroon näistä P tunnisteet
ja oikeastaan ​​vain laittaa Siirtyy tai Palautukset

198
00:09:07,500 --> 00:09:10,110
välillä mitä toivoimme
olla eri kohdissa,

199
00:09:10,110 --> 00:09:13,193
he kaikki vain paiskata yhdessä ja
se ei ole tätä mukavaa kohta

200
00:09:13,193 --> 00:09:15,840
erottaminen tilaa ylä- ja alapuolella.

201
00:09:15,840 --> 00:09:18,300
Ja niin sitähän kohta
tunnisteet ja header tags

202
00:09:18,300 --> 00:09:22,440
käytetään yleisesti tehdä piirtää
huomiota osia kotisivultamme

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

204
00:09:23,550 --> 00:09:27,560
>> Seuraavaksi joitakin tunnisteita, jotka käytämme
rakentaa luetteloita nettisivuillamme.

205
00:09:27,560 --> 00:09:30,820
Joten meillä on järjestämättömiä
lists-- ULs-- jotka ovat vain

206
00:09:30,820 --> 00:09:34,090
luettelomerkkiluettelot tilasi
lista, jotka ovat numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- ja sisältä joko
yksi niistä meidän on

208
00:09:37,680 --> 00:09:40,600
sarjaa miten ilmoittamaan luettelokohteita, LI.

209
00:09:40,600 --> 00:09:44,370
Ja niin meillä on avoin UL tag
ja laitamme kohteita sisälle.

210
00:09:44,370 --> 00:09:46,920
Ja sitten kun olemme tehneet
että voimme sulkea UL tag.

211
00:09:46,920 --> 00:09:49,850
>> Ja samalla voimme olla
tilata tai numeroidun luettelon

212
00:09:49,850 --> 00:09:51,560
ja laittaa lista kohteita sisällä siitä.

213
00:09:51,560 --> 00:09:53,350
Joten katsomaan
klo pari luetteloita

214
00:09:53,350 --> 00:09:57,230
ja mitä ne olisivat
tehdä kuin CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Joten minulla on täällä minun IDE
tiedosto nimeltä luettelot piste HTML.

216
00:10:00,640 --> 00:10:03,100
Katsotaanpa katsomaan.

217
00:10:03,100 --> 00:10:08,482
>> Ja ilmoitus täällä minulla järjestämättömiä
luetella viisi asioita se.

218
00:10:08,482 --> 00:10:11,440
Ja sitten on järjestetty lista, ja
Olen muuttanut tunnistetta hieman,

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

220
00:10:11,939 --> 00:10:13,152
Olen sanonut alusta vastaa kuusi.

221
00:10:13,152 --> 00:10:16,110
On käynyt ilmi kanssa järjestetty lista I
voi asettaa lähtökohta missä

222
00:10:16,110 --> 00:10:20,130
I want-- oletuksena se on one--
vain lisäämällä tämä niin kutsuttu ominaisuus

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

224
00:10:21,190 --> 00:10:23,572
Ja niin tämä lista
alkaa laskea kuusi.

225
00:10:23,572 --> 00:10:26,780
Joten osatekijät numeroitu luettelo
olisi kuusi, seitsemän, kahdeksan, yhdeksän, kymmenen,

226
00:10:26,780 --> 00:10:29,930
koska on viisi elementtiä
luettelossa, toisin kuin yksi,

227
00:10:29,930 --> 00:10:33,770
kaksi, kolme, neljä, viisi, joka
olisi, jos olisin sanonut OL

228
00:10:33,770 --> 00:10:36,730
täsmentämättä alku määrite.

229
00:10:36,730 --> 00:10:41,594
>> Joten me vain kuvaa tätä, jotta voit
Saat käsityksen siitä, mitä täällä tapahtuu.

230
00:10:41,594 --> 00:10:42,260
Ja siellä mennään.

231
00:10:42,260 --> 00:10:44,610
Ei minun lista.

232
00:10:44,610 --> 00:10:47,810
Ensimmäiset viisi elementtiä ovat
järjestämättömiä tai luettelomerkkiluettelot.

233
00:10:47,810 --> 00:10:51,010
Ja seuraavan viiden elementit
ovat erillisiä järjestetty lista

234
00:10:51,010 --> 00:10:52,980
alkaen kuusi.

235
00:10:52,980 --> 00:10:56,247
Niin, että miten voimme
rakentaa luetteloita HTML.

236
00:10:56,247 --> 00:10:58,080
Toinen asia saatat
haluavat tehdä HTML

237
00:10:58,080 --> 00:11:01,520
on rakentaa taulukko
tietoa rivien ja sarakkeiden

238
00:11:01,520 --> 00:11:04,560
esittää tietoja
erityisesti järjestäytynyttä tavalla.

239
00:11:04,560 --> 00:11:09,110
Voit tehdä tämän HTML voimme olla
taulukko määritelmä alussa alkusulkumerkki

240
00:11:09,110 --> 00:11:10,160
pöytä.

241
00:11:10,160 --> 00:11:14,680
Ja sitten sisällä että taulukon me
voi olla joukko rivejä, TR tagit

242
00:11:14,680 --> 00:11:15,980
osoittamaan kunkin rivin.

243
00:11:15,980 --> 00:11:22,510
Ja sitten TD tagit mennä sisälle TR tunnisteet
Voit määrittää sarakkeen sisällä peräkkäin.

244
00:11:22,510 --> 00:11:24,340
>> Miksi sitä kutsutaan TD eikä TC?

245
00:11:24,340 --> 00:11:25,940
No, TD tarkoittaa taulukon tiedot.

246
00:11:25,940 --> 00:11:27,900
Yleensä olet laskemisesta
tietosi siellä.

247
00:11:27,900 --> 00:11:29,440
Joten siksi se TD eikä TC.

248
00:11:29,440 --> 00:11:31,140
Se on hieman sekava.

249
00:11:31,140 --> 00:11:33,720
>> Joten sinulla on pöytä tunnisteet ja
sisällä oman pöydän tunnisteet

250
00:11:33,720 --> 00:11:35,600
sinulla rivien, TR.

251
00:11:35,600 --> 00:11:40,030
Ja sisällä kunkin rivin sinulla on
TTS sarakkeita

252
00:11:40,030 --> 00:11:42,880
että haluat olla
kyseisessä rivillä.

253
00:11:42,880 --> 00:11:47,730
Katsotaanpa katsomaan hyvin
yksinkertainen taulukko ohi CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Olen siis täällä tiedosto
nimeltään pöytä piste HTML.

255
00:11:49,730 --> 00:11:53,390
Katsotaanpa vilkaista
mitä se näyttää.

256
00:11:53,390 --> 00:11:56,225
Siellä on paljon täällä, mutta
jos huomaat minulla on pöytä auki.

257
00:11:56,225 --> 00:11:57,850
Olen alkanut määritelmä pöytä.

258
00:11:57,850 --> 00:12:02,100
Ja sitten minun ensimmäisellä rivillä I ilmeisesti
on neljä saraketta, yksi, kaksi, kolme,

259
00:12:02,100 --> 00:12:02,660
neljä.

260
00:12:02,660 --> 00:12:04,290
Ja sitten olen päässyt että rivi.

261
00:12:04,290 --> 00:12:07,750
>> Sitten aloitan toisen rivin ja
tehdä kaksi, neljä, kuusi, kahdeksan.

262
00:12:07,750 --> 00:12:08,850
Viimeistelyn, joka rivi.

263
00:12:08,850 --> 00:12:11,410
Tehdä uuden rivi, kolme, kuusi, yhdeksän, 12.

264
00:12:11,410 --> 00:12:14,830
Ja sitten viimeisen rivin, neljä,
kahdeksan, 12, ja vaikka se on

265
00:12:14,830 --> 00:12:16,560
hieman katkaista täällä, 16.

266
00:12:16,560 --> 00:12:17,710
>> Lopetin että rivi.

267
00:12:17,710 --> 00:12:18,970
Lopetin pöytä.

268
00:12:18,970 --> 00:12:21,430
Ja sitten olen tehnyt minun HTML.

269
00:12:21,430 --> 00:12:22,590
Mitä tämä näyttää?

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

271
00:12:26,014 --> 00:12:27,430
No, se ei oikeastaan ​​paljon nähdä.

272
00:12:27,430 --> 00:12:31,690
Olen selkeästi organisoitunut tietoni
vuonna hieman järjestäytyneesti.

273
00:12:31,690 --> 00:12:33,755
Mutta se ei ole erittäin kaunis täällä.

274
00:12:33,755 --> 00:12:36,130
Ja aiomme käsitellä
että kun puhumme CSS.

275
00:12:36,130 --> 00:12:38,930
Me uudelleen tätä ajatusta
mitä teemme tehdä table--

276
00:12:38,930 --> 00:12:41,260
ehkä alustaa sitä vähän paremmin?

277
00:12:41,260 --> 00:12:45,070
Mutta minulla on vielä neljä riviä,
joissa kussakin on neljä saraketta,

278
00:12:45,070 --> 00:12:48,890
ja oikeastaan ​​mitä tämä merkitsee on
hyvin yksinkertainen neljä neljä kertomalla

279
00:12:48,890 --> 00:12:49,870
pöytä.

280
00:12:49,870 --> 00:12:51,690
>> Vain muutama tageja me puhumme.

281
00:12:51,690 --> 00:12:54,617
Puhutaanpa
käsite HTML muodossa.

282
00:12:54,617 --> 00:12:57,450
Joten olet saattanut nähdä tämän
yhteydessä kirjautumalla sivun.

283
00:12:57,450 --> 00:12:59,100
Yleensä kirjoitat käyttäjätunnuksesi.

284
00:12:59,100 --> 00:13:01,510
Kirjoitat salasanan,
ja olet hyvä mennä.

285
00:13:01,510 --> 00:13:04,170
Se olisi alku muodossa.

286
00:13:04,170 --> 00:13:05,420
>> Ohittaminen yli div toinen.

287
00:13:05,420 --> 00:13:07,987
Meillä on myös tulot, jotka
Tällainen mahdu muotoja.

288
00:13:07,987 --> 00:13:10,320
Nämä ovat tekijöitä, jotka
olet todella konekirjoitus osaksi,

289
00:13:10,320 --> 00:13:12,580
tai valintanapeista olet
tikittää, tai tarkista

290
00:13:12,580 --> 00:13:14,310
laatikot että olet tikittää pois.

291
00:13:14,310 --> 00:13:15,770
Joten nämä menevät sisälle muotoja.

292
00:13:15,770 --> 00:13:18,500
Ja ne käsittävät pohjimmiltaan
jokainen rivi muoto

293
00:13:18,500 --> 00:13:19,887
jos lomake on muotoiltu hyvin.

294
00:13:19,887 --> 00:13:22,220
Sitten on tämä käsite
div, joka ei oikeastaan

295
00:13:22,220 --> 00:13:25,060
sovi mihinkään tiettyyn luokkaan
tunnisteiden kuten niitä olen

296
00:13:25,060 --> 00:13:26,170
tehneet aiemmin.

297
00:13:26,170 --> 00:13:29,790
Se vain eräänlainen rajataan
alussa noin mielivaltaisen division--

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

299
00:13:31,670 --> 00:13:33,210
Ei ole visuaalinen tauko.

300
00:13:33,210 --> 00:13:34,800
Ei ole linja.

301
00:13:34,800 --> 00:13:37,180
Se ei kuitata niin
erillinen kimpale automaattisesti.

302
00:13:37,180 --> 00:13:39,430
Sinun täytyy tyyli se
että tapa tehdä se.

303
00:13:39,430 --> 00:13:42,110
>> Se vain eräänlainen sanoo Haluan
pala tilaa minun sivun,

304
00:13:42,110 --> 00:13:45,190
ja olen juuri menossa soittaa
se tämä jako sivuni.

305
00:13:45,190 --> 00:13:47,619
Voimme laittaa tavaraa sisällä
sekä divs, ja itse asiassa,

306
00:13:47,619 --> 00:13:49,410
kun pään yli
IDE toisessa käymme

307
00:13:49,410 --> 00:13:53,760
nähdä, että olen laskemisesta minun
muodostavat sisällä div.

308
00:13:53,760 --> 00:13:57,050
>> Joten minulla on täällä minun IDE
tiedosto nimeltä div muodossa piste HTML.

309
00:13:57,050 --> 00:13:59,260
Katsotaanpa avaa sen.

310
00:13:59,260 --> 00:14:01,460
Huomaa, että kuten sanoin,
div on sellainen mielivaltainen.

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

312
00:14:01,640 --> 00:14:02,973
Se ei oikeastaan ​​tarkoita mitään.

313
00:14:02,973 --> 00:14:05,140
Joten minulla on mielivaltainen
ensimmäinen jako sivuni.

314
00:14:05,140 --> 00:14:07,848
Ja sitten sijasta toisen div
myöhemmin, alkaen linja kahdeksan,

315
00:14:07,848 --> 00:14:08,730
Minulla on tässä muodossa.

316
00:14:08,730 --> 00:14:13,594
Ja sisältä lomakkeen minulla
määrä tuloja, kenttien muotoa.

317
00:14:13,594 --> 00:14:16,510
Joten minulla on kenttä jonka nimi on A--
joka ei oikeastaan ​​tarkoita mitään

318
00:14:16,510 --> 00:14:19,350
oikea now-- että ilmeisesti
vie tekstin, toinen, joka

319
00:14:19,350 --> 00:14:22,630
ottaa salasana, toinen, joka on Radio
painike, toinen se valintaruutu,

320
00:14:22,630 --> 00:14:24,797
ja toinen, joka on Lähetä-painiketta.

321
00:14:24,797 --> 00:14:26,630
No, mitä tämä
kaikki oikeastaan ​​näyttää?

322
00:14:26,630 --> 00:14:27,629
No, katsotaanpa katsomaan.

323
00:14:27,629 --> 00:14:31,010
Me avaa sen meidän esikatseluikkunassa.

324
00:14:31,010 --> 00:14:33,557
Huomaa, että tämä mielivaltainen
ensimmäinen division-- olemassa

325
00:14:33,557 --> 00:14:34,640
ei visuaalinen erottaminen täällä.

326
00:14:34,640 --> 00:14:37,150
Se ei oikeastaan ​​tehdä mitään, eikö?

327
00:14:37,150 --> 00:14:38,220
>> Ja sitten minulla on muoto.

328
00:14:38,220 --> 00:14:39,890
Ja en tehnyt mitään erityistä muotoiluja.

329
00:14:39,890 --> 00:14:42,680
Joten muoto on vain yksi
iso rivi tietoja.

330
00:14:42,680 --> 00:14:46,424
Jos olisin alustanut muodossa eri tavalla,
Voisin olla se rivi rivi riviltä.

331
00:14:46,424 --> 00:14:47,590
Mutta en tehnyt mitään tyyli.

332
00:14:47,590 --> 00:14:49,256
Jälleen, emme puhu CSS täällä.

333
00:14:49,256 --> 00:14:51,030
Me vain puhumme HTML.

334
00:14:51,030 --> 00:14:53,980
>> No minun tekstimuodossa voin type--
muistaa, että muodot kirjoittaa tekstiä

335
00:14:53,980 --> 00:14:55,480
joten voin laittaa nimeni.

336
00:14:55,480 --> 00:14:57,330
Ja salasanani I
voit kirjoittaa salasanani.

337
00:14:57,330 --> 00:14:59,740
Ja koska tällä alalla
on tyyppiä salasana,

338
00:14:59,740 --> 00:15:01,470
et tiedä mitä minun salasana on.

339
00:15:01,470 --> 00:15:02,800
Se kaikki pisteet.

340
00:15:02,800 --> 00:15:09,140
>> Voin myös valita ruksata
valintanappi tai rasti pois valintaruutu.

341
00:15:09,140 --> 00:15:10,420
Tai voisin jättää minun muodossa.

342
00:15:10,420 --> 00:15:11,810
Enkä tee mitään,
joten kun lähetän muodossa,

343
00:15:11,810 --> 00:15:13,090
sivu vain päivittyy.

344
00:15:13,090 --> 00:15:16,970
Mutta voisin ehkä määritän
Lähetä-painiketta tehdä jotain muuta.

345
00:15:16,970 --> 00:15:20,410
Ja näemme, mitä voimme tehdä
että tulevaisuudessa video PHP.

346
00:15:20,410 --> 00:15:22,520
Mutta tämä perustuu hyvin
yksinkertainen muoto että me

347
00:15:22,520 --> 00:15:27,360
voi käyttää saada käyttäjät ovat vuorovaikutuksessa ja
toimitettava tiedot sivuillemme.

348
00:15:27,360 --> 00:15:29,620
>> Yksi viimeinen kommentti ennen kuin
siirtyä johonkin toiseen tunnisteet

349
00:15:29,620 --> 00:15:32,040
on katsomaan tämä
tulo tag vielä kerran.

350
00:15:32,040 --> 00:15:35,760
Huomaa, että olen korostanut
päät tunnisteen punaisella.

351
00:15:35,760 --> 00:15:39,390
Joka toinen tag olemme nähneet tähän mennessä on
oli alku ja loppu, aukko

352
00:15:39,390 --> 00:15:41,030
tag ja sulkeminen tag.

353
00:15:41,030 --> 00:15:42,520
>> Mutta tulo tag ei.

354
00:15:42,520 --> 00:15:46,860
Ei ole tekstiä, joka menee
välillä tulo tageja.

355
00:15:46,860 --> 00:15:49,160
Kaikki tiedot
olemme aikovat välittää

356
00:15:49,160 --> 00:15:52,640
on sidoksissa osana
ominaisuudet kyseisen tulon.

357
00:15:52,640 --> 00:15:54,690
Huomaa, meillä on panos nimi vastaa x.

358
00:15:54,690 --> 00:15:55,580
Tyyppi vastaa y.

359
00:15:55,580 --> 00:15:57,660
Se on todella kaikki
tietoja tarvitsemme.

360
00:15:57,660 --> 00:15:59,470
>> Tätä kutsutaan itsestään sulkeminen tag.

361
00:15:59,470 --> 00:16:02,470
Se ei vaadi avaamista ja
sulje koska kaikki tiedot

362
00:16:02,470 --> 00:16:04,974
sisältyy sisällä
tag ja sen ominaisuuksia.

363
00:16:04,974 --> 00:16:06,390
Joten joskus näet tämäkin.

364
00:16:06,390 --> 00:16:10,400
Joten vain olla tietoinen siitä, että jos sinulla on
tunniste, joka on täysin itsenäinen,

365
00:16:10,400 --> 00:16:14,170
se avautuu ja sulkeutuu itsensä
avoin kulma kiinnike vasemmalla

366
00:16:14,170 --> 00:16:17,000
ja slash kulma
kiinnike oikealla.

367
00:16:17,000 --> 00:16:20,580
Näemme toinen niistä
juuri nyt kuvan tunnisteet samoin.

368
00:16:20,580 --> 00:16:23,300
>> Ennen kuin puhumme kuvia, me
täytyy puhua hyperlinkkejä.

369
00:16:23,300 --> 00:16:26,080
Jos haluamme verkkosivustoa olla
interaktiivinen ja siirtää meidät ympäri,

370
00:16:26,080 --> 00:16:28,121
olisi kiva pystyä
klikkaa yksi niistä

371
00:16:28,121 --> 00:16:30,190
mitä on tyypillisesti ollut sininen linkki.

372
00:16:30,190 --> 00:16:34,440
Tämä on todella miten rakennamme
hyperlinkki nettisivuillamme.

373
00:16:34,440 --> 00:16:36,540
Ja kiinnostavaa kyllä
on toinen HTML-koodi

374
00:16:36,540 --> 00:16:39,000
nimeltään linkki, joka ei ole hyperlinkki.

375
00:16:39,000 --> 00:16:44,130
Tässä tarkoittaa ankkuri, ja
Näin saimme osoittaa hyperlinkin.

376
00:16:44,130 --> 00:16:49,150
>> Href vastaa x keinoja mennä
Web-sivun X Ja kaikki

377
00:16:49,150 --> 00:16:51,580
välillä avoimen tunniste
ja sulje tunniste

378
00:16:51,580 --> 00:16:56,010
on mitä tulee olemaan, että alleviivattu
sininen teksti, joka näyttää linkki

379
00:16:56,010 --> 00:16:57,590
että olemme tuttuja.

380
00:16:57,590 --> 00:17:01,660
Alla että meillä on kuvan tunniste, joka
on itsestään sulkeminen tag näyttämällä

381
00:17:01,660 --> 00:17:05,599
kuva sijaitsee X.
saatat pystyä muuttamaan

382
00:17:05,599 --> 00:17:08,280
että kuva määrittelemällä
leveys ja korkeus

383
00:17:08,280 --> 00:17:11,640
ja muut attribuutit
että piste piste piste siellä.

384
00:17:11,640 --> 00:17:14,260
>> Alareunaan täällä
meillä on hyvin mielenkiintoinen

385
00:17:14,260 --> 00:17:16,170
etsivät tag, joka ei
on sulkeminen tag.

386
00:17:16,170 --> 00:17:19,410
Se on huutomerkki DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
Niin HTML on ollut voimassa vuodesta
1990-luvun alussa rakentaa web-sivuja,

388
00:17:23,300 --> 00:17:25,859
ja se on mennyt läpikäynyt
lukuisia muutoksia sen jälkeen.

389
00:17:25,859 --> 00:17:28,550
Viimeksi vuonna 2014
se tehtiin tarkistus

390
00:17:28,550 --> 00:17:33,440
nimeltään HTML5 joka on nyt nykyinen
eräänlainen de facto HTML standardi.

391
00:17:33,440 --> 00:17:36,730
>> Osoittavan, että web
sivut ovat kirjoitettu HTML5,

392
00:17:36,730 --> 00:17:38,160
näin lähdetään.

393
00:17:38,160 --> 00:17:40,380
Se voidaan jättää pois, mutta
mitä se pohjimmiltaan

394
00:17:40,380 --> 00:17:45,930
väline on et voi käyttää mitä tahansa tunnisteet
jotka ovat HTML5 tunnisteita, niitä uusia tunnisteita.

395
00:17:45,930 --> 00:17:48,591
Joten me aina aloittaa
jos käytämme HTML5.

396
00:17:48,591 --> 00:17:51,340
Ja kaikki tagit olemme puhuneet
aiemmin eivät ole HTML5 tageja.

397
00:17:51,340 --> 00:17:55,470
Mutta tämä osoittaisi, että
HTML5 tagit on läsnä.

398
00:17:55,470 --> 00:17:58,400
Ja niin meillä on huudahdus
DOCTYPE HTML, joka

399
00:17:58,400 --> 00:18:01,280
on aivan alussa meidän
HTML-tiedosto, ja sitten sen jälkeen piste

400
00:18:01,280 --> 00:18:04,930
meillä on todellakin meidän HTML auki
tag ja edetä sieltä.

401
00:18:04,930 --> 00:18:10,050
>> Viimeinen on kommentti tag,
joka näyttää hieman erilaiselta, liian.

402
00:18:10,050 --> 00:18:12,810
Se alkaa kanssa kulma
kiinnike huudahdus viiva

403
00:18:12,810 --> 00:18:15,220
viiva mutta ei sulkeminen kiinnike.

404
00:18:15,220 --> 00:18:20,150
Välillä nämä kaksi seikkaa siellä
on, jos kirjoitat kommentteja.

405
00:18:20,150 --> 00:18:28,420
Ja lähdetään katsomaan kuvia
ja kommentit sekä linkit CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Olen siis täällä tiedosto nimeltä kuvalinkissä
dot HTML joka aion avata.

407
00:18:32,850 --> 00:18:36,420
Ja huomaa, minulla pari
kommentit täällä minun HTML kommentteja.

408
00:18:36,420 --> 00:18:38,990
Joten aivan kuten C ja muut
ohjelmointikielet,

409
00:18:38,990 --> 00:18:43,169
HTML vain olemalla markup language
hänellä on kyky on kommentteja.

410
00:18:43,169 --> 00:18:45,710
Ja niin olen ilmeisesti menossa
aseta kuvan Rick Astley

411
00:18:45,710 --> 00:18:49,060
jonnekin tämä div
tag, tämä mielivaltainen jako.

412
00:18:49,060 --> 00:18:51,497
Ilmeisesti että tiedosto on
sijaitsee Rick piste JPEG, joka

413
00:18:51,497 --> 00:18:53,580
jos lähdemme takaisin yli
minun tiedosto puu toista,

414
00:18:53,580 --> 00:18:55,490
on tiedosto, joka on olemassa
nykyinen hakemisto.

415
00:18:55,490 --> 00:18:56,031
Niin se on OK.

416
00:18:56,031 --> 00:18:57,710
En voi viitata sen.

417
00:18:57,710 --> 00:18:59,680
>> Sitten voin olla sisäisiä linkkejä.

418
00:18:59,680 --> 00:19:05,080
Niin huomaa linjalla 11 täällä
minun href on hei piste HTML.

419
00:19:05,080 --> 00:19:09,050
Niin, että vain viitataan hei piste HTML
joka on olemassa nykyisessä hakemistossa.

420
00:19:09,050 --> 00:19:12,980
Ja voin myös olla ulkoinen
linkit vain määrittämällä HTTPS

421
00:19:12,980 --> 00:19:16,180
osoittamaan, että En puhu
noin tiedosto minun hakemistossa.

422
00:19:16,180 --> 00:19:19,730
Puhun olemassa olevaa tiedostoa
jonnekin Internetissä, joka minulla on

423
00:19:19,730 --> 00:19:23,370
pyytää käyttämällä HTTP-protokollaa.

424
00:19:23,370 --> 00:19:25,990
>> Joten katsomaan mitä
tämä sivu saattaa näyttää

425
00:19:25,990 --> 00:19:29,500
ja valmistaudu kuvan Rick
Astley näy ruudulla.

426
00:19:29,500 --> 00:19:31,490
Niin minä esikatsella.

427
00:19:31,490 --> 00:19:33,800
On Rick Astley at
hyvin alkuun tässä mielivaltainen

428
00:19:33,800 --> 00:19:35,008
jako Laitoin sen yläreunassa.

429
00:19:35,008 --> 00:19:36,960
Ja sitten alas alla I
minun yhteyksiä, eikö?

430
00:19:36,960 --> 00:19:39,330
>> Minulla on linkki hei piste HTML.

431
00:19:39,330 --> 00:19:42,860
Ja jos minä sitten, että saan
siirtyi tälle sivulle

432
00:19:42,860 --> 00:19:47,050
että olemme hyvin tuttuja
alusta ohjelmamme.

433
00:19:47,050 --> 00:19:50,880
Jos minä pop että sivu taas auki, jos en
pop kuvalinkissä avata vielä kerran,

434
00:19:50,880 --> 00:19:54,420
Voin myös mennä ulkoisesti
että CS50 verkkosivuilla.

435
00:19:54,420 --> 00:19:56,740
Ja siellä me see-- I will
loitontaa hieman here--

436
00:19:56,740 --> 00:20:00,260
näemme CS50 verkkosivuilla eräänlainen
upotettu keskellä meidän sivulla.

437
00:20:00,260 --> 00:20:04,670
Joten pystyin tekemään sisäinen
linkki sekä ulkoisen linkin.

438
00:20:04,670 --> 00:20:07,200
>> Viimeinen sääntö HTML että
aiomme puhua täällä

439
00:20:07,200 --> 00:20:09,510
on että HTML on hyvin muodostuneita.

440
00:20:09,510 --> 00:20:13,020
C puhuimme paljon
eri syntaksi asioita.

441
00:20:13,020 --> 00:20:17,650
HTML syntaksin todella
pyörii tageja.

442
00:20:17,650 --> 00:20:19,660
Jokainen tag avaat on suljettava.

443
00:20:19,660 --> 00:20:22,630
Ja itse asiassa, joka tag avaat
tulisi sulkea päinvastaisessa järjestyksessä.

444
00:20:22,630 --> 00:20:25,790
>> Joten jos avaat rohkea tag, kursivoitu
tag, ja sitten alleviivaus tag

445
00:20:25,790 --> 00:20:28,120
tehdä kaikki kolme
tietyn joukon tekstiä,

446
00:20:28,120 --> 00:20:30,070
kannattaa sulkea ne käänteisessä järjestyksessä.

447
00:20:30,070 --> 00:20:32,270
Joten jos olet avannut rohkea,
kursivoitu, alleviivattu, voit

448
00:20:32,270 --> 00:20:35,240
haluat sulkea alleviivaus, kursivoitu, lihavoitu.

449
00:20:35,240 --> 00:20:39,990
Tällainen kapselointi on mitä
pitää HTML mukava ja järjestetty.

450
00:20:39,990 --> 00:20:44,370
>> Toisin kuin C, vaikka syntaksivirheitä eivät
todella lamauttaa HTML mahdollisesti.

451
00:20:44,370 --> 00:20:48,730
HTML voi olla hyvin
muodostettu mutta silti työtä.

452
00:20:48,730 --> 00:20:50,589
Ja niin nämä virheet
voi lajitella slide mennessä.

453
00:20:50,589 --> 00:20:52,130
Se on jopa voit todella olla valppaana.

454
00:20:52,130 --> 00:20:54,760
Joskus he epäonnistuvat mutta
joskus voit saada veräjästä.

455
00:20:54,760 --> 00:20:56,509
>> Se voi olla todella
vaikea tehtävä, vaikka,

456
00:20:56,509 --> 00:21:00,660
seurata kun avasit
tag, kun suljettu se,

457
00:21:00,660 --> 00:21:04,110
varsinkin kun HTML
tiedostoja saada isompi ja isompi.

458
00:21:04,110 --> 00:21:05,490
Sinun kannattaa apua.

459
00:21:05,490 --> 00:21:07,560
Ja on verkossa
Validator työkalut, joita

460
00:21:07,560 --> 00:21:11,474
voivat käyttää vilkaista Web
sivu ja katso jos se on hyvin muotoiltu HTML.

461
00:21:11,474 --> 00:21:13,390
Ja kannattaa ehdottomasti
katsomaan niitä

462
00:21:13,390 --> 00:21:16,620
ja alkavat käyttää niitä sinua
alkaa tehdä töitä HTML,

463
00:21:16,620 --> 00:21:20,800
kirjallisesti HTML, juuri niin saat
hyviä tapoja noin järjestämisestä

464
00:21:20,800 --> 00:21:24,377
HTML hyvällä tavalla ja
hyvä tyyli ja varmistamalla

465
00:21:24,377 --> 00:21:27,210
että et tee mitään,
voisi luoda syntaksivirhe joka

466
00:21:27,210 --> 00:21:30,270
aiheuttaisi sinulle hieman
ongelma tiellä.

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

468
00:21:31,190 --> 00:21:33,450
Tämä on CS50.

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