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

2
00:00:06,986 --> 00:00:10,450
>> DAVEN Farnham: Jodi a, mwen pral
pale yon ti kras sou HTML,

3
00:00:10,450 --> 00:00:12,330
Ipèrtèkst markeup lang.

4
00:00:12,330 --> 00:00:14,450
Ou wè HTML toupatou jou sa yo.

5
00:00:14,450 --> 00:00:17,190
An reyalite, si w ap gade sa a
videyo nan yon navigatè, w ap

6
00:00:17,190 --> 00:00:19,120
wè HTML kounye a.

7
00:00:19,120 --> 00:00:22,760
HTML se pa yon lang programmation,
olye, li nan yon lang markeup itilize pa

8
00:00:22,760 --> 00:00:25,460
navigatè entènèt rann paj
sou entènèt la.

9
00:00:25,460 --> 00:00:30,410
>> Se konsa, ou ka mande, ki jan egzakteman ap ekri
yon paj wèb nan HTML diferan

10
00:00:30,410 --> 00:00:33,574
soti nan ekri yon pwogram nan yon pwogram
lang tankou C?

11
00:00:33,574 --> 00:00:38,010
Oke, C se yon lang ki gen trè sevè
règ sentaks ki bezwen yo dwe

12
00:00:38,010 --> 00:00:39,880
konpile anvan li ka kouri.

13
00:00:39,880 --> 00:00:43,070
Si ou janm bliye genyen ladan yo yon
pwenvigil nan fen yon deklarasyon ki nan

14
00:00:43,070 --> 00:00:46,660
Kòd ou C, ou konnen sa m ap di
sou nan konsidere strik sentaks.

15
00:00:46,660 --> 00:00:50,360
>> Navigatè entènèt menm si, se yon ti jan pi plis
padonnen lè li rive HTML.

16
00:00:50,360 --> 00:00:53,860
Menm si HTML ou a pa syntactically
kòrèk, paj ou ka toujou

17
00:00:53,860 --> 00:00:57,150
parèt pa yon navigatè, men li ta ka
pa gade jan ou gen entansyon.

18
00:00:57,150 --> 00:00:59,640
Se konsa, li la toujou pi bon yo
swiv règleman yo.

19
00:00:59,640 --> 00:01:01,990
Pi bon fason pou yo ka resevwa yon entwisyon
sou ki jan bagay sa yo travay se yo

20
00:01:01,990 --> 00:01:03,300
ale nan yon egzanp.

21
00:01:03,300 --> 00:01:07,360
>> Se konsa, sa nou gen isit la se yon debaz
plan pou yon paj entènèt.

22
00:01:07,360 --> 00:01:10,690
Ou pwobableman remake yon bann bagay sa yo
nan ant parantèz Incline.

23
00:01:10,690 --> 00:01:12,900
Oke, sa yo se jis Tags.

24
00:01:12,900 --> 00:01:15,810
Tags fondamantalman enfòme navigatè entènèt
sa a, hey, yon bagay

25
00:01:15,810 --> 00:01:17,150
la ap vini fason ou.

26
00:01:17,150 --> 00:01:20,770
Sonje menm si, chak fwa ou louvri yon
tag, ou bezwen fèmen l 'yon fwa ou yo se

27
00:01:20,770 --> 00:01:21,750
fè lè l sèvi avèk li.

28
00:01:21,750 --> 00:01:24,690
>> Se konsa, pou egzanp, mwen louvri yon seksyon
nan kòd ak louvri

29
00:01:24,690 --> 00:01:26,960
kò bracket, fèmen bracket.

30
00:01:26,960 --> 00:01:31,280
Mwen Lè sa a, ajoute kèk tèks, nan ka sa a, mwen
paj entènèt premye Lè sa a, lè mwen te ale nan

31
00:01:31,280 --> 00:01:35,540
fèmen seksyon sa a, mwen sèvi ak prèske yon
tag eksepte tan sa a ak yon

32
00:01:35,540 --> 00:01:37,660
pou pi devan koupe anvan kò.

