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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Svo við eyddum
about-- ef stærðfræði minn er rétt,

3
00:00:08,790 --> 00:00:11,900
og ég held að back-- ég held
við eyddum um 35 myndbönd tala

4
00:00:11,900 --> 00:00:15,139
um ýmsa þætti C, kannski
aðeins meira, kannski aðeins minna.

5
00:00:15,139 --> 00:00:16,930
Og við ekki ná
allt í C, en við

6
00:00:16,930 --> 00:00:21,170
fjallað stór klumpur af
tungumál, mikill meirihluti af því,

7
00:00:21,170 --> 00:00:22,882
vissulega fyrir algengustu notkun.

8
00:00:22,882 --> 00:00:25,090
Nú erum við að fara að tala
um annað mál, HTML.

9
00:00:25,090 --> 00:00:28,180
Og við erum að fara að ná
það í réttlátur einn vídeó.

10
00:00:28,180 --> 00:00:29,340
>> En það er að fara að vera í lagi.

11
00:00:29,340 --> 00:00:31,410
Það er að fara að verða í raun
eitthvað sem þú ert að fara að venjast.

12
00:00:31,410 --> 00:00:33,535
Nú þegar þú hefur
Grundvallaratriði einu tungumáli,

13
00:00:33,535 --> 00:00:35,776
það er reyndar mjög auðvelt
að byrja að læra aðra.

14
00:00:35,776 --> 00:00:37,650
Þannig að við erum að fara að byrja
að stíga smá aftur

15
00:00:37,650 --> 00:00:43,340
og gljái yfir helstu
munur á milli þessara tungumála

16
00:00:43,340 --> 00:00:45,750
og svoleiðis leyfi þér að því.

17
00:00:45,750 --> 00:00:48,530
There 'a einhver fjöldi af mjög mikill
auðlindir á internetinu, sem

18
00:00:48,530 --> 00:00:51,279
við erum að fara að byrja að beina þér
til vegna þess að internetið er

19
00:00:51,279 --> 00:00:53,340
gríðarstórt geymsla upplýsinga.

20
00:00:53,340 --> 00:00:55,960
Og svo það er ekki eins og þú munt
vera að missa út endilega

21
00:00:55,960 --> 00:00:58,349
með því að hafa upplýsingar
fjallað í myndbandi.

22
00:00:58,349 --> 00:01:00,640
Þú munt enn vera fær til fá
allt sem þú þarft og nota

23
00:01:00,640 --> 00:01:03,590
þá þekkingu sem þú hefur nú þegar
byggt upp með því að skilja C

24
00:01:03,590 --> 00:01:07,130
að gera læra fyrir þetta
önnur tungumál í raun mikið flatari.

25
00:01:07,130 --> 00:01:08,640
Ég lofa.

26
00:01:08,640 --> 00:01:12,770
>> En við skulum tala um einu tungumáli
það er í raun grundvallaratriði fyrir hvert vefnum

27
00:01:12,770 --> 00:01:14,830
síðu, sem er HTML.

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

29
00:01:18,230 --> 00:01:22,700
HTML er tungumál en það er
ekki forritunarmál.

30
00:01:22,700 --> 00:01:23,900
>> HTML er ekki breytur.

31
00:01:23,900 --> 00:01:26,430
Það þarf ekki rökfræði eða
aðgerðir eða eitthvað svoleiðis.

32
00:01:26,430 --> 00:01:30,301
Við getum ekki gert eitthvað
forritun í sjálfu í HTML.

33
00:01:30,301 --> 00:01:32,300
Stundum þú munt heyra
fólk lýsa sig

34
00:01:32,300 --> 00:01:35,710
sem HTML forritari, sem
er ekki alveg rétt.

35
00:01:35,710 --> 00:01:37,980
Við getum ekki skrifað HTML forrit.

36
00:01:37,980 --> 00:01:40,770
>> HTML er bara notað til að merkja upp texta.

37
00:01:40,770 --> 00:01:42,690
Það er kallað Markup Language.

38
00:01:42,690 --> 00:01:47,680
Og hvað þetta does-- þessa markup--
við notum tags í HTML og þessum tags--

39
00:01:47,680 --> 00:01:51,600
þetta markup-- merkingu
skilgreinir uppbyggingu á síðu

40
00:01:51,600 --> 00:01:55,280
og veldur texta sem
er á milli merki að túlka

41
00:01:55,280 --> 00:01:57,320
af vöfrum í mismunandi vegu.

42
00:01:57,320 --> 00:02:00,370
Og kannski er það best að útskýra
þetta með leið á myndinni.

43
00:02:00,370 --> 00:02:06,450
>> Hér er mjög einfalt HTML síðu, ekki
HTML program, aftur, HTML síðu.

44
00:02:06,450 --> 00:02:08,680
Og við vitum að það er
HTML síðu vegna þess að við höfum

45
00:02:08,680 --> 00:02:11,480
afmarkast allt með HTML tags.

46
00:02:11,480 --> 00:02:13,850
Svo er þetta það sem HTML tag lítur út.

47
00:02:13,850 --> 00:02:15,870
Það er á milli horn sviga.

48
00:02:15,870 --> 00:02:18,570
Og taka efst við höfum
HTML og á mjög neðst,

49
00:02:18,570 --> 00:02:21,400
eftir að við höfum gert það sem er
greinilega fullt af öðrum HTML,

50
00:02:21,400 --> 00:02:24,310
við höfum oddklofi skástrik HTML.

51
00:02:24,310 --> 00:02:29,262
Svo er þessi tegund af mörkin
milli þess sem er HTML og það er ekki.

52
00:02:29,262 --> 00:02:32,220
Og að sjálfsögðu, á hefðbundinn hátt, bara
eins og þú skrifaði öll C forrit

53
00:02:32,220 --> 00:02:35,300
með punktur C eftirnafn,
öll HTML skrár

54
00:02:35,300 --> 00:02:37,909
lýkur með punktur HTML eftirnafn.

55
00:02:37,909 --> 00:02:39,200
En það er meira að gerast hér.

56
00:02:39,200 --> 00:02:40,658
Við gerum ekki bara þessi HTML tög.

57
00:02:40,658 --> 00:02:44,010
Við höfum greinilega þetta
hlutur sem kallast höfuð tag.

58
00:02:44,010 --> 00:02:46,010
Jæja, OK, hvað er það?

59
00:02:46,010 --> 00:02:48,550
>> Jæja kannski er best að
greina með því að líkamanum,

60
00:02:48,550 --> 00:02:50,590
Líkaminn að vera innihald af the vefur blaðsíða.

61
00:02:50,590 --> 00:02:55,860
Svo kannski höfuð tag skilgreinir efni
sem er ekki í glugga rétt,

