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, är det språk

3
00:00:03,700 --> 00:00:04,870
vilka webbsidor är skrivna.

4
00:00:04,870 --> 00:00:08,140
Nu är det inte ett programmeringsspråk,
eftersom den inte tillåter oss att uttrycka

5
00:00:08,140 --> 00:00:11,420
logik, liksom för loopar och while-slingor,
och förhållanden och liknande.

6
00:00:11,420 --> 00:00:14,690
Snarare är det verkligen ett märkspråk
som tillåter oss att specificera vad en webb

7
00:00:14,690 --> 00:00:17,490
sida ska se ut, strukturellt
och estetiskt.

8
00:00:17,490 --> 00:00:20,210
Och den gör det med hjälp av
vad som kallas taggar.

9
00:00:20,210 --> 00:00:23,470
Låt oss dyka in och göra de enklaste av
webbsida, en som helt enkelt säger, för

10
00:00:23,470 --> 00:00:25,410
exempel, hallå världen.

11
00:00:25,410 --> 00:00:29,940
>> Lägg märke till här, i gedit, att jag har redan
sparat filen som hello.html.

12
00:00:29,940 --> 00:00:32,990
Och märker här nere, i terminalen
fönster, att jag verkar vara inne i

13
00:00:32,990 --> 00:00:36,070
en katalog som heter offentligt, som i sig
är inne i en katalog som heter

14
00:00:36,070 --> 00:00:39,770
lokala värden, vilket i sig är inne i
en katalog som heter vhosts, vilket

15
00:00:39,770 --> 00:00:42,850
själv är inne i John Harvards
hemkatalog.

16
00:00:42,850 --> 00:00:45,850
Nu visar det sig, på grund av hur
Vi har konfigurerat apparaten, som

17
00:00:45,850 --> 00:00:49,670
är i så verkliga världen ett sätt som möjligt,
något inne i denna offentliga

18
00:00:49,670 --> 00:00:53,400
katalog bör verkligen vara tillgänglig
till hela allmänheten via en

19
00:00:53,400 --> 00:00:56,610
webbläsare, även om, just nu,
Jag är den enda användare som kommer att bli

20
00:00:56,610 --> 00:00:58,340
tillgång till denna webbsida.

21
00:00:58,340 --> 00:01:03,120
>> Låt oss nu återvända till hello.html och starta
skriver en del av det språket.

22
00:01:03,120 --> 00:01:07,110
Först, ovanpå den här filen, kommer jag att
specificera öppet fäste, utrop

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

24
00:01:10,400 --> 00:01:13,930
Denna linje är inte en etikett, per se, även
även om den inte börjar med en öppen

25
00:01:13,930 --> 00:01:18,020
fäste, men det är i stället ett speciellt
en rad fragment som anger att en

26
00:01:18,020 --> 00:01:22,370
browser, här kommer en web
sida skriven i HTML.

27
00:01:22,370 --> 00:01:26,920
>> Låt oss nästa, på en egen rad,
specificera öppet fäste html, vilket indikerar

28
00:01:26,920 --> 00:01:29,890
till webbläsaren som här,
ja, det är HTML.

29
00:01:29,890 --> 00:01:34,150
Inne i det, låt oss dra in lite, och
gör sedan huvudet, som anger att den

30
00:01:34,150 --> 00:01:37,470
browser, här kommer chefen för
sida, vilket, för nu, antar är

31
00:01:37,470 --> 00:01:40,830
huvudsak namnlisten på mycket
högst upp i webbläsarens fönster.

32
00:01:40,830 --> 00:01:45,500
Låt oss nästa specificera, inne i det huvudet
tag, som vi kommer att ha en titel

33
00:01:45,500 --> 00:01:47,570
något enkelt som hej.

34
00:01:47,570 --> 00:01:51,550
Men nu ska vi tala om för webbläsaren
vi är klara att ge en titel.

35
00:01:51,550 --> 00:01:56,080
För att göra det, precis som vi öppnat eller började
taggen, titel, för en stund sedan,

36
00:01:56,080 --> 00:02:00,250
låt oss nu nära eller avsluta den taggen genom
, ange i själva verket tvärtom.

37
00:02:00,250 --> 00:02:05,010
>> För att uttrycka det, gör vi öppet fäste,
snedstreck, titel.

38
00:02:05,010 --> 00:02:07,830
På samma sätt, nu när vi är klara att definiera,
för nu, chefen för detta

39
00:02:07,830 --> 00:02:12,340
sida, vi gör öppet fäste snedstreck huvudet,
berättar den webbläsare som vi är

40
00:02:12,340 --> 00:02:14,710
nu gjort ger huvudet.

41
00:02:14,710 --> 00:02:18,080
Endast en del återstår nu, det
så kallade kropp av webbsidan, vilket

42
00:02:18,080 --> 00:02:21,120
verkligen utgör kärnan
på en webbsida.

43
00:02:21,120 --> 00:02:24,780
>> Låt oss klargöra att, här är det
början, med öppen fäste, kropp,

44
00:02:24,780 --> 00:02:25,600
nära fästet.

45
00:02:25,600 --> 00:02:29,080
Och låt oss nu skriva något
liksom hej kommatecken värld.

46
00:02:29,080 --> 00:02:32,930
Känns som detta är ett tillräckligt bra webb
sida, så låt oss nu gå till en ny rad.

47
00:02:32,930 --> 00:02:37,460
Ange öppet fäste, snedstreck,
kropp, informera webbläsare som vi är

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

49
00:02:38,650 --> 00:02:41,120
Och på samma sätt, låt oss nu informera
webbläsaren som jag är klar

50
00:02:41,120 --> 00:02:43,230
tillhandahåller en webbsida.

51
00:02:43,230 --> 00:02:47,120
På en egen rad, vi gör öppet
fäste, snedstreck, html.

52
00:02:47,120 --> 00:02:49,350
>> Nu märker estetik
på denna webbsida.

53
00:02:49,350 --> 00:02:52,290
Även om, tekniskt sett, är det inte
krävs för att ge så mycket vitt

54
00:02:52,290 --> 00:02:55,450
utrymme som jag gjorde, det är bra stil, eftersom
koden är, utan tvekan, mycket

55
00:02:55,450 --> 00:02:56,490
mer lättläst.

56
00:02:56,490 --> 00:03:00,780
Kallelse, i synnerhet att när jag öppnar
eller starta ett tag, jag då strecksatsen i

57
00:03:00,780 --> 00:03:02,040
de linjer som följer.

58
00:03:02,040 --> 00:03:05,990
Och när jag stänger eller och taggen, jag
stänga den taggen antingen på samma

59
00:03:05,990 --> 00:03:09,790
linje, om det är en ganska kort linje, eller
på en ny rad på ett sådant sätt att den

60
00:03:09,790 --> 00:03:14,540
stängningskod ställer upp med den öppna etiketten,
mycket som vi gjorde på ett språk som C

61
00:03:14,540 --> 00:03:17,380
med öppna och stänga klammerparenteser.

62
00:03:17,380 --> 00:03:20,350
>> Låt oss nu spara filen och försök
för att öppna den i en webbläsare

63
00:03:20,350 --> 00:03:21,600
apparatens insida.

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

65
00:03:24,180 --> 00:03:30,310
Vi öppnar upp Chrome, och låt oss nu
besöka http://localhost, som är en

66
00:03:30,310 --> 00:03:34,930
smeknamn för apparaten
själv, / hello.html.

67
00:03:34,930 --> 00:03:38,230
Och märker att jag faktiskt inte har skrivit
offentligt, eftersom det är underförstått

68
00:03:38,230 --> 00:03:42,430
att om du besöker denna sida via en webbsida
browser, du verkligen vill komma åt

69
00:03:42,430 --> 00:03:44,430
innehållet i den offentliga katalogen.

70
00:03:44,430 --> 00:03:47,740
Men jag vill ha tillgång till, i synnerhet,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Så låt oss nu trycka Enter
och se vad som händer.

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

73
00:03:51,710 --> 00:03:56,260
Jag har inte behörighet att komma åt
/ Hello.html på den här servern.

74
00:03:56,260 --> 00:03:57,570
Nu, varför skulle det vara?

75
00:03:57,570 --> 00:04:01,040
Jo, det visar sig att det inte räcker
att helt enkelt sätta den här filen, hello.html,

76
00:04:01,040 --> 00:04:02,560
i den offentliga katalogen.

77
00:04:02,560 --> 00:04:06,150
Vi måste också aktivt berätta
apparat som vi verkligen vill

78
00:04:06,150 --> 00:04:09,470
låta hela världen, eventuellt,
att få tillgång till den här filen.

79
00:04:09,470 --> 00:04:12,470
För att göra det måste vi ändra dess
behörigheter, så att säga, och vi kan

80
00:04:12,470 --> 00:04:14,600
göra det på en kommandorad.

81
00:04:14,600 --> 00:04:20,079
>> Låt oss skriva ls-l för att få en lång lista
av filerna i den här katalogen, Enter.

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

83
00:04:22,480 --> 00:04:25,882
Men här borta till vänster,
varsel, är ett r och ett w.

84
00:04:25,882 --> 00:04:29,050
R, som ni kanske har gissat, innebär
läsa, och w medel skriva, men

85
00:04:29,050 --> 00:04:32,470
det faktum att det bara finns en sådan r och
en sådan vikt, hela vägen över till

86
00:04:32,470 --> 00:04:36,710
vänster om dessa streck, innebär att endast
de filer ägare, jag själv, kan faktiskt

87
00:04:36,710 --> 00:04:38,370
läsa och skriva filen.

88
00:04:38,370 --> 00:04:41,610
>> Vi behöver växla åtminstone en annan
r att låta hela världen läser

89
00:04:41,610 --> 00:04:42,810
denna fil också.

90
00:04:42,810 --> 00:04:47,320
Och för att göra detta, kan vi göra det med
kommandot chmod, eller ändra läge.

91
00:04:47,320 --> 00:04:54,030
chmod a, för alla, plus r,
utrymme, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Ingenting verkar ha hänt, men
det är i allmänhet en bra sak.

93
00:04:56,970 --> 00:05:02,490
Så ls-l igen ska, förhoppningsvis,
ge några extra r-talet.

94
00:05:02,490 --> 00:05:04,130
>> Och faktiskt, ser vi en sådan.

95
00:05:04,130 --> 00:05:08,350
På vänster sida här nu, meddelande
att jag har läs-och skrivbehörighet.

96
00:05:08,350 --> 00:05:10,320
Det finns en annan r, och sedan en annan r..

97
00:05:10,320 --> 00:05:13,180
Jo, det visar sig r i mitten
betyder att min grupp, som råkar vara

98
00:05:13,180 --> 00:05:15,370
studenter i apparaten,
kan också läsa den här filen.

99
00:05:15,370 --> 00:05:18,235
Men det är i stort sett irrelevant här,
eftersom vi pratar om webben och

100
00:05:18,235 --> 00:05:19,850
inte själva apparaten.

101
00:05:19,850 --> 00:05:23,420
Men det tredje r hela vägen på
höger indikerar att hela världen,

102
00:05:23,420 --> 00:05:25,920
eller alla, kan läsa denna fil.

103
00:05:25,920 --> 00:05:29,290
>> Låt oss nu gå tillbaka till min webbläsare, ladda om
sidan, och se om jag är ingen

104
00:05:29,290 --> 00:05:32,050
längre förbjudet.

105
00:05:32,050 --> 00:05:36,800
Låt oss klicka Chromes reload ikon upp
här, eller slå Ctrl-R, och där vi

106
00:05:36,800 --> 00:05:38,750
har det, hallå världen.

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