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 språket i

3
00:00:03,700 --> 00:00:04,870
hvilke nettsider er skrevet.

4
00:00:04,870 --> 00:00:08,140
Nå er det ikke et programmeringsspråk,
fordi den ikke tillater oss å uttrykke

5
00:00:08,140 --> 00:00:11,420
logikk, som for looper, og mens loops,
og forhold og lignende.

6
00:00:11,420 --> 00:00:14,690
Snarere er det faktisk et kodespråk
som tillater oss å spesifisere hva en web

7
00:00:14,690 --> 00:00:17,490
siden skal se ut, strukturelt
og estetisk.

8
00:00:17,490 --> 00:00:20,210
Og det gjør det ved hjelp av
det som kalles tags.

9
00:00:20,210 --> 00:00:23,470
La oss dykke inn og gjøre de enkleste
web-side, en som bare sier, for

10
00:00:23,470 --> 00:00:25,410
eksempel, hello world.

11
00:00:25,410 --> 00:00:29,940
>> Legg merke til her, i gedit, som jeg allerede har
lagret filen som hello.html.

12
00:00:29,940 --> 00:00:32,990
Og legg merke til her nede, i terminalen
vinduet, at jeg ser ut til å være inne i

13
00:00:32,990 --> 00:00:36,070
en katalog som heter publikum, som selv
er inne i en katalog som heter

14
00:00:36,070 --> 00:00:39,770
lokale verten, som selv er inne
en katalog som heter vhosts, som

15
00:00:39,770 --> 00:00:42,850
selv er inne på John Harvards
hjemmekatalog.

16
00:00:42,850 --> 00:00:45,850
Nå viser det seg, på grunn av måten
vi har konfigurert enheten, som

17
00:00:45,850 --> 00:00:49,670
er i så virkeligheten en måte som mulig
noe inne i denne offentlige

18
00:00:49,670 --> 00:00:53,400
katalogen bør faktisk være tilgjengelig
til hele heten via en

19
00:00:53,400 --> 00:00:56,610
nettleser, selv om, akkurat nå,
Jeg er den eneste som kommer til å bli

20
00:00:56,610 --> 00:00:58,340
gå inn på denne nettsiden.

21
00:00:58,340 --> 00:01:03,120
>> La oss nå gå tilbake til hello.html og starte
skrive noen av dette språket.

22
00:01:03,120 --> 00:01:07,110
Først, på toppen av denne filen, kommer jeg til å
spesifisere åpen brakett, utrops

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

24
00:01:10,400 --> 00:01:13,930
Denne linjen er ikke et tag, per se, selv
skjønt den ikke begynne med en åpen

25
00:01:13,930 --> 00:01:18,020
brakett, men i stedet er en spesiell
én linje fragment som angir til en

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

27
00:01:22,370 --> 00:01:26,920
>> La oss videre, på en linje for seg selv,
spesifisere åpen brakett html, noe som indikerer

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

29
00:01:29,890 --> 00:01:34,150
Innsiden av det, la oss rykke litt, og
så gjør hodet, med angivelse av

30
00:01:34,150 --> 00:01:37,470
leseren, her kommer leder av
side, som for nå, antar er

31
00:01:37,470 --> 00:01:40,830
hovedsak tittellinjen helt
øverst i nettleservinduet.

32
00:01:40,830 --> 00:01:45,500
La oss neste spesifisere, innsiden av at hodet
tag, at vi vil ha en tittel

33
00:01:45,500 --> 00:01:47,570
noe enkelt som hallo.

34
00:01:47,570 --> 00:01:51,550
Men nå, la oss fortelle leseren
vi er ferdig å gi en tittel.

35
00:01:51,550 --> 00:01:56,080
For å gjøre det, akkurat som vi åpnet eller startet
koden, tittel, et øyeblikk siden,

36
00:01:56,080 --> 00:02:00,250
la oss nå nær eller avslutte det merket av
spesifisere, i effekt, det motsatte.

37
00:02:00,250 --> 00:02:05,010
>> For å uttrykke det, gjør vi åpen brakett,
skråstrek, tittel.

38
00:02:05,010 --> 00:02:07,830
Tilsvarende, nå som vi er ferdig med å definere,
for nå, leder av dette

39
00:02:07,830 --> 00:02:12,340
side, vil vi gjøre åpen brakett slash hodet,
fortelle leseren at vi er

40
00:02:12,340 --> 00:02:14,710
nå ferdig å gi hodet.

41
00:02:14,710 --> 00:02:18,080
Bare én del gjenstår nå, den
såkalte kropp av websiden, som

42
00:02:18,080 --> 00:02:21,120
virkelig utgjør essensen
av hvilken som helst webside.

43
00:02:21,120 --> 00:02:24,780
>> La oss presisere at, her er det
begynner, med åpen brakett, kropp,

44
00:02:24,780 --> 00:02:25,600
tett brakett.

45
00:02:25,600 --> 00:02:29,080
Og la oss nå skrive noe
som hallo komma verden.

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

47
00:02:32,930 --> 00:02:37,460
Angi åpen brakett, skråstrek,
kroppen, informere leseren om at vi er

48
00:02:37,460 --> 00:02:38,650
gjøres som gir kroppen.

49
00:02:38,650 --> 00:02:41,120
Og på samme måte, la oss nå informere
nettleseren som jeg er ferdig

50
00:02:41,120 --> 00:02:43,230
gi en nettside.

51
00:02:43,230 --> 00:02:47,120
På en linje for seg selv, vil vi gjøre åpen
brakett, skråstrek, html.

52
00:02:47,120 --> 00:02:49,350
>> Nå merker estetikk
av denne nettsiden.

53
00:02:49,350 --> 00:02:52,290
Selv om teknisk sett er det ikke
pålagt å gi så mye hvitt

54
00:02:52,290 --> 00:02:55,450
plass som jeg gjorde, er det god stil, fordi
koden er, uten tvil, mye

55
00:02:55,450 --> 00:02:56,490
mer lesbar.

56
00:02:56,490 --> 00:03:00,780
Innkalling, i særdeleshet, at når jeg åpner
eller starte en tag, jeg da strekpunkt i

57
00:03:00,780 --> 00:03:02,040
linjene som følger.

58
00:03:02,040 --> 00:03:05,990
Og når jeg lukker eller og koden, jeg
lukke den koden enten på samme

59
00:03:05,990 --> 00:03:09,790
linje, hvis det er en ganske kort linje, eller
på en ny linje på en slik måte at den

60
00:03:09,790 --> 00:03:14,540
nære tag på linje med den åpne koden,
mye som vi gjorde i et språk som C

61
00:03:14,540 --> 00:03:17,380
med åpne og lukke klammeparentes.

62
00:03:17,380 --> 00:03:20,350
>> La oss nå lagre denne filen, og prøv
å åpne den i en nettleser

63
00:03:20,350 --> 00:03:21,600
innsiden av apparatet.

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

65
00:03:24,180 --> 00:03:30,310
La oss åpne opp Chrome, og la oss nå
besøke http://localhost, som er en

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

67
00:03:34,930 --> 00:03:38,230
Og legg merke til at jeg ikke har faktisk skrevet
offentligheten, fordi det er underforstått

68
00:03:38,230 --> 00:03:42,430
at hvis du besøker denne siden via en web
leseren, du faktisk ønsker å få tilgang til

69
00:03:42,430 --> 00:03:44,430
Innholdet i at offentlig katalog.

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

71
00:03:47,740 --> 00:03:50,854
Så la oss nå trykk Enter
og se hva som skjer.

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

73
00:03:51,710 --> 00:03:56,260
Jeg har ikke tillatelse til å få tilgang
/ Hello.html på denne serveren.

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

75
00:03:57,570 --> 00:04:01,040
Vel, det viser seg at det ikke er tilstrekkelig
å bare sette denne filen, hello.html,

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

77
00:04:02,560 --> 00:04:06,150
Vi trenger også å proaktivt fortelle
apparat som vi faktisk ønsker å

78
00:04:06,150 --> 00:04:09,470
la hele verden, potensielt,
å få tilgang til denne filen.

79
00:04:09,470 --> 00:04:12,470
For å gjøre det, trenger vi å endre sin
tillatelser, så å si, og vi kan

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

81
00:04:14,600 --> 00:04:20,079
>> La oss skrive ls-l for å få en lang liste
av filene i denne katalogen, Enter.

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

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

84
00:04:25,882 --> 00:04:29,050
R, som du kanskje har gjettet, betyr
lese, og w betyr skrive, men

85
00:04:29,050 --> 00:04:32,470
det faktum det er bare ett slikt r og
en slik w, helt over i

86
00:04:32,470 --> 00:04:36,710
venstre av disse streker, betyr at bare
filene eier, meg selv, kan faktisk

87
00:04:36,710 --> 00:04:38,370
lese og skrive denne filen.

88
00:04:38,370 --> 00:04:41,610
>> Vi trenger å skifte minst en annen
r å la hele verden lese

89
00:04:41,610 --> 00:04:42,810
denne filen også.

90
00:04:42,810 --> 00:04:47,320
Og for å gjøre dette, kan vi gjøre det med
kommando, chmod, eller endre modus.

91
00:04:47,320 --> 00:04:54,030
chmod en, for alle, samt r,
plass, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Ingenting ser ut til å ha skjedd, men
det er generelt en god ting.

93
00:04:56,970 --> 00:05:02,490
Så ls-l igjen skal, forhåpentligvis,
gi noen ekstra r-tallet.

94
00:05:02,490 --> 00:05:04,130
>> Og ja, vi ser slikt.

95
00:05:04,130 --> 00:05:08,350
På venstre side her nå, varsel
at jeg har lese og skrive rettigheter.

96
00:05:08,350 --> 00:05:10,320
Det er en annen r, og deretter en annen r.

97
00:05:10,320 --> 00:05:13,180
Vel, det viser seg at r i midten
betyr at min gruppe, som skjer for å være

98
00:05:13,180 --> 00:05:15,370
studenter i apparatet,
kan også lese denne filen.

99
00:05:15,370 --> 00:05:18,235
Men det er stort sett irrelevant her,
siden vi snakker om web 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 veien på
høyre indikerer at hele verden,

102
00:05:23,420 --> 00:05:25,920
eller alle, kan lese denne fila.

103
00:05:25,920 --> 00:05:29,290
>> La oss nå gå tilbake til nettleseren min, reload
siden, og se om jeg er ingen

104
00:05:29,290 --> 00:05:32,050
lenger forbudt.

105
00:05:32,050 --> 00:05:36,800
La oss klikke Chrome reload ikonet opp
her, eller treffer Kontroll-R, og det vi

106
00:05:36,800 --> 00:05:38,750
har det, hello world.

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