62
00:02:55,860 --> 00:02:59,410
en er einhvern veginn mikilvægt að okkar
Vefsíðan sem veitt rétt.

63
00:02:59,410 --> 00:03:02,490
Til dæmis, innan í
höfuð tag og við höfum titill tags.

64
00:03:02,490 --> 00:03:05,500
>> Svo titill að vera halló heimur,
sem er í raun að fara að vera það

65
00:03:05,500 --> 00:03:08,797
sýnir sig í flipanum í Króm
eða í leiðangur eða Firefox--

66
00:03:08,797 --> 00:03:11,880
hvað vafra þú prefer-- það er
hvað er að fara að mæta í titlinum.

67
00:03:11,880 --> 00:03:14,800
Og áður en flipa það myndi sýna
upp í öllu vafranum þínum

68
00:03:14,800 --> 00:03:19,710
og þú getur aðeins haft eina síðu
opna í glugga í einu.

69
00:03:19,710 --> 00:03:22,160
Svo það er að fara til vera the
Yfirskrift minn síða upp á flipanum

70
00:03:22,160 --> 00:03:24,600
eða glugga Bar, halló heimur.

71
00:03:24,600 --> 00:03:28,611
Og þá innihald af minn
Vefsíðan mun vera heimur, halló.

72
00:03:28,611 --> 00:03:31,360
Svo skulum taka a líta á það sem sumir
hlutur eins og þetta gæti litið út.

73
00:03:31,360 --> 00:03:33,210
Þetta er frekar einfalt HTML síðu.

74
00:03:33,210 --> 00:03:35,970
Þannig að ég er hér í CS50 IDE mínum og
Ég hef aðdregna í smá.

75
00:03:35,970 --> 00:03:38,290
Og ég ætla bara að fara að
opna hello punktur HTML

76
00:03:38,290 --> 00:03:42,000
og sýna þér að þetta er ansi mikið
innihaldi sem við sáum áður.

77
00:03:42,000 --> 00:03:45,240
Einföld merki HTML, höfuð mitt,
titill tags, líkami, og svo framvegis.

78
00:03:45,240 --> 00:03:47,320
Ég hef inndregin að vera hreint.

79
00:03:47,320 --> 00:03:51,530
>> Og þá hvað ég get gert í mínum
IDE er bara forsýning á síðunni.

80
00:03:51,530 --> 00:03:52,630
Og það sem við förum.

81
00:03:52,630 --> 00:03:56,070
Innihald síðuna mína er heimurinn,
halló, og ég sé ekki neitt

82
00:03:56,070 --> 00:03:58,500
í frá höfuð tags þar.

83
00:03:58,500 --> 00:03:59,980
Það er bara efni í líkamanum.

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

85
00:04:00,780 --> 00:04:03,700
Og aftur líkaminn bara
sagði, heimurinn, halló.

86
00:04:03,700 --> 00:04:06,160
The annar hluti vantar.

87
00:04:06,160 --> 00:04:07,610
>> Svo er það í raun allt það er.

88
00:04:07,610 --> 00:04:11,370
Þetta er mjög einfalt undirstöðu HTML síðu.

89
00:04:11,370 --> 00:04:14,280
Nú hef ég inndregin HTML minn til
vera mjög gott og skipulagt,

90
00:04:14,280 --> 00:04:15,840
en ég er ekki í raun að.

91
00:04:15,840 --> 00:04:17,959
Ég gæti gert það líta ansi ljót.

92
00:04:17,959 --> 00:04:19,467
Og þetta myndi samt vinna.

93
00:04:19,467 --> 00:04:21,050
Þetta væri nákvæmlega sama vefsíðu.

94
00:04:21,050 --> 00:04:23,100
Ég hef bara fengið losa af
allt hvíta rúm.

95
00:04:23,100 --> 00:04:24,820
>> Eins og það kemur í ljós, hvítt rúm gögn.

96
00:04:24,820 --> 00:04:28,540
Og svo þegar við erum að senda gögn frá
sendanda til móttakanda, frá miðlara

97
00:04:28,540 --> 00:04:30,670
til viðskiptavinar, gögn kostar peninga.

98
00:04:30,670 --> 00:04:34,460
Og svo að losna við bil
er í raun góð hugmynd

99
00:04:34,460 --> 00:04:37,320
ef þú ert einhver sem þjónar
upp a einhver fjöldi af efni á vefnum.

100
00:04:37,320 --> 00:04:39,820
Það er slæm hugmynd ef þú ert
einhver sem er að læra þetta efni

101
00:04:39,820 --> 00:04:41,528
og þú vilt hafa
það skipulagt vel.

102
00:04:41,528 --> 00:04:43,810
Þetta er mikið auðveldara að flokka en þetta.

103
00:04:43,810 --> 00:04:45,540
En það er virkni eins.

104
00:04:45,540 --> 00:04:48,720
>> Inndrátt og svoleiðis
ekki í raun máli í HTML.

105
00:04:48,720 --> 00:04:53,634
Allt sem skiptir máli er að opna merki og
loka tags í réttri röð.

106
00:04:53,634 --> 00:04:55,050
Eftir hvað gerðist hér, þó.

107
00:04:55,050 --> 00:04:58,450
Markup gefur okkur leið til að
senda viðbótarupplýsingar

108
00:04:58,450 --> 00:04:59,940
um það sem við höfum skrifað.

109
00:04:59,940 --> 00:05:03,130
The Hello, World hluti var
túlka sem titill.

110
00:05:03,130 --> 00:05:06,410
Og heimurinn, halló hluti var
túlka sem efni

111
00:05:06,410 --> 00:05:09,090
eða hvað ætti að vera
sýnileg á vefsíðu mína.

112
00:05:09,090 --> 00:05:12,167
>> Það eru yfir 100 af þessum mismunandi
merki og hellingur af mikill auðlindir

113
00:05:12,167 --> 00:05:13,000
á netinu til að finna þá.

114
00:05:13,000 --> 00:05:14,900
Við erum að fara að tala um a
nokkrar af þeim í þetta myndband, sumir

115
00:05:14,900 --> 00:05:16,440
af mjög grundvallar efni.

116
00:05:16,440 --> 00:05:18,440
En við erum ekki að fara tala
um það allt vegna þess að það

117
00:05:18,440 --> 00:05:20,250
væri tæmandi til að gera það.

118
00:05:20,250 --> 00:05:22,880
>> Annað sem þú getur gert, þó,
er að opna verktaki verkfæri.

119
00:05:22,880 --> 00:05:26,069
Og ef þú manst frá
Vídeó okkar á HTTP,