33
00:01:37,660 --> 00:01:41,140
An jeneral, sa a se fòma a ou se
pral sèvi ak nenpòt lè w ap louvri

34
00:01:41,140 --> 00:01:42,680
ak fèmti Tags.

35
00:01:42,680 --> 00:01:47,900
Ansanm, yon tag louvri ak yon tag fen
konpoze sa yo rele yon eleman.

36
00:01:47,900 --> 00:01:51,870
>> Si ou gade nan liy lan premye, ou pral
wè yon pwen esklamasyon ki te swiv pa

37
00:01:51,870 --> 00:01:53,350
Doktip html.

38
00:01:53,350 --> 00:01:56,280
Sa a se vrèman jis di navigatè ou a
ki dosye a se yon paj wèb

39
00:01:56,280 --> 00:01:58,280
ekri nan HTML.

40
00:01:58,280 --> 00:02:01,970
Tag nan HTML esansyèlman di,
isit la vini kèk HTML.

41
00:02:01,970 --> 00:02:04,950
Lè sa a, nou gen yon tag tèt ak
yon tag tit andedan li.

42
00:02:04,950 --> 00:02:09,430
Tag nan tèt ou ka panse a kòm
comprenant kòd HTML ki vini pou

43
00:02:09,430 --> 00:02:12,670
èstime nan paj ou a entènèt
reyèl kontni.

44
00:02:12,670 --> 00:02:16,700
>> An jeneral, ou mete tit la nan ou
paj entènèt isit la, menm si gen kèk

45
00:02:16,700 --> 00:02:19,350
lòt Tags ki ka parèt
isit la tou.

46
00:02:19,350 --> 00:02:25,020
Pwochen vini kò paj entènèt ou an, an
vyann aktyèl ak zo nan sit entènèt ou.

47
00:02:25,020 --> 00:02:28,910
Nan egzanp nou an, nou te jis mete yon senp
fraz, Premye Paj wèb m 'yo,

48
00:02:28,910 --> 00:02:34,100
ki, si nou kouri sit nou an, ap gade
yon ti kras yon bagay tankou sa a.

49
00:02:34,100 --> 00:02:36,810
Paj wèb nou an ki pa twò se sa
men pa enkyete w.

50
00:02:36,810 --> 00:02:39,210
Nou pral Spruce li moute byento.

51
00:02:39,210 --> 00:02:44,070
>> Se konsa, HTML ki pi wo a, nou pral ba ou yon trè
modèl debaz pou yon paj entènèt,

52
00:02:44,070 --> 00:02:46,310
pa gen anyen anpenpan, jis zo yo fè.

53
00:02:46,310 --> 00:02:49,160
Men, si mwen kreye yon paj entènèt,
E si mwen vle ajoute yon

54
00:02:49,160 --> 00:02:50,760
foto nan, di, tèt mwen?

55
00:02:50,760 --> 00:02:52,760
Bon, mwen ka fè sa.

56
00:02:52,760 --> 00:02:55,460
Gen yon koup nan fason yo
ajoute imaj nan sit ou a.

57
00:02:55,460 --> 00:02:59,780
Si imaj la se nan dosye a menm jan ak
dosye HTML ou, ou ka mennen nan an

58
00:02:59,780 --> 00:03:01,950
imaj via chemen tankou sa a.

59
00:03:01,950 --> 00:03:05,910
>> Ou louvri moute ak yon tag imaj swiv
pa nan Alt atribi nan la

60
00:03:05,910 --> 00:03:07,240
sous imaj la.

61
00:03:07,240 --> 00:03:12,030
Valè atribi nan Alt a se sèlman kèk
tèks altènatif nan ka yon itilizatè pa kapab

62
00:03:12,030 --> 00:03:13,580
wè imaj la.

63
00:03:13,580 --> 00:03:19,680
Sinon, ou ka tou mennen nan
imaj atravè yon URL plen, tankou sa a.

64
00:03:19,680 --> 00:03:24,180
Koulye a, ki sou sit wèb pa reyèlman egziste,
Men, si te gen yon foto nan

65
00:03:24,180 --> 00:03:27,760
m 'nan adrès sa a, mwen ta ka itilize
sous URL la genyen ladan yo

