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

2
00:00:06,986 --> 00:00:10,450
>> DAVEN FARNHAM: Illum, jien ser
nitkellmu ftit dwar HTML,

3
00:00:10,450 --> 00:00:12,330
HyperText Markup Language.

4
00:00:12,330 --> 00:00:14,450
You see HTML kullimkien dawn il-jiem.

5
00:00:14,450 --> 00:00:17,190
Fil-fatt, jekk inti qed jaraw dan
video fil-browser, int

6
00:00:17,190 --> 00:00:19,120
jaraw HTML dritt issa.

7
00:00:19,120 --> 00:00:22,760
HTML mhijiex lingwa ta 'programmar,
pjuttost, huwa lingwa markup jintużaw minn

8
00:00:22,760 --> 00:00:25,460
web browsers biex jagħmlu paġni
fuq l-internet.

9
00:00:25,460 --> 00:00:30,410
>> Allura inti jista 'jistaqsi, kif eżattament hija l-kitba
paġna web HTML differenti

10
00:00:30,410 --> 00:00:33,574
minn kitba ta 'programm ta' programmazzjoni
lingwa bħal C?

11
00:00:33,574 --> 00:00:38,010
Well, C hija lingwa ma stretta ħafna
regoli sintattiċi li jeħtieġ li jkun

12
00:00:38,010 --> 00:00:39,880
kkompilata qabel ma tista 'taħdem.

13
00:00:39,880 --> 00:00:43,070
Jekk inti stajt qatt minsija biex tinkludi
virgola fl-aħħar ta 'dikjarazzjoni fil-

14
00:00:43,070 --> 00:00:46,660
kodiċi C tiegħek, inti taf dak li jien jitkellem
dwar fl-rigward sintassi stretta.

15
00:00:46,660 --> 00:00:50,360
>> Web browsers għalkemm, huma daqsxejn aktar
klementi meta niġu għall-HTML.

16
00:00:50,360 --> 00:00:53,860
Anki jekk HTML tiegħek mhix sintattikament
korretta, paġna tiegħek xorta jista 'jkun

17
00:00:53,860 --> 00:00:57,150
murija permezz ta 'browser, iżda jista'
ma tfittex kif inti maħsuba.

18
00:00:57,150 --> 00:00:59,640
Allura huwa dejjem aħjar li
isegwu r-regoli.

19
00:00:59,640 --> 00:01:01,990
L-aħjar mod biex jiksbu l-intwizzjoni
dwar kif jaħdmu l-affarijiet huwa li

20
00:01:01,990 --> 00:01:03,300
jmorru permezz ta 'eżempju.

21
00:01:03,300 --> 00:01:07,360
>> Allura dak li għandna hawnhekk huwa bażiku
blueprint għal paġna web.

22
00:01:07,360 --> 00:01:10,690
You probabbilment ndunat ħafna affarijiet
fl bejn parentesi angolata.

23
00:01:10,690 --> 00:01:12,900
Ukoll, dawn huma biss tags.

24
00:01:12,900 --> 00:01:15,810
Tags bażikament tinforma web browsers
li, ħej, xi ħaġa

25
00:01:15,810 --> 00:01:17,150
huwa li ġejjin tiegħek mod.

26
00:01:17,150 --> 00:01:20,770
Ftakar għalkemm, meta inti tiftaħ
tag, ikollok bżonn li tagħlaq darba inti

27
00:01:20,770 --> 00:01:21,750
isir użu tiegħu.

28
00:01:21,750 --> 00:01:24,690
>> Hekk per eżempju, I tiftaħ taqsima
tal-kodiċi ma 'miftuħ

29
00:01:24,690 --> 00:01:26,960
korp parentesi, parentesi magħluqa.

30
00:01:26,960 --> 00:01:31,280
I imbagħad żid xi test, f'dan il-każ, my
paġna web ewwel imbagħad meta I marru għall-

31
00:01:31,280 --> 00:01:35,540
qrib din it-taqsima, I jużaw kważi
tag identiċi ħlief din id-darba ma '

32
00:01:35,540 --> 00:01:37,660
quddiem mmejla qabel korp.

33
00:01:37,660 --> 00:01:41,140
B'mod ġenerali, dan huwa l-format int
ser tuża kull meta inti ftuħ

34
00:01:41,140 --> 00:01:42,680
u l-għeluq tags.

35
00:01:42,680 --> 00:01:47,900
Flimkien, lametta miftuħ u tikketta tmiem
compose dak li sejjaħ element.

36
00:01:47,900 --> 00:01:51,870
>> Jekk inti tħares lejn l-ewwel linja, inti ser
tara punt exclamation segwit minn

37
00:01:51,870 --> 00:01:53,350
Html DOCTYPE.

38
00:01:53,350 --> 00:01:56,280
Dan huwa verament ftit javżak browser tiegħek
li l-fajl hija paġna web

39
00:01:56,280 --> 00:01:58,280
miktuba fil HTML.

40
00:01:58,280 --> 00:02:01,970
Il-lametta HTML essenzjalment jgħid,
hawnhekk jidħol xi HTML.

41
00:02:01,970 --> 00:02:04,950
Imbagħad għandna tag ras ma
a tag titolu ġewwa fih.

42
00:02:04,950 --> 00:02:09,430
Il-lametta ras inti tista 'taħseb kif
jinkludi HTML code li jiġi għal

43
00:02:09,430 --> 00:02:12,670
biċċa l-kbira tal-web-paġna tiegħek
kontenut attwali.

44
00:02:12,670 --> 00:02:16,700
>> B'mod ġenerali, inti tpoġġi l-titolu tal tiegħek
web page hawn, għalkemm hemm xi

45
00:02:16,700 --> 00:02:19,350
tags oħra li jistgħu jidhru
hawnhekk ukoll.

46
00:02:19,350 --> 00:02:25,020
Li jmiss taqa ġisem paġna web tiegħek, l-
laħam attwali u l-għadam tal-website tiegħek.

47
00:02:25,020 --> 00:02:28,910
Fl-eżempju tagħna, aħna ħadthom biss jitqiegħed sempliċi
sentenza, l-Ewwel Webpage tiegħi,

48
00:02:28,910 --> 00:02:34,100
li, jekk aħna run-sit tagħna, se tħares
ftit xi ħaġa bħal din.

49
00:02:34,100 --> 00:02:36,810
Paġna web tagħna mhuwiex wisq Queer,
imma tinkwetax.

50
00:02:36,810 --> 00:02:39,210
Aħna ser spruce up malajr.

51
00:02:39,210 --> 00:02:44,070
>> Allura l-HTML hawn fuq, aħna ser jagħtuk ħafna
template bażika għal paġna web,

52
00:02:44,070 --> 00:02:46,310
xejn fancy, biss l-għadam bare.

53
00:02:46,310 --> 00:02:49,160
Imma jekk jien ħolqien ta 'paġna web,
jekk dak I tixtieq iżżid

54
00:02:49,160 --> 00:02:50,760
stampa ta ', ngħidu aħna, myself?

55
00:02:50,760 --> 00:02:52,760
Well, I tista 'tagħmel dan.

56
00:02:52,760 --> 00:02:55,460
Hemm koppja ta 'modi biex
żid immaġini għall-sit tiegħek.

57
00:02:55,460 --> 00:02:59,780
Jekk l-immaġini huwa fil-folder istess bħal
file HTML tiegħek, inti tista 'rabta għall-

58
00:02:59,780 --> 00:03:01,950
immaġni permezz passaġġ bħal dan.

59
00:03:01,950 --> 00:03:05,910
>> Inti tiftaħ ma 'tag image segwit
billi fil attribut Alt fil-

60
00:03:05,910 --> 00:03:07,240
sors ta 'l-immaġini.

61
00:03:07,240 --> 00:03:12,030
Valur l-attribut Alt huwa biss ftit
test alternattiv fil-każ li utent ma tistax

62
00:03:12,030 --> 00:03:13,580
tara l-immaġini.

63
00:03:13,580 --> 00:03:19,680
Alternattivament, inti tista 'wkoll link għal
immaġni permezz ta 'URL sħiħ, bħal dan.

64
00:03:19,680 --> 00:03:24,180
Issa, din il-websajt ma tassew jeżistu,
imma jekk kien hemm stampa ta '

65
00:03:24,180 --> 00:03:27,760
me f'dak l-indirizz, I jistgħu jużaw
il-URL sors li jinkludu

66
00:03:27,760 --> 00:03:29,930
immaġni tagħha fuq il-websajt tiegħi.

67
00:03:29,930 --> 00:03:35,590
Jew il-mod, inti tispiċċa bil-wisq
website prettier, xi ħaġa bħal din.

68
00:03:35,590 --> 00:03:39,730
>> Ukoll, li pretty jibred, iżda I tip
tat trid xi test hawn ukoll.

69
00:03:39,730 --> 00:03:43,020
Mela ejja biss żid xi ħaġa
super sempliċi fuq il-

70
00:03:43,020 --> 00:03:45,210
immaġni, bħall-header.

71
00:03:45,210 --> 00:03:50,830
All I ghamilt s'issa hija tuża l-header
tag, H1, u waqfa linja tag, br.

72
00:03:50,830 --> 00:03:54,900
Il-lametta header jagħmel il-font ftit
daqsxejn akbar u aktar prominenti.

73
00:03:54,900 --> 00:03:58,930
Il-lametta break linja, fuq l-oħra
naħa, huwa tip ta 'kessaħ.

74
00:03:58,930 --> 00:04:03,720
B'differenza aktar tags ieħor, inti ma għandekx
ftuħ u break għeluq tag, just

75
00:04:03,720 --> 00:04:05,120
dik murija hawn fuq.

76
00:04:05,120 --> 00:04:10,420
Dan huwa għaliex break ebda kontenut
u għalhekk, element vojt.

77
00:04:10,420 --> 00:04:14,940
>> Elementi vojta bħal dan, inti tista 'tiftaħ
u qrib simultanjament sempliċiment billi

78
00:04:14,940 --> 00:04:20,420
inkluż slash quddiem fil-
tmiem tad-dikjarazzjoni inizjali.

79
00:04:20,420 --> 00:04:24,390
Allura issa website tiegħi jistenna ftit
xi ħaġa bħal din.

80
00:04:24,390 --> 00:04:27,410
Aħjar, iżda tip ta 'jħoss
bħal tmiem mejta.

81
00:04:27,410 --> 00:04:30,850
Hemm imkien ieħor biex imorru aside
minn din il-paġna prinċipali.

82
00:04:30,850 --> 00:04:33,075
Well, ejja jiffissaw dak minn
inkluża konnessjoni.

83
00:04:33,075 --> 00:04:36,860
>> Dak li jien ser tagħmel hawnhekk hija tuża
attribut denotata u jagħmlu l-

84
00:04:36,860 --> 00:04:40,780
image link għal, ejja ngħidu, CS50 TV.

85
00:04:40,780 --> 00:04:44,460
B'dan il-mod, kull meta xi ħadd clicks fuq me,
browser tagħhom se tkun diretta lejn

86
00:04:44,460 --> 00:04:47,810
ieħor, probabbilment aktar
utli, paġna web.

87
00:04:47,810 --> 00:04:51,040
I kellna biex jimminimizzaw l-daqs tal-
test daqsxejn għax-paġna web tagħna huwa

88
00:04:51,040 --> 00:04:52,470
jkollna aktar avvanzati.

89
00:04:52,470 --> 00:04:54,590
Iżda nisperaw, huwa għadu ċar.

90
00:04:54,590 --> 00:04:59,460
Website tiegħi jistenna eżattament l-istess biss
issa, kulmeta I ikklikkja fuq l-istampa,

91
00:04:59,460 --> 00:05:04,410
browser tiegħi se jiftħu ieħor
tab għall-paġna web CS50.tv.

92
00:05:04,410 --> 00:05:08,970
>> Fl-aħħar nett, ejja ngħidu jien ser stil
din il-websajt aktar tard jużaw CSS.

93
00:05:08,970 --> 00:05:11,730
CSS huwa dak li hu magħruf bħala
karta tal-istil cascading.

94
00:05:11,730 --> 00:05:15,230
U bażikament jipprovdi effiċjenti
mod biex jeditjaw u stil

95
00:05:15,230 --> 00:05:16,910
blokki simili ta 'kodiċi.

96
00:05:16,910 --> 00:05:21,290
Irrid li tibda torganizza HTML tiegħi
jagħmluha eħfef stil aktar tard.

97
00:05:21,290 --> 00:05:26,900
Hawnhekk, I waqqfet żewġ tipi differenti ta '
identifikaturi biex jgħinu jorganizzaw kodiċi tiegħi.

98
00:05:26,900 --> 00:05:31,170
Stajt użati l-attribut ID ġewwa
diviżjoni, jew tikketta div, u stajt użati

99
00:05:31,170 --> 00:05:34,120
Klassi attribut ġewwa
tag ieħor div.

100
00:05:34,120 --> 00:05:37,190
>> Attributi ID u Klassi
taħdem bl-istess mod.

101
00:05:37,190 --> 00:05:41,210
L-unika differenza hija li inti tista 'biss ikollha
element wieħed, l-ID speċifiku, iżda

102
00:05:41,210 --> 00:05:43,600
kwalunkwe numru ta 'elementi
jistgħu jaqsmu klassi.

103
00:05:43,600 --> 00:05:47,690
Hekk per eżempju, nista 'nuża l-klassi
immaġni multipli darbiet, imma ma nistax

104
00:05:47,690 --> 00:05:50,533
joħolqu ieħor diviżjoni
bil-quċċata ID.

105
00:05:50,533 --> 00:05:54,750
Għalkemm I ma marret fil CSS,
lingwa oħra użata komunament

106
00:05:54,750 --> 00:05:59,700
flimkien ma HTML, ladarba I tibda grafika
kodiċi tiegħi ma CSS, I jistgħu jużaw dawn

107
00:05:59,700 --> 00:06:03,730
attributi organizzattivi għall-influwenza
estetika web page tiegħi.

108
00:06:03,730 --> 00:06:07,600
>> Kollox ġewwa l-ogħla diviżjoni
se jkollhom stylings simili, jew kwalunkwe

109
00:06:07,600 --> 00:06:12,010
grupp ieħor ta 'grupp HTML I fil-
image klassi se jaqsmu ħarsa simili.

110
00:06:12,010 --> 00:06:15,700
Dan huwa ħafna aktar faċli milli jippruvaw li jeditjaw
u stampi stil jew blokki ta '

111
00:06:15,700 --> 00:06:17,690
test individwalment.

112
00:06:17,690 --> 00:06:21,480
>> Allura aħna marru fuq il-baŜi ta 'kif
biex tagħmel paġna web bl HTML.

113
00:06:21,480 --> 00:06:25,280
HTML għandha mazz ta 'karatteristiċi oħra wisq
li meta paired ma 'lingwi oħra

114
00:06:25,280 --> 00:06:29,220
bħall-CSS u JavaScript, jista 'verament
jagħmlu paġni stand out.

115
00:06:29,220 --> 00:06:32,960
L-aħjar mod biex jiksbu komda ma
HTML huwa biss li mess madwar magħha,

116
00:06:32,960 --> 00:06:35,120
ara dak xogħlijiet, u x'ma jaħdimx.

117
00:06:35,120 --> 00:06:36,570
>> Jisimni Daven Farnham.

118
00:06:36,570 --> 00:06:37,820
Dan huwa CS50.

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

120
00:06:40,640 --> 00:06:45,690
>> Hekk per eżempju, I jistgħu jużaw
l-immaġni klassi -

121
00:06:45,690 --> 00:06:48,028
Le, hemm daqstant attributi.

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

123
00:06:52,500 --> 00:06:53,950
Jisimni Daven Farnham.

124
00:06:53,950 --> 00:06:58,560
Dan huwa CS 650.

125
00:06:58,560 --> 00:06:59,810
Irrid ngħid CSS.

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

127
00:07:02,325 --> 00:07:03,575
Dan huwa CSS.

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