120
00:05:26,069 --> 00:05:27,860
Ég útskýrði hvernig á að opna
upp tæki verktaki.

121
00:05:27,860 --> 00:05:32,020
Í Chrome það er yfirleitt F12 takkann
að opna framkvæmdaraðila tækjastika.

122
00:05:32,020 --> 00:05:35,909
Þá í stað þess að velja Network
flipanum getur þú valið Elements flipi.

123
00:05:35,909 --> 00:05:37,700
Og ef þú hlaða vefur
síðu, munt þú í raun

124
00:05:37,700 --> 00:05:40,280
sjá HTML sem skapar þessi vefur blaðsíða.

125
00:05:40,280 --> 00:05:44,090
Og svo þú getur lært mikið um HTML
með því að horfa á uppáhalds vefsíður þínar

126
00:05:44,090 --> 00:05:48,474
og sjá hvernig þeir byggja
ýmsar stykki af þeim sem þú vilt.

127
00:05:48,474 --> 00:05:50,890
Svo kannski er það þetta flott
mynstur eða eitthvað svoleiðis.

128
00:05:50,890 --> 00:05:52,140
Hvernig þeir gera það með HTML?

129
00:05:52,140 --> 00:05:55,630
Jæja þú getur bara opna verktaki
verkfæri og sveima yfir frumefni

130
00:05:55,630 --> 00:05:57,700
og sjá nákvæmlega hvað HTML gerir það.

131
00:05:57,700 --> 00:05:59,450
Svo er það mjög
góð leið til að læra HTML,

132
00:05:59,450 --> 00:06:02,330
og ég mæli eindregið með því að
þú gerir það bæði til að læra HTML

133
00:06:02,330 --> 00:06:04,930
og einnig til að læra smá
hluti um nokkrar af þeim valkostum

134
00:06:04,930 --> 00:06:07,050
í boði fyrir þig í
verktaki verkfæri, sem

135
00:06:07,050 --> 00:06:10,200
mun örugglega koma sér vel eins og
þú byrjar að gera meira ákafur vefur

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

137
00:06:11,090 --> 00:06:14,080
>> Svo skulum taka a líta á a
par á sameiginlegum HTML tags.

138
00:06:14,080 --> 00:06:17,210
Og við munum stökkva og taka a líta á
hvað þessir tags mun einnig verða

139
00:06:17,210 --> 00:06:20,490
eins með því að horfa á nokkrar skrár í IDE mínu.

140
00:06:20,490 --> 00:06:26,330
Svo hér eru þrjár einfaldar merki fyrir
klip ásýnd texta.

141
00:06:26,330 --> 00:06:29,050
Það er B merki, I tags, og U tags.

142
00:06:29,050 --> 00:06:33,170
Og hver um sig hvað þeir gera er
láta textann milli þeirra feitletruð,

143
00:06:33,170 --> 00:06:35,430
skáletrun og undirstrikun.

144
00:06:35,430 --> 00:06:40,430
Svo skulum sjá hvað það myndi líta
eins og á virka vefsíðu í IDE mína.

145
00:06:40,430 --> 00:06:43,390
>> Svo hér í IDE ég hafa a
skrá sem heitir BIU punktur HTML.

146
00:06:43,390 --> 00:06:46,770
BIU punktur HTML bara að vera
feitletrað, skáletrun, undirstrikun.

147
00:06:46,770 --> 00:06:47,830
Ég opna það upp.

148
00:06:47,830 --> 00:06:51,810
>> Og við munum sjá að hér er ég
hafa þessa texta er B merki djörf.

149
00:06:51,810 --> 00:06:54,010
Þessi texti er I merki skáletrað.

150
00:06:54,010 --> 00:06:56,307
Og þessi texti er U merki undirstrikað.

151
00:06:56,307 --> 00:06:57,640
Hvað er þetta að fara að líta út?

152
00:06:57,640 --> 00:06:59,473
Jæja aftur, allt sem ég
að gera er að fara hérna

153
00:06:59,473 --> 00:07:04,690
að vafrinn minn, skrá vafrinn minn, smelltu
Preview og þetta er það sem kemur upp.

154
00:07:04,690 --> 00:07:07,520
>> Textinn á milli B
merki er örugglega nú djörf.

155
00:07:07,520 --> 00:07:10,720
Textinn á milli I
merki er örugglega nú skáletrað.

156
00:07:10,720 --> 00:07:14,634
Og textinn á milli U
merki er örugglega nú undirstrikað.

157
00:07:14,634 --> 00:07:15,550
Svo er það mjög gott.

158
00:07:15,550 --> 00:07:18,450
Við vitum nú hvernig á að gera texta
líta aðeins meira ímynda

159
00:07:18,450 --> 00:07:20,360
eða draga áherslu á ákveðna hluti.

160
00:07:20,360 --> 00:07:25,530
Annað par af sameiginlegum merkjum hér eru
málsgreinar tögin, P, og haus tags,

161
00:07:25,530 --> 00:07:27,980
sem ég hef veitt hér eins HX.

162
00:07:27,980 --> 00:07:32,520
>> Þessar P merki, þessi málsgrein tags,
brjóta textann upp í málsgreinar.

163
00:07:32,520 --> 00:07:34,646
Það er ekki nóg að bara
Enter og láta rými,

164
00:07:34,646 --> 00:07:37,186
vegna þess að tölva er bara að fara
að gera það sem þú segir það að gera

165
00:07:37,186 --> 00:07:39,450
og það hunsar hvítt
pláss fyrir mestu.

166
00:07:39,450 --> 00:07:41,636
Þannig að við getum ekki bara ýta á Enter
og búast tölvunni okkar

167
00:07:41,636 --> 00:07:43,760
að túlka sem við viljum
að hefja nýja málsgrein.

168
00:07:43,760 --> 00:07:47,670
Við höfum mjög skýrt segja þetta
er einn paragraph-- þetta er another--

169
00:07:47,670 --> 00:07:50,740
eftir umlykja hvert í hóp P tags.

170
00:07:50,740 --> 00:07:54,560
>> Og við höfum líka þessa valkosti
H tags, þessi haus tags.

171
00:07:54,560 --> 00:07:57,000
Við höfum sex mismunandi
af haus, einn, tveir, þrír,

172
00:07:57,000 --> 00:08:01,110
fjögur, fimm og sex, sem eru
smám stærri og stærri

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

174
00:08:01,710 --> 00:08:04,360
Og þeir fá minni og
minni og minni og minni.

175
00:08:04,360 --> 00:08:07,690
Þannig að við höfum efsta þrepi haus, annað
stigi haus, og svo framvegis, og svo framvegis.