66
00:03:27,760 --> 00:03:29,930
imaj li sou sit entènèt mwen an.

67
00:03:29,930 --> 00:03:35,590
Nenpòt fason, ou fini ak yon anpil
bèl pase sit entènèt, yon bagay tankou sa a.

68
00:03:35,590 --> 00:03:39,730
>> Oke, sa a, se bèl fre, men mwen kalite
nan vle gen kèk tèks isit la tou.

69
00:03:39,730 --> 00:03:43,020
Se konsa, kite yo jis ajoute yon bagay
super senp pi wo a nan

70
00:03:43,020 --> 00:03:45,210
imaj, tankou header la.

71
00:03:45,210 --> 00:03:50,830
Tout sa mwen te fè byen lwen tèlman se sèvi ak lento a
tag, H1, ak yon ti repo liy tag, br.

72
00:03:50,830 --> 00:03:54,900
Tag nan header fè font la yon ti kras
ti jan pi gwo ak pi plis enpòtan.

73
00:03:54,900 --> 00:03:58,930
Tag nan liy repo, nan lòt la
men, se kalite fre.

74
00:03:58,930 --> 00:04:03,720
Kontrèman ak pifò lòt Tags, ou pa gen
yon ouvèti ak fèmti kraze tag, jis

75
00:04:03,720 --> 00:04:05,120
sa yo montre pi wo a.

76
00:04:05,120 --> 00:04:10,420
Sa a se paske ti repo pa gen okenn kontni
e se poutèt sa, yon eleman vid.

77
00:04:10,420 --> 00:04:14,940
>> Eleman vid tankou sa a, ou ka ouvè
epi fèmen ansanm tou senpleman pa

78
00:04:14,940 --> 00:04:20,420
ki gen ladan yon koupe pi devan nan la
nan fen deklarasyon inisyal la.

79
00:04:20,420 --> 00:04:24,390
Se konsa, koulye sit entènèt mwen an sanble yon ti kras
yon bagay tankou sa a.

80
00:04:24,390 --> 00:04:27,410
Pi bon, men li kalite santi l
tankou yon fen mouri.

81
00:04:27,410 --> 00:04:30,850
Genyen okenn kote lòt bagay yo ale sou kote
soti nan paj prensipal sa a.

82
00:04:30,850 --> 00:04:33,075
Oke, kite la ranje ki pa
ki gen ladan yon lyen.

83
00:04:33,075 --> 00:04:36,860
>> Sa mwen ap pral fè isit la se sèvi ak yon
atribi deziye pa A ak fè a

84
00:04:36,860 --> 00:04:40,780
imaj yon ap mennen nan, se pou yo di, CS50 televizyon.

85
00:04:40,780 --> 00:04:44,460
Nan fason sa a, chak fwa okenn moun klik sou m ',
ap navigatè yo dwe adrese dirèkteman ba

86
00:04:44,460 --> 00:04:47,810
yon lòt, pwobableman plis
ki itil, paj wèb.

87
00:04:47,810 --> 00:04:51,040
Mwen te gen pou misyon pou minimize gwosè a nan la
tèks yon ti jan paske paj entènèt nou an, se

88
00:04:51,040 --> 00:04:52,470
resevwa plis avanse.

89
00:04:52,470 --> 00:04:54,590
Men, èspere ke, li la toujou klè.

90
00:04:54,590 --> 00:04:59,460
Sit entènèt mwen an sanble ekzakteman menm bagay la sèlman
kounye a, lè mwen klike sou foto a,

91
00:04:59,460 --> 00:05:04,410
navigatè m 'pral louvri moute yon lòt
tab pou paj wèb la CS50.tv.

92
00:05:04,410 --> 00:05:08,970
>> Anfen, kite a di mwen pral style
sit entènèt sa a pita lè l sèvi avèk CSS.

93
00:05:08,970 --> 00:05:11,730
CSS se sa ki se li te ye kòm yon
style kaskad fèy.

94
00:05:11,730 --> 00:05:15,230
Epi li fondamantalman bay yon efikas
fason yo modifye ak style

95
00:05:15,230 --> 00:05:16,910
blòk menm jan an nan kòd.

96
00:05:16,910 --> 00:05:21,290
Mwen vle kòmanse òganize HTML mwen an
fè li pi fasil style pita sou.

97
00:05:21,290 --> 00:05:26,900
Isit la, mwen mete kanpe de diferan kalite
Idantifyan yo ede òganize Kòd m 'yo.

98
00:05:26,900 --> 00:05:31,170
Mwen te itilize atribi nan ID andedan yon
divizyon, oubyen tag div, epi mwen te itilize yon

99
00:05:31,170 --> 00:05:34,120
Gwoup atribi andedan
yon lòt tag DIV.

100
00:05:34,120 --> 00:05:37,190
>> Atribi ID ak Gwoup
travay Menm jan an tou.

101
00:05:37,190 --> 00:05:41,210
Sèl diferans ki genyen ou ka sèlman gen
yon sèl eleman, ID a espesifik, men

102
00:05:41,210 --> 00:05:43,600
nenpòt ki kantite eleman
ka pataje yon klas.

103
00:05:43,600 --> 00:05:47,690
Se konsa, pou egzanp, mwen kapab itilize klas la
imaj plizyè fwa, men mwen pa kapab

104
00:05:47,690 --> 00:05:50,533
kreye yon lòt divizyon
ak tèt la ID.

105
00:05:50,533 --> 00:05:54,750
Malgre ke mwen pa te ale nan CSS,
yon lòt lang souvan itilize

106
00:05:54,750 --> 00:05:59,700
ansanm ak HTML, yon fwa mwen kòmanse manier
Kòd mwen ak CSS, mwen ka sèvi ak sa yo

107
00:05:59,700 --> 00:06:03,730
atribi òganizasyonèl enfliyans
estetik paj entènèt mwen an.

108
00:06:03,730 --> 00:06:07,600
>> Tout bagay nan tèt la divizyon
ap gen stylings menm jan an oswa nenpòt ki

109
00:06:07,600 --> 00:06:12,010
lòt gwoup HTML gwoup mwen an nan
imaj klas pral pataje yon gade menm jan an.

110
00:06:12,010 --> 00:06:15,700
Sa a se pi fasil pase ap eseye modifye
ak imaj style oswa blòk nan

111
00:06:15,700 --> 00:06:17,690
tèks endividyèlman.

112
00:06:17,690 --> 00:06:21,480
>> Se konsa, nou janbe Basics yo nan ki jan
fè yon paj entènèt ak HTML.

113
00:06:21,480 --> 00:06:25,280
HTML gen yon pakèt moun sou lòt karakteristik twò
ki lè pè ak lòt lang

114
00:06:25,280 --> 00:06:29,220
tankou CSS ak JavaScript, kapab reyèlman
fè paj kanpe deyò.

115
00:06:29,220 --> 00:06:32,960
Pi bon fason pou yo ka resevwa konfòtab ak
HTML se jis dezòd alantou ak li,

116
00:06:32,960 --> 00:06:35,120
wè sa ki ap travay, ak sa ki pa fè sa.

117
00:06:35,120 --> 00:06:36,570
>> Non mwen se Daven Farnham.

118
00:06:36,570 --> 00:06:37,820
Sa a se CS50.

119
00:06:37,820 --> 00:06:40,640

120
00:06:40,640 --> 00:06:45,690
>> Se konsa, pou egzanp, mwen kapab itilize
imaj la klas -

121
00:06:45,690 --> 00:06:48,028
Pa gen, gen atribi anpil.

122
00:06:48,028 --> 00:06:52,500

123
00:06:52,500 --> 00:06:53,950
Non mwen se Daven Farnham.

124
00:06:53,950 --> 00:06:58,560
Sa a se CS 650.

125
00:06:58,560 --> 00:06:59,810
Mwen vle di CSS.

126
00:06:59,810 --> 00:07:02,325

127
00:07:02,325 --> 00:07:03,575
Sa a se CSS.

128
00:07:03,575 --> 00:07:05,408