1
00:00:00,000 --> 00:00:00,140

2
00:00:00,140 --> 00:00:03,700
>> PROFESSOR HARLAN: HTML eller HyperText
Markup Language, er det sprog,

3
00:00:03,700 --> 00:00:04,870
som web-sider er skrevet.

4
00:00:04,870 --> 00:00:08,140
Nu er det ikke et programmeringssprog,
fordi det ikke tillader os at udtrykke

5
00:00:08,140 --> 00:00:11,420
logik, som for loops, og mens loops,
og vilkår og lignende.

6
00:00:11,420 --> 00:00:14,690
Tværtimod, det er faktisk et kodesprog
der giver os mulighed for at angive, hvad en web

7
00:00:14,690 --> 00:00:17,490
side skal se ud, strukturelt
og æstetisk.

8
00:00:17,490 --> 00:00:20,210
Og det gør det ved hjælp af
hvad der kaldes tags.

9
00:00:20,210 --> 00:00:23,470
Lad os dykke ned og gøre den enkleste af
webside, en, der blot siger, for

10
00:00:23,470 --> 00:00:25,410
Eksempelvis hej verden.

11
00:00:25,410 --> 00:00:29,940
>> Bemærk her, i gedit, at jeg allerede har
gemt filen som hello.html.

12
00:00:29,940 --> 00:00:32,990
Og bemærk hernede, i terminalen
vindue, at jeg synes at være inde i

13
00:00:32,990 --> 00:00:36,070
en mappe kaldet offentlig, som selv
er indersiden af ​​en mappe kaldet

14
00:00:36,070 --> 00:00:39,770
lokal vært, som selv er inde i
en mappe kaldet vhosts, som

15
00:00:39,770 --> 00:00:42,850
selv er inde i John Harvards
hjemmebibliotek.

16
00:00:42,850 --> 00:00:45,850
Nu viser det sig, på grund af den måde,
vi har konfigureret apparatet, som

17
00:00:45,850 --> 00:00:49,670
er i så virkelige verden en måde som muligt,
noget inde i denne offentlige

18
00:00:49,670 --> 00:00:53,400
bibliotek burde faktisk være tilgængelige
til hele offentligheden via en

19
00:00:53,400 --> 00:00:56,610
webbrowser, selv om lige nu,
Jeg er den eneste bruger, der kommer til at være

20
00:00:56,610 --> 00:00:58,340
adgang til denne webside.

21
00:00:58,340 --> 00:01:03,120
>> Lad os nu vende tilbage til hello.html og start
skrive nogle af dette sprog.

22
00:01:03,120 --> 00:01:07,110
Først på toppen denne fil, vil jeg
specificere åbneparentes, udråbstegn

23
00:01:07,110 --> 00:01:10,400
punkt, DOCTYPE plads html.

24
00:01:10,400 --> 00:01:13,930
Denne linje er ikke et tag, per se, selv
selv om det ikke begynder med en åben

25
00:01:13,930 --> 00:01:18,020
beslag, men det, i stedet, er et særligt
en linje fragment, der angiver en

26
00:01:18,020 --> 00:01:22,370
browser, her kommer en web
side skrevet i HTML.

27
00:01:22,370 --> 00:01:26,920
>> Lad os dernæst på en linje af sine egne,
specificere åbneparentes html angivelse

28
00:01:26,920 --> 00:01:29,890
til browseren, som her,
ja, er, at HTML.

29
00:01:29,890 --> 00:01:34,150
Inde i det, lad os rykke lidt, og
derefter gøre hoved, med angivelse af

30
00:01:34,150 --> 00:01:37,470
browser, her kommer lederen af
side, der for nu, antager er

31
00:01:37,470 --> 00:01:40,830
væsentlige titellinjen på den meget
øverst i browser-vindue.

32
00:01:40,830 --> 00:01:45,500
Lad os næste angive indersiden af ​​denne hoved
tag, at vi vil have en titel

33
00:01:45,500 --> 00:01:47,570
noget enkelt som hej.

34
00:01:47,570 --> 00:01:51,550
Men lad os nu fortælle browseren
vi er færdige at give en titel.

35
00:01:51,550 --> 00:01:56,080
For at gøre dette, ligesom vi åbnet eller påbegyndt
tag, titel, for et øjeblik siden,

36
00:01:56,080 --> 00:02:00,250
lad os nu tæt på eller afslutte at mærke ved
angivelse i realiteten det modsatte.

37
00:02:00,250 --> 00:02:05,010
>> For at udtrykke det, vi gør åbneparentes,
skråstreg, titel.

38
00:02:05,010 --> 00:02:07,830
Tilsvarende, nu hvor vi er færdig definere,
for nu, lederen af ​​dette

39
00:02:07,830 --> 00:02:12,340
side, vil vi gøre åben beslag skråstreg hoved,
fortæller browseren, at vi er

40
00:02:12,340 --> 00:02:14,710
nu færdig give hovedet.

41
00:02:14,710 --> 00:02:18,080
Kun én portion nu, forbliver den
såkaldt krop af websiden, som

42
00:02:18,080 --> 00:02:21,120
virkelig udgør essensen
af enhver webside.

43
00:02:21,120 --> 00:02:24,780
>> Lad os præcisere, at her er det
begyndende med åbneparentes, krop,

44
00:02:24,780 --> 00:02:25,600
tæt beslag.

45
00:02:25,600 --> 00:02:29,080
Og lad os nu skrive noget
ligesom goddag komma verden.

46
00:02:29,080 --> 00:02:32,930
Føles som dette er en god nok web
side, så lad os nu gå til en ny linje.

47
00:02:32,930 --> 00:02:37,460
Angiv åbneparentes, skråstreg,
krop, informere browseren, at vi er

48
00:02:37,460 --> 00:02:38,650
gjort give kroppen.

49
00:02:38,650 --> 00:02:41,120
Og på samme måde, lad os nu oplyse
den browser, jeg er færdig

50
00:02:41,120 --> 00:02:43,230
giver en webside.

51
00:02:43,230 --> 00:02:47,120
På en linje for sig selv, vil vi gøre åben
beslag, skråstreg, html.

52
00:02:47,120 --> 00:02:49,350
>> Nu mærke æstetik
af denne webside.

53
00:02:49,350 --> 00:02:52,290
Selvom teknisk set er det ikke
forpligtet til at give så meget hvidt

54
00:02:52,290 --> 00:02:55,450
rummet som jeg gjorde, det er god stil, fordi
koden er velsagtens meget

55
00:02:55,450 --> 00:02:56,490
mere læsevenlig.

56
00:02:56,490 --> 00:03:00,780
Bemærk især, at når jeg åbner
eller starte en tag, jeg så led i

57
00:03:00,780 --> 00:03:02,040
linjerne, der følger.

58
00:03:02,040 --> 00:03:05,990
Og når jeg lukker eller og tag, jeg
lukke dette mærke enten på samme

59
00:03:05,990 --> 00:03:09,790
linje, hvis det er en forholdsvis kort linie, eller
på en ny linje på en sådan måde, at

60
00:03:09,790 --> 00:03:14,540
luk tag linjer op med den åbne tag,
meget, som vi gjorde på et sprog som C

61
00:03:14,540 --> 00:03:17,380
med åbne og lukke krøllede parenteser.

62
00:03:17,380 --> 00:03:20,350
>> Lad os nu gemme denne fil, og prøv
at åbne den i en webbrowser

63
00:03:20,350 --> 00:03:21,600
indersiden af ​​apparatet.

64
00:03:21,600 --> 00:03:24,180

65
00:03:24,180 --> 00:03:30,310
Lad os åbne op Chrome, og lad os nu
besøge http://localhost, som er en

66
00:03:30,310 --> 00:03:34,930
kaldenavn for apparatet
selv / hello.html.

67
00:03:34,930 --> 00:03:38,230
Og bemærk, at jeg ikke har faktisk skrevet
offentligheden, fordi det er underforstået

68
00:03:38,230 --> 00:03:42,430
at hvis du besøger denne side via en web-
browser, du rent faktisk ønsker at få adgang til

69
00:03:42,430 --> 00:03:44,430
indholdet af denne offentlige fortegnelse.

70
00:03:44,430 --> 00:03:47,740
Men jeg ønsker at få adgang til specifikt
hello.html.

71
00:03:47,740 --> 00:03:50,854
Så lad os nu trykke Enter
og se hvad der sker.

72
00:03:50,854 --> 00:03:51,710
>> Hm.

73
00:03:51,710 --> 00:03:56,260
Jeg har ikke tilladelse til at få adgang
/ Hello.html på denne server.

74
00:03:56,260 --> 00:03:57,570
Nu, hvorfor kan det være?

75
00:03:57,570 --> 00:04:01,040
Tja, det viser sig, det er ikke nok
simpelthen at sætte denne fil, hello.html,

76
00:04:01,040 --> 00:04:02,560
i den offentlige mappe.

77
00:04:02,560 --> 00:04:06,150
Vi er også nødt til proaktivt at fortælle
apparat, vi faktisk ønsker at

78
00:04:06,150 --> 00:04:09,470
tillade hele verden potentielt
at få adgang til denne fil.

79
00:04:09,470 --> 00:04:12,470
At gøre det, vi er nødt til at ændre sin
tilladelser, så at sige, og vi kan

80
00:04:12,470 --> 00:04:14,600
gøre det på en kommandolinje.

81
00:04:14,600 --> 00:04:20,079
>> Lad os skrive ls-l at få en lang liste
af filerne i denne mappe, Enter.

82
00:04:20,079 --> 00:04:22,480
Og vi ser, ja, hello.html.

83
00:04:22,480 --> 00:04:25,882
Men herovre til venstre,
varsel, er en r og et w.

84
00:04:25,882 --> 00:04:29,050
R, som du måske har gættet, betyder
læse og w betyder skrive, men

85
00:04:29,050 --> 00:04:32,470
det faktum, er der kun én sådan r og
en sådan vægt, hele vejen over til

86
00:04:32,470 --> 00:04:36,710
venstre af disse streger, betyder, at kun
filerne ejeren, mig selv, kan faktisk

87
00:04:36,710 --> 00:04:38,370
læse og skrive denne fil.

88
00:04:38,370 --> 00:04:41,610
>> Vi er nødt til at skifte mindst én anden
r at lade hele verden læse

89
00:04:41,610 --> 00:04:42,810
denne fil så godt.

90
00:04:42,810 --> 00:04:47,320
Og for at gøre dette, kan vi gøre det med
kommando, chmod eller ændre tilstand.

91
00:04:47,320 --> 00:04:54,030
chmod a, for alle, plus r,
rum, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Intet synes at være sket, men
Det er generelt en god ting.

93
00:04:56,970 --> 00:05:02,490
Så ls-l igen burde, forhåbentlig,
give nogle ekstra r er.

94
00:05:02,490 --> 00:05:04,130
>> Og ja, vi kan se sådan.

95
00:05:04,130 --> 00:05:08,350
På den venstre side her nu, varsel
at jeg har læst og skrive privilegier.

96
00:05:08,350 --> 00:05:10,320
Der er en anden r, og derefter en anden r..

97
00:05:10,320 --> 00:05:13,180
Tja, det viser sig r i midten
betyder min gruppe, som sker for at være

98
00:05:13,180 --> 00:05:15,370
studerende i apparatet,
kan også læse denne fil.

99
00:05:15,370 --> 00:05:18,235
Men det er stort set irrelevant her,
da vi taler om internettet og

100
00:05:18,235 --> 00:05:19,850
ikke selve apparatet.

101
00:05:19,850 --> 00:05:23,420
Men det tredje r hele vejen på den
højre viser, at hele verden,

102
00:05:23,420 --> 00:05:25,920
eller alle kan læse denne fil.

103
00:05:25,920 --> 00:05:29,290
>> Lad os nu vende tilbage til min browser, genindlæse
siden, og se, om jeg ikke

104
00:05:29,290 --> 00:05:32,050
længere forbudt.

105
00:05:32,050 --> 00:05:36,800
Lad os klikke Chromes reload ikon op
her, eller ramt Ctrl-R, og der vi

106
00:05:36,800 --> 00:05:38,750
have det, hej verden.

107
00:05:38,750 --> 00:05:41,248