176
00:08:07,690 --> 00:08:10,480
>> Við skulum taka a líta á kannski sumir
P merki og sumir haus tags

177
00:08:10,480 --> 00:08:13,110
í aðgerð á vefsíðu.

178
00:08:13,110 --> 00:08:18,180
Svo hér í IDE ég hafa a skrá sem heitir
PH punktur HTML, PH vera málsgreinar

179
00:08:18,180 --> 00:08:18,970
og haus tags.

180
00:08:18,970 --> 00:08:20,709
Opinn það upp.

181
00:08:20,709 --> 00:08:23,000
Það er mikið um að vera hér
vegna þess að ég hef sett nokkrar Forsíða

182
00:08:23,000 --> 00:08:24,660
Forsíða, sumir bara af handahófi texta hér.

183
00:08:24,660 --> 00:08:27,284
Þannig að ég ætla að þysja út smá
vegna þess að það er svo mikið að fara á.

184
00:08:27,284 --> 00:08:31,980
En eftir því að ég hef að minnsta
top hér Ég er með H1, stigi eitt,

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

186
00:08:32,802 --> 00:08:36,010
Þá hef ég málsgrein, sem er bara
fullt af handahófi text-- Forsíða ipsum--

187
00:08:36,010 --> 00:08:38,720
bara sjálfgefið staðall fylla í texta.

188
00:08:38,720 --> 00:08:41,970
Þannig að ég hef tvær málsgreinar inni sem
Fyrsta stigs haus og niður undir I

189
00:08:41,970 --> 00:08:46,850
hafa stigs haus hér á línu 24,
annað stig haus, og annar tveggja

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

191
00:08:47,840 --> 00:08:51,910
Jæja hvað er þetta líta út eins
ef ég skoða það í forskoðun mínu?

192
00:08:51,910 --> 00:08:53,790
Látum okkur sjá.

193
00:08:53,790 --> 00:08:55,730
>> Svo eftir að
Fyrsta stig haus hér

194
00:08:55,730 --> 00:08:58,420
er í raun töluvert stærri
en seinni stigi haus.

195
00:08:58,420 --> 00:08:59,940
Svo við notuðum H1 tags.

196
00:08:59,940 --> 00:09:03,820
Og eftir að P merki leyfa okkur
að brjóta það út í málsgreinar.

197
00:09:03,820 --> 00:09:07,500
Ef við hefðum fengið losa af þessir P tags
og í raun bara að setja inn eða Skil

198
00:09:07,500 --> 00:09:10,110
í milli þess sem við vonast myndi
vera mismunandi málsgreinar,

199
00:09:10,110 --> 00:09:13,193
þeir myndu allir bara skellur saman og
það myndi ekki hafa þetta ágætur málsgrein

200
00:09:13,193 --> 00:09:15,840
aðskilnaður með pláss fyrir ofan og neðan.

201
00:09:15,840 --> 00:09:18,300
Og svo er það það lið
merki og haus tags

202
00:09:18,300 --> 00:09:22,440
eru almennt notuð til að gera til að draga
athygli að hluta vefsíðu okkar

203
00:09:22,440 --> 00:09:23,550
á þann hátt.

204
00:09:23,550 --> 00:09:27,560
>> Næsta upp eru nokkrar skipanir sem við notum
að byggja lista á vefsíðu okkar.

205
00:09:27,560 --> 00:09:30,820
Þannig að við höfum óraðaða
lists-- ULs-- sem eru bara

206
00:09:30,820 --> 00:09:34,090
bulleted listum, raðað
Listinn sem eru numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- og inni annaðhvort
einn af þeim sem við þurfum að hafa

208
00:09:37,680 --> 00:09:40,600
setur um hvernig á að kynna listi atriði, Li.

209
00:09:40,600 --> 00:09:44,370
Og svo við höfum opið UL tag
og við setjum atriði inni af því.

210
00:09:44,370 --> 00:09:46,920
Og svo þegar við erum búin með
að við getum lokað UL tag.

211
00:09:46,920 --> 00:09:49,850
>> Og álíka við getum haft
skipað eða tölusettur listi

212
00:09:49,850 --> 00:09:51,560
og setja listi atriði inni af því.

213
00:09:51,560 --> 00:09:53,350
Svo skulum taka a líta
á nokkra lista

214
00:09:53,350 --> 00:09:57,230
og hvað þeir myndu
láta eins og á CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Þannig að ég hef hér í IDE MITT
skrá sem heitir listum punktur HTML.

216
00:10:00,640 --> 00:10:03,100
Við skulum taka a líta.

217
00:10:03,100 --> 00:10:08,482
>> Og tilkynning hér Ég er með óraðaða
lista með fimm hluti í það.

218
00:10:08,482 --> 00:10:11,440
Og þá hef ég raðaðan lista, og
Ég hef breytt efnisorðinu smá,

219
00:10:11,440 --> 00:10:11,939
ekki satt?

220
00:10:11,939 --> 00:10:13,152
Ég hef sagt að byrja jafngildir sex.

221
00:10:13,152 --> 00:10:16,110
Það kemur í ljós með röðuðu lista I
Hægt er að stilla upphafsstað þar

222
00:10:16,110 --> 00:10:20,130
Ég want-- við vanræksla það verður one--
bara með því að bæta þetta svokallaða eigindi

223
00:10:20,130 --> 00:10:21,190
að OL tag minn.

224
00:10:21,190 --> 00:10:23,572
Og svo þessi listi mun
byrja að telja klukkan sex.

225
00:10:23,572 --> 00:10:26,780
Svo þætti þess númera lista
ætti að vera sex, sjö, átta, níu, tíu,

226
00:10:26,780 --> 00:10:29,930
vegna þess að það eru fimm þættir
á listanum, eins og öfugt við einn,

227
00:10:29,930 --> 00:10:33,770
tveir, þrír, fjórir, fimm, sem
væri að ræða ef ég hefði sagt OL

228
00:10:33,770 --> 00:10:36,730
án þess að tilgreina í upphafi eiginleiki.

229
00:10:36,730 --> 00:10:41,594
>> Þannig að við munum bara sýnishorn þetta svo þú getur
fá tilfinningu fyrir hvað er að gerast hér.

230
00:10:41,594 --> 00:10:42,260
Og það sem við förum.

231
00:10:42,260 --> 00:10:44,610
Það er minn listi.

232
00:10:44,610 --> 00:10:47,810
Fyrstu fimm þættir eru
óraðaða eða bulleted listum.

233
00:10:47,810 --> 00:10:51,010
Og næstu fimm þætti
eru aðskilin lista er

234
00:10:51,010 --> 00:10:52,980
byrja frá sex.

235
00:10:52,980 --> 00:10:56,247
Svo það er hvernig við getum
útbýrð með HTML.

236
00:10:56,247 --> 00:10:58,080
Annar hlutur þú might
langar að gera með HTML

237
00:10:58,080 --> 00:11:01,520
er að byggja upp töflu yfir
upplýsingar af línum og dálkum

238
00:11:01,520 --> 00:11:04,560
til að kynna upplýsingar í
sérstaklega skipulögð leið.

239
00:11:04,560 --> 00:11:09,110
Til að gera þetta með HTML getum hafa
borð skilgreining farin opið krappi

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

241
00:11:10,160 --> 00:11:14,680
Og þá inni borðið við
gæti hafa sett af línum, TR tags

242
00:11:14,680 --> 00:11:15,980
að gefa til kynna hvern róður.

243
00:11:15,980 --> 00:11:22,510
Og þá TD skipanir inni TR tags
að tilgreina dálk innan röð.

244
00:11:22,510 --> 00:11:24,340
>> Hvers vegna er það kallað TD og ekki tc?

245
00:11:24,340 --> 00:11:25,940
Jæja, TD stendur fyrir borð gögn.

246
00:11:25,940 --> 00:11:27,900
Venjulega þú ert að setja
upplýsingarnar þar.

247
00:11:27,900 --> 00:11:29,440
Svo er það hvers vegna það er TD ekki TC.

248
00:11:29,440 --> 00:11:31,140
Það er svolítið ruglingslegt.

249
00:11:31,140 --> 00:11:33,720
>> Svo þú ert borð tags og
inni borð tags

250
00:11:33,720 --> 00:11:35,600
þú hafa a tala af línum, TRS.

251
00:11:35,600 --> 00:11:40,030
Og inni hverri röð þú ert
TDS fyrir fjölda dálka

252
00:11:40,030 --> 00:11:42,880
sem þú vilt hafa
í viðkomandi röð.

253
00:11:42,880 --> 00:11:47,730
Við skulum taka a líta á a mjög
einfalt borð yfir í CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Þannig að ég hef hér skrá
kallað borð punktur HTML.

255
00:11:49,730 --> 00:11:53,390
Við skulum hafa a líta á
hvað það lítur út.

256
00:11:53,390 --> 00:11:56,225
Það er mikið um að vera hér en
ef þú tekur eftir að ég hef borð opinn.

257
00:11:56,225 --> 00:11:57,850
Ég er að byrja á skilgreiningu með borði.

258
00:11:57,850 --> 00:12:02,100
Og þá í fyrstu röðinni ég greinilega
hafa fjórir dálkar, einn, tveir, þrír,

259
00:12:02,100 --> 00:12:02,660
fjórir.

260
00:12:02,660 --> 00:12:04,290
Og þá er ég búin með röðinni.

261
00:12:04,290 --> 00:12:07,750
>> Svo ég byrja annað röð og
gera tvær, fjórar, sex, átta.

262
00:12:07,750 --> 00:12:08,850
Klára að röð.

263
00:12:08,850 --> 00:12:11,410
Gera annað röð, þrjú, sex, níu, 12.

264
00:12:11,410 --> 00:12:14,830
Og þá síðustu röð, fjórir,
átta, 12, og þó að það er

265
00:12:14,830 --> 00:12:16,560
smá skera burt hér, 16.

266
00:12:16,560 --> 00:12:17,710
>> Ég kláraði röðinni.

267
00:12:17,710 --> 00:12:18,970
Ég kláraði borðið.

268
00:12:18,970 --> 00:12:21,430
Og þá er ég búin með HTML mínum.

269
00:12:21,430 --> 00:12:22,590
Hvað þýðir þetta út?

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

271
00:12:26,014 --> 00:12:27,430
Jæja, það er í raun ekki mikið að sjá.

272
00:12:27,430 --> 00:12:31,690
Ég hef greinilega skipulagt mínar
í nokkuð skipulegri hátt.

273
00:12:31,690 --> 00:12:33,755
En það er ekki frábær falleg hér.

274
00:12:33,755 --> 00:12:36,130
Og við erum að fara að takast á við
að þegar við tölum um CSS.

275
00:12:36,130 --> 00:12:38,930
Við munum rifja þessa hugmynd
það sem við gerum til að gera table--

276
00:12:38,930 --> 00:12:41,260
kannski forsníða það svolítið betur?

277
00:12:41,260 --> 00:12:45,070
En ég hef enn fjórar raðir,
hver um sig hefur fjögur blöð,

278
00:12:45,070 --> 00:12:48,890
og í raun hvað þetta nemur er
mjög einfalt fjögur af fjórum margföldun

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

280
00:12:49,870 --> 00:12:51,690
>> Bara nokkrar fleiri merki við munum tala um.

281
00:12:51,690 --> 00:12:54,617
Við skulum tala um
Hugmyndin um HTML formi.

282
00:12:54,617 --> 00:12:57,450
Svo þú gætir hafa séð þetta í
Samhengi skrá þig inn á vefsíðu.

283
00:12:57,450 --> 00:12:59,100
Venjulega þú skrifar í notandanafni þínu.

284
00:12:59,100 --> 00:13:01,510
Þú skrifar í lykilorði þínu,
og þú ert góður til fara.

285
00:13:01,510 --> 00:13:04,170
Það myndi vera upphafið að formi.

286
00:13:04,170 --> 00:13:05,420
>> Skipstjóri á div annað.

287
00:13:05,420 --> 00:13:07,987
Við höfum einnig aðföng sem
konar passa inni formum.

288
00:13:07,987 --> 00:13:10,320
Þetta eru þættir sem
þú ert í raun að slá inn,

289
00:13:10,320 --> 00:13:12,580
eða Hnapparnir þú ert
tifar, eða stöðva

290
00:13:12,580 --> 00:13:14,310
kassar sem þú ert að tjalddúkur burt.

291
00:13:14,310 --> 00:13:15,770
Svo þessir fara inni formum.

292
00:13:15,770 --> 00:13:18,500
Og þeir samanstanda grundvallaratriðum
hver röð af því formi

293
00:13:18,500 --> 00:13:19,887
ef form er forsniðinn vel.

294
00:13:19,887 --> 00:13:22,220
Þá er það þetta hugtak
a div, sem er í raun ekki

295
00:13:22,220 --> 00:13:25,060
passa neina sérstaka flokk
tags eins og þær sem ég hef

296
00:13:25,060 --> 00:13:26,170
verið að gera áður.

297
00:13:26,170 --> 00:13:29,790
Það bara svona demarcates á
upphaf einhvern handahófskenndan division--

298
00:13:29,790 --> 00:13:31,670
div-- á síðunni.

299
00:13:31,670 --> 00:13:33,210
Það er engin sjón brot.

300
00:13:33,210 --> 00:13:34,800
Það er engin lína.

301
00:13:34,800 --> 00:13:37,180
Það er ekki sett af sem
sérstakt klumpur sjálfkrafa.

302
00:13:37,180 --> 00:13:39,430
Þú vilt að stíll það
sem leið til að gera það.

303
00:13:39,430 --> 00:13:42,110
>> Það bara svona segir ég vil
stykki af plássi á vefsíðu mína,

304
00:13:42,110 --> 00:13:45,190
og ég ætla bara að fara að hringja í
það er þessi skipting síðuna mína.

305
00:13:45,190 --> 00:13:47,619
Við getum sett efni inn
af Divs, og í raun,

306
00:13:47,619 --> 00:13:49,410
þegar við höfuð yfir
IDE í annað, við munum

307
00:13:49,410 --> 00:13:53,760
sjá að ég er að setja minn
mynda inni í div.

308
00:13:53,760 --> 00:13:57,050
>> Þannig að ég hef hér í IDE MITT
skrá sem heitir div form punktur HTML.

309
00:13:57,050 --> 00:13:59,260
Skulum opna það upp.

310
00:13:59,260 --> 00:14:01,460
Takið eftir að eins og ég sagði,
div er góður af handahófskennt.

311
00:14:01,460 --> 00:14:01,640
Ekki satt?

312
00:14:01,640 --> 00:14:02,973
Það skiptir í raun ekki neitt.

313
00:14:02,973 --> 00:14:05,140
Þannig að ég hef handahófskennt
Fyrsta deild síðuna mína.

314
00:14:05,140 --> 00:14:07,848
Og þá í stað þess annað div
síðar, byrja á línu átta,

315
00:14:07,848 --> 00:14:08,730
Ég hef þetta eyðublað.

316
00:14:08,730 --> 00:14:13,594
Og inni í formi sem ég hef a
Fjöldi aðföngum, sviðum formi.

317
00:14:13,594 --> 00:14:16,510
Þannig að ég hef sviði heitir A--
sem er í raun ekki neitt

318
00:14:16,510 --> 00:14:19,350
rétt now-- sem virðist
tekur texta, annað sem

319
00:14:19,350 --> 00:14:22,630
tekur lykilorð, annar sem er Radio
hnappinn, annað sem er kassann,

320
00:14:22,630 --> 00:14:24,797
og annað það er Senda hnappinn.

321
00:14:24,797 --> 00:14:26,630
Jæja, hvað er þetta
allt í raun líta út?

322
00:14:26,630 --> 00:14:27,629
Jæja, við skulum taka a líta.

323
00:14:27,629 --> 00:14:31,010
Við munum opna það upp í glugganum sýnishorn okkar.

324
00:14:31,010 --> 00:14:33,557
Takið eftir að þetta handahófskennt
Fyrsta division-- það er

325
00:14:33,557 --> 00:14:34,640
engin sjónræn aðskilnaður hér.

326
00:14:34,640 --> 00:14:37,150
Það var í raun ekki að gera neitt, ekki satt?

327
00:14:37,150 --> 00:14:38,220
>> Og þá hef ég mynd mína.

328
00:14:38,220 --> 00:14:39,890
Og ég gerði það ekki að öllum sérstökum formatting.

329
00:14:39,890 --> 00:14:42,680
Svo mynd er bara einn
stór röð af upplýsingum.

330
00:14:42,680 --> 00:14:46,424
Ef ég hefði sniðinn formi mig á annan hátt,
Ég gæti hafa það línu fyrir línu fyrir línu.

331
00:14:46,424 --> 00:14:47,590
En ég gerði það ekki allir stíl.

332
00:14:47,590 --> 00:14:49,256
Aftur, við erum ekki að tala um CSS hér.

333
00:14:49,256 --> 00:14:51,030
Við erum bara að tala um HTML.

334
00:14:51,030 --> 00:14:53,980
>> Jæja í formi texta ég get type--
muna að form gerð texta

335
00:14:53,980 --> 00:14:55,480
þannig að ég get sett nafnið mitt.

336
00:14:55,480 --> 00:14:57,330
Og í I lykilorð
getur slegið lykilorð.

337
00:14:57,330 --> 00:14:59,740
Og vegna þess að á því sviði
er af gerðinni lykilorð,

338
00:14:59,740 --> 00:15:01,470
þú veist ekki hvað lykilorðið mitt er.

339
00:15:01,470 --> 00:15:02,800
Það er allt punktar.

340
00:15:02,800 --> 00:15:09,140
>> Ég get líka valið að merkið a
útvarp hnappur eða merkið á kassann.

341
00:15:09,140 --> 00:15:10,420
Eða ég gæti sent eyðublað mína.

342
00:15:10,420 --> 00:15:11,810
Og ég gerði ekki neitt,
svo þegar ég skila mynd mína,

343
00:15:11,810 --> 00:15:13,090
endurnýjast bara.

344
00:15:13,090 --> 00:15:16,970
En ég gæti kannski stilla minn
Senda hnappinn til að gera eitthvað annað.

345
00:15:16,970 --> 00:15:20,410
Og við munum sjá hvað við getum gert með
að í framtíðinni vídeó á PHP.

346
00:15:20,410 --> 00:15:22,520
En þetta byggir mjög
einfalt form sem við

347
00:15:22,520 --> 00:15:27,360
Hægt er að nota til að hafa samskipti notenda og
senda upplýsingar á heimasíðu okkar.

348
00:15:27,360 --> 00:15:29,620
>> Einn síðastur athugasemd áður en við
fara sumum öðrum merkjum

349
00:15:29,620 --> 00:15:32,040
eru að taka a líta á þetta
inntak tag einu sinni.

350
00:15:32,040 --> 00:15:35,760
Takið eftir að ég hef bent
endar á merkinu í rauðu.

351
00:15:35,760 --> 00:15:39,390
Sérhver önnur tag sem við höfum séð hingað til hefur
átti sér upphaf og endi, svekktur

352
00:15:39,390 --> 00:15:41,030
tag og lokun tag.

353
00:15:41,030 --> 00:15:42,520
>> En inntak tag er ekki.

354
00:15:42,520 --> 00:15:46,860
Það er enginn texti sem fer
á milli inntak tags.

355
00:15:46,860 --> 00:15:49,160
Allar þær upplýsingar
við erum ætlaði að flytja

356
00:15:49,160 --> 00:15:52,640
er bundin sem hluti af
eiginleika þess inntak.

357
00:15:52,640 --> 00:15:54,690
Taka við höfum nafn inntak jafngildir x.

358
00:15:54,690 --> 00:15:55,580
Gerð jafngildir y.

359
00:15:55,580 --> 00:15:57,660
Það er í raun allt
upplýsingar sem við þurfum.

360
00:15:57,660 --> 00:15:59,470
>> Þetta er kallað sjálf lokun tag.

361
00:15:59,470 --> 00:16:02,470
Það þarf ekki upphafs- og
nálægt því allar upplýsingar

362
00:16:02,470 --> 00:16:04,974
er að finna inni í
tag og eiginleika þess.

363
00:16:04,974 --> 00:16:06,390
Svo stundum þú munt sjá þetta líka.

364
00:16:06,390 --> 00:16:10,400
Svo bara vera meðvitaður um að ef þú ert með
tag sem er algjörlega sjálf-gámur,

365
00:16:10,400 --> 00:16:14,170
það opnar og lokar sig með
opinn oddklofi til vinstri

366
00:16:14,170 --> 00:16:17,000
og rista horn
krappi á hægri.

367
00:16:17,000 --> 00:16:20,580
Við munum sjá annað af þeim
núna með tags mynd eins og heilbrigður.

368
00:16:20,580 --> 00:16:23,300
>> Áður en við tölum um myndir, við
þurfa að tala um tengla.

369
00:16:23,300 --> 00:16:26,080
Ef við viljum vefsíðu okkar til að vera
gagnvirk og færa okkur í kring,

370
00:16:26,080 --> 00:16:28,121
það væri gaman að geta
að smella á einn af þeim

371
00:16:28,121 --> 00:16:30,190
hvað hefur oftast verið blár tengill.

372
00:16:30,190 --> 00:16:34,440
Þetta er í raun hvernig við byggjum
tengil á vefsíðunni okkar.

373
00:16:34,440 --> 00:16:36,540
Og athyglisvert nóg
það er annað HTML tag

374
00:16:36,540 --> 00:16:39,000
kölluð tengilinn, sem er ekki tengil.

375
00:16:39,000 --> 00:16:44,130
A hér stendur fyrir akkeri, og
það er hvernig við benda tengil.

376
00:16:44,130 --> 00:16:49,150
>> A href jafngildir x þýðir að fara að
Vefsíðan X. Og allt

377
00:16:49,150 --> 00:16:51,580
milli opinn A tag
og loka tag

378
00:16:51,580 --> 00:16:56,010
er það sem er að fara að vera að undirstrikað
blár texti sem lítur út eins og a hlekkur

379
00:16:56,010 --> 00:16:57,590
sem við erum kunnugir.

380
00:16:57,590 --> 00:17:01,660
Hér fyrir neðan sem við höfum mynd tag, sem
er sjálf að loka tag til að birta

381
00:17:01,660 --> 00:17:05,599
mynd sem staðsett er á X. Og
þú might vera fær til að breyta

382
00:17:05,599 --> 00:17:08,280
þessi mynd með því að skilgreina
breidd og hæð

383
00:17:08,280 --> 00:17:11,640
og aðra eiginleika í
að punktur punktur punktur þar.

384
00:17:11,640 --> 00:17:14,260
>> Á mjög neðst hér
við höfum mjög áhugavert

385
00:17:14,260 --> 00:17:16,170
leita tag sem er ekki
hafa lokun tag.

386
00:17:16,170 --> 00:17:19,410
Það er upphrópunarmerki DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
Svo HTML hefur verið í kring síðan
1990 til að byggja vefsíður,

388
00:17:23,300 --> 00:17:25,859
og það er farið vörunnar
nokkrir endurskoðun síðan.

389
00:17:25,859 --> 00:17:28,550
Síðast í 2014
það fóru endurskoðun

390
00:17:28,550 --> 00:17:33,440
heitir HTML5 sem er nú núverandi
konar reynd HTML staðlinum.

391
00:17:33,440 --> 00:17:36,730
>> Að gefa til kynna að vefur okkar
síður eru skrifuð með HTML5,

392
00:17:36,730 --> 00:17:38,160
þetta er hvernig við að byrja á.

393
00:17:38,160 --> 00:17:40,380
Það er hægt að sleppa en
hvað sem í grundvallaratriðum

394
00:17:40,380 --> 00:17:45,930
leið er að þú getur ekki notað eitthvað af merkjunum
sem eru HTML5 tags, þessum nýju merki.

395
00:17:45,930 --> 00:17:48,591
Svo við byrjum alltaf á
ef við erum að nota HTML5.

396
00:17:48,591 --> 00:17:51,340
Og allir merki sem við höfum talað um
áður eru ekki HTML5 tags.

397
00:17:51,340 --> 00:17:55,470
En þetta myndi gefa til kynna að
HTML5 tags mun vera til staðar.

398
00:17:55,470 --> 00:17:58,400
Og svo við höfum upphrópun
DOCTYPE HTML, sem

399
00:17:58,400 --> 00:18:01,280
er í upphafi okkar
HTML skrá, og þá eftir að lið

400
00:18:01,280 --> 00:18:04,930
við höfum í raun HTML okkar opin
merkja og halda áfram þaðan.

401
00:18:04,930 --> 00:18:10,050
>> Sú síðasta er athugasemd tag,
sem lítur örlítið öðruvísi líka.

402
00:18:10,050 --> 00:18:12,810
Það byrjar með horn
krappi upphrópunarmerki þjóta

403
00:18:12,810 --> 00:18:15,220
þjóta en ekki lokun krappi.

404
00:18:15,220 --> 00:18:20,150
Á milli þessara tveggja þátta þar
er þar sem þú skrifa athugasemdir.

405
00:18:20,150 --> 00:18:28,420
Og við skulum taka a líta á myndirnar
og athugasemdir og tengla í CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Þannig að ég hef hér til skrá sem heitir mynd tengilinn
punktur HTML sem ég ætla að opna.

407
00:18:32,850 --> 00:18:36,420
Og eftir að ég hef fengið nokkrar
athugasemdir hér í HTML athugasemdum mínum.

408
00:18:36,420 --> 00:18:38,990
Svo bara eins og í C og öðrum
forritunarmál,

409
00:18:38,990 --> 00:18:43,169
HTML bara með því að vera Markup Language
er hafa getu til að hafa athugasemdir.

410
00:18:43,169 --> 00:18:45,710
Og svo ég víst að fara að
setja mynd af Rick Astley

411
00:18:45,710 --> 00:18:49,060
einhvers staðar á milli þessa div
tag, þetta handahófskennt deild.

412
00:18:49,060 --> 00:18:51,497
Apparently þessi skrá er
staðsett á Rick punktur JPEG, sem

413
00:18:51,497 --> 00:18:53,580
ef við höfuð aftur yfir til
skrá tré minn fyrir annað,

414
00:18:53,580 --> 00:18:55,490
er skrá sem er í
núverandi möppu.

415
00:18:55,490 --> 00:18:56,031
Svo er það allt í lagi.

416
00:18:56,031 --> 00:18:57,710
Ég get tilvísun það.

417
00:18:57,710 --> 00:18:59,680
>> Þá get ég með innri tengsl.

418
00:18:59,680 --> 00:19:05,080
Svo eftir á línu 11 hér
href minn er halló punktur HTML.

419
00:19:05,080 --> 00:19:09,050
Þannig að bara átt við halló punktur HTML
sem er til staðar í núverandi möppu.

420
00:19:09,050 --> 00:19:12,980
Og ég get einnig haft ytri
tenglar bara með því að skilgreina HTTPS

421
00:19:12,980 --> 00:19:16,180
að gefa til kynna að ég er ekki að tala
um skrá í núverandi möppu mína.

422
00:19:16,180 --> 00:19:19,730
Ég er að tala um skrá sem er til staðar
einhvers staðar á internetinu, sem ég hef

423
00:19:19,730 --> 00:19:23,370
að biðja með HTTP siðareglur.

424
00:19:23,370 --> 00:19:25,990
>> Svo skulum taka a líta á það
þessa síðu gæti litið út

425
00:19:25,990 --> 00:19:29,500
og fá tilbúinn fyrir mynd af Rick
Astley að sýna upp á þinn skjár.

426
00:19:29,500 --> 00:19:31,490
Svo ég ætla að forskoða þessa.

427
00:19:31,490 --> 00:19:33,800
Það er Rick Astley minnsta
mjög toppur í þessu handahófskennt

428
00:19:33,800 --> 00:19:35,008
deild ég setti hana efst.

429
00:19:35,008 --> 00:19:36,960
Og þá niðri I
hafa tengla mína, ekki satt?

430
00:19:36,960 --> 00:19:39,330
>> Ég er með tengil á hello punktur HTML.

431
00:19:39,330 --> 00:19:42,860
Og ef ég smelli sem ég fá
flutt yfir á þessa síðu

432
00:19:42,860 --> 00:19:47,050
að við erum mjög kunnugur frá
upphafi áætlun okkar.

433
00:19:47,050 --> 00:19:50,880
Ef ég skrepp þá síðu opið aftur, ef ég
pop mynd tengilinn opna einu sinni,

434
00:19:50,880 --> 00:19:54,420
Ég get líka farið utan
á vefsvæðið CS50 er.

435
00:19:54,420 --> 00:19:56,740
Og þar sem við see-- ég ætla
súmma út smá here--

436
00:19:56,740 --> 00:20:00,260
við munum sjá CS50 er website konar
embed in í the miðja af síðunni okkar.

437
00:20:00,260 --> 00:20:04,670
Þannig að ég var fær til að gera innri
tengja og ytri hlekkur.

438
00:20:04,670 --> 00:20:07,200
>> Síðasti regla með HTML sem
við erum að fara að tala um hér

439
00:20:07,200 --> 00:20:09,510
er að HTML þitt ætti að vera vel mynduð.

440
00:20:09,510 --> 00:20:13,020
Í C við ræddum mikið um
ýmsum setningafræði af hlutum.

441
00:20:13,020 --> 00:20:17,650
Í HTML setningafræði virkilega
snýst um merkingar.

442
00:20:17,650 --> 00:20:19,660
Sérhver tag þú opnar þarf að vera lokað.

443
00:20:19,660 --> 00:20:22,630
Og í raun, hvert tag þú opnar
skal lokað í öfugri röð.

444
00:20:22,630 --> 00:20:25,790
>> Svo ef þú opnar djörf tag, sem italic
tag, og síðan undirstrika tag

445
00:20:25,790 --> 00:20:28,120
að gera allar þrjár til a
einkum setja texta,

446
00:20:28,120 --> 00:20:30,070
þú ættir að loka þeim í öfugri röð.

447
00:20:30,070 --> 00:20:32,270
Svo ef þú hefur opnað djörf,
skáletrun, undirstrikun, þú

448
00:20:32,270 --> 00:20:35,240
vilja til að loka undirstrika, skáletrað, feitletrað.

449
00:20:35,240 --> 00:20:39,990
Þessi tegund af hjúpun er hvað
heldur HTML gott og skipulagt.

450
00:20:39,990 --> 00:20:44,370
>> Ólíkt C, þó villur mun ekki
reyndar Cripple HTML hugsanlega.

451
00:20:44,370 --> 00:20:48,730
HTML getur verið ekki vel
myndast en myndi samt vinna.

452
00:20:48,730 --> 00:20:50,589
Og svo þessar villur
Hægt er að raða af renna af.

453
00:20:50,589 --> 00:20:52,130
Það er komið að þér að virkilega að vera vakandi.

454
00:20:52,130 --> 00:20:54,760
Stundum þeir vilja mistakast en
stundum er hægt að komast upp með það.

455
00:20:54,760 --> 00:20:56,509
>> Það getur verið mjög
erfitt verkefni, þó,

456
00:20:56,509 --> 00:21:00,660
til að halda utan um þegar það var
a tag, þegar þú lokaðir honum,

457
00:21:00,660 --> 00:21:04,110
sérstaklega þar sem HTML
skrár fá stærri og stærri.

458
00:21:04,110 --> 00:21:05,490
Þú þarft smá hjálp.

459
00:21:05,490 --> 00:21:07,560
Og það eru á netinu
Staðfestir verkfæri sem þú

460
00:21:07,560 --> 00:21:11,474
Hægt er að nota til að hafa a líta á þinn vefur
síðu og sjá hvort það er vel mynduð HTML.

461
00:21:11,474 --> 00:21:13,390
Og þú ættir örugglega
taka a líta á þá

462
00:21:13,390 --> 00:21:16,620
og byrja að nota þá eins og þú
byrja að gera sumir vinna með HTML,

463
00:21:16,620 --> 00:21:20,800
Námsefnisgerð í HTML, bara þannig að þú færð
nokkrar góðar venjur um að skipuleggja

464
00:21:20,800 --> 00:21:24,377
HTML þinn á góðan hátt og
góður stíll og gættu

465
00:21:24,377 --> 00:21:27,210
að þú ert ekki að gera neitt sem
gæti búið til setningafræði villa sem

466
00:21:27,210 --> 00:21:30,270
myndi valda þér smá
vandamál niður götuna.

467
00:21:30,270 --> 00:21:31,190
>> Ég er Doug Lloyd.

468
00:21:31,190 --> 00:21:33,450
Þetta er CS50.

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