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

2
00:00:00,140 --> 00:00:03,700
>> PROFESSOR HARLAN: HTML, of HyperText
Markup Language, is de taal in

3
00:00:03,700 --> 00:00:04,870
welke webpagina's worden geschreven.

4
00:00:04,870 --> 00:00:08,140
Nu, het is niet een programmeertaal,
want het laat ons niet toe om uit te drukken

5
00:00:08,140 --> 00:00:11,420
logica, zoals voor loops, en terwijl loops,
en de voorwaarden en dergelijke.

6
00:00:11,420 --> 00:00:14,690
Integendeel, het is inderdaad een opmaaktaal
dat ons in staat stelt om aan te geven wat een web

7
00:00:14,690 --> 00:00:17,490
pagina eruit moet zien, structureel
en esthetisch.

8
00:00:17,490 --> 00:00:20,210
En doet dit door middel van
wat zijn tags genoemd.

9
00:00:20,210 --> 00:00:23,470
Laten we duiken in en maken de meest eenvoudige
webpagina, een die zegt eenvoudig, voor

10
00:00:23,470 --> 00:00:25,410
Zo, hallo wereld.

11
00:00:25,410 --> 00:00:29,940
>> Let hier op, in gedit, dat heb ik al
het bestand opgeslagen als hello.html.

12
00:00:29,940 --> 00:00:32,990
En let hier beneden, in de terminal
venster, dat ik lijken binnenin

13
00:00:32,990 --> 00:00:36,070
een directory genaamd publiek, dat zich
is de binnenkant van een directory met de naam

14
00:00:36,070 --> 00:00:39,770
lokale host, die zelf is de binnenkant van
een directory genaamd vhosts, die

15
00:00:39,770 --> 00:00:42,850
zelf is de binnenkant van John Harvard
home directory.

16
00:00:42,850 --> 00:00:45,850
Nu blijkt, vanwege de manier waarop
we hebben het toestel geconfigureerd, die

17
00:00:45,850 --> 00:00:49,670
is als de echte wereld een manier mogelijk,
iets binnenkant van deze openbare

18
00:00:49,670 --> 00:00:53,400
directory moet inderdaad toegankelijk
het gehele publiek via een

19
00:00:53,400 --> 00:00:56,610
webbrowser, hoewel, nu,
Ik ben de enige gebruiker die gaat worden

20
00:00:56,610 --> 00:00:58,340
toegang tot deze webpagina.

21
00:00:58,340 --> 00:01:03,120
>> Laten we nu terugkeren naar hello.html en start
schrijven van een aantal van die taal.

22
00:01:03,120 --> 00:01:07,110
Eerste, boven op dit bestand, ga ik
specificeren haakje openen, uitroep

23
00:01:07,110 --> 00:01:10,400
punt, DOCTYPE ruimte html.

24
00:01:10,400 --> 00:01:13,930
Deze lijn is niet een tag, per se, zelfs
hoewel het begint met een open

25
00:01:13,930 --> 00:01:18,020
bracket, maar in plaats daarvan een speciale
een lijn fragment dat aangeeft een

26
00:01:18,020 --> 00:01:22,370
browser, hier komt een web
pagina geschreven in HTML.

27
00:01:22,370 --> 00:01:26,920
>> Laten we het volgende, op een lijn van zijn eigen,
specificeren haakje openen html, wat aangeeft

28
00:01:26,920 --> 00:01:29,890
de browser die hier
inderdaad, is dat HTML.

29
00:01:29,890 --> 00:01:34,150
Binnenkant van dat, laten we inspringen een beetje, en
doe dan het hoofd, met vermelding van de

30
00:01:34,150 --> 00:01:37,470
browser, hier komt het hoofd van de
pagina, die, voor nu, neem aan dat is

31
00:01:37,470 --> 00:01:40,830
wezen de titelbalk aan de zeer
boven in het venster van de browser.

32
00:01:40,830 --> 00:01:45,500
Laten we het volgende te specificeren, de binnenkant van dat hoofd
tag, dat wij een titel van zult hebben

33
00:01:45,500 --> 00:01:47,570
iets simpels als hallo.

34
00:01:47,570 --> 00:01:51,550
Maar nu, laten we zeggen de browser
we klaar zijn het verstrekken van een titel.

35
00:01:51,550 --> 00:01:56,080
Om dat te doen, net zoals we geopend of gestart
de titel, een moment geleden,

36
00:01:56,080 --> 00:02:00,250
laten we nu dicht of te beëindigen die tag door
onder vermelding, in feite het tegenovergestelde.

37
00:02:00,250 --> 00:02:05,010
>> Om dat uit te drukken, doen we haakje openen,
slash titel.

38
00:02:05,010 --> 00:02:07,830
Op dezelfde manier, nu dat we klaar definiëren,
voor nu, het hoofd van deze

39
00:02:07,830 --> 00:02:12,340
pagina, zullen we haakje openen slash hoofd doen,
de browser te vertellen dat we

40
00:02:12,340 --> 00:02:14,710
Nu gebeurt het verstrekken van het hoofd.

41
00:02:14,710 --> 00:02:18,080
Slechts een deel nu blijft, de
zogenaamde lichaam van de webpagina, die

42
00:02:18,080 --> 00:02:21,120
echt de essentie vormt
van een webpagina.

43
00:02:21,120 --> 00:02:24,780
>> Laten we aangeven dat, hier, het is
beginnen, met open beugel, lichaam,

44
00:02:24,780 --> 00:02:25,600
haakje sluiten.

45
00:02:25,600 --> 00:02:29,080
En laten we nu iets schrijven
zoals hello komma wereld.

46
00:02:29,080 --> 00:02:32,930
Voelt als dit is een goed genoeg web
pagina, dus laten we nu naar een nieuwe regel.

47
00:02:32,930 --> 00:02:37,460
Geef haakje openen, slash,
lichaam, het informeren van de browser dat we

48
00:02:37,460 --> 00:02:38,650
gedaan die de lichaam.

49
00:02:38,650 --> 00:02:41,120
En op dezelfde wijze, laten we nu informeren
de browser die ik ben klaar

50
00:02:41,120 --> 00:02:43,230
verschaffen van een webpagina.

51
00:02:43,230 --> 00:02:47,120
Op een eigen regel, zullen we openen doen
bracket, slash, html.

52
00:02:47,120 --> 00:02:49,350
>> Nu, let op de esthetiek
van deze webpagina.

53
00:02:49,350 --> 00:02:52,290
Hoewel, technisch, het is niet
nodig om zo veel wit leveren

54
00:02:52,290 --> 00:02:55,450
ruimte zoals ik heb gedaan, het is een goede stijl, want
de code is, misschien wel, veel

55
00:02:55,450 --> 00:02:56,490
leesbaarder.

56
00:02:56,490 --> 00:03:00,780
Let op, in het bijzonder, dat wanneer ik open
of start een tag, ik toen streepje in

57
00:03:00,780 --> 00:03:02,040
de lijnen die volgen.

58
00:03:02,040 --> 00:03:05,990
En wanneer ik sluiten of en de tag, ik
sluiten die tag ofwel op hetzelfde

59
00:03:05,990 --> 00:03:09,790
lijn, als het een vrij korte lijn, of
op een nieuwe regel zodanig dat de

60
00:03:09,790 --> 00:03:14,540
close tag lijn staat met de open label,
net zoals we deden in een taal als C

61
00:03:14,540 --> 00:03:17,380
met open en dicht accolades.

62
00:03:17,380 --> 00:03:20,350
>> Laten we nu sla dit bestand op en probeer
om het te openen in een webbrowser

63
00:03:20,350 --> 00:03:21,600
binnenkant van het apparaat.

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

65
00:03:24,180 --> 00:03:30,310
Laten we openen Chrome, en laten we nu
bezoek http://localhost, dat is een

66
00:03:30,310 --> 00:03:34,930
bijnaam voor het apparaat
zelf / hello.html.

67
00:03:34,930 --> 00:03:38,230
En merk op dat ik heb eigenlijk niet getypt
publiek, omdat het impliciet

68
00:03:38,230 --> 00:03:42,430
dat als een bezoek aan deze pagina via een web
browser, je inderdaad toegang wilt tot het

69
00:03:42,430 --> 00:03:44,430
inhoud van deze publieke directory.

70
00:03:44,430 --> 00:03:47,740
Maar ik wil wel toegang, in het bijzonder,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Dus laten we nu druk op Enter
en zie wat er gebeurt.

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

73
00:03:51,710 --> 00:03:56,260
Ik heb geen toestemming om toegang te krijgen
/ Hello.html op deze server.

74
00:03:56,260 --> 00:03:57,570
Nu, waarom zou dat zijn?

75
00:03:57,570 --> 00:04:01,040
Nou, het blijkt dat het niet voldoende
om gewoon dit bestand gezet, hello.html,

76
00:04:01,040 --> 00:04:02,560
in die openbare map.

77
00:04:02,560 --> 00:04:06,150
We moeten ook proactief vertellen de
apparaat dat we, inderdaad, wil

78
00:04:06,150 --> 00:04:09,470
laat de hele wereld, in potentie,
toegang tot dit bestand.

79
00:04:09,470 --> 00:04:12,470
Om dit te doen, moeten we om te veranderen zijn
toestemmingen, om zo te zeggen, en we kunnen

80
00:04:12,470 --> 00:04:14,600
dat te doen op een opdrachtregel.

81
00:04:14,600 --> 00:04:20,079
>> Laten we het type ls-l om een ​​lange lijst te krijgen
van de bestanden in deze map, Enter.

82
00:04:20,079 --> 00:04:22,480
En we zien inderdaad hello.html.

83
00:04:22,480 --> 00:04:25,882
Maar hier aan de linkerkant,
kennisgeving, is een r en een w.

84
00:04:25,882 --> 00:04:29,050
De r, zoals je misschien al geraden, betekent
lezen, en de w betekent schrijven, maar

85
00:04:29,050 --> 00:04:32,470
het feit dat er slechts een dergelijke r en
een dergelijke w, de hele weg naar de

86
00:04:32,470 --> 00:04:36,710
Links van deze streepjes betekent dat alleen
de bestanden eigenaar, ikzelf, kan eigenlijk

87
00:04:36,710 --> 00:04:38,370
lezen en schrijven dit bestand.

88
00:04:38,370 --> 00:04:41,610
>> We moeten ten minste een andere schakelt
r aan de hele wereld laten lezen

89
00:04:41,610 --> 00:04:42,810
dit bestand ook.

90
00:04:42,810 --> 00:04:47,320
En om dit te doen, kunnen we dat doen met de
commando, chmod, of verandering modus.

91
00:04:47,320 --> 00:04:54,030
chmod een, voor allen, plus r,
ruimte, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Niets lijkt te zijn gebeurd, maar
dat is over het algemeen een goede zaak.

93
00:04:56,970 --> 00:05:02,490
Dus nogmaals ls-l zou moeten, hopelijk,
opleveren wat extra r's.

94
00:05:02,490 --> 00:05:04,130
>> En inderdaad, we zien wel zodanig.

95
00:05:04,130 --> 00:05:08,350
Aan de linkerkant hier nu, bericht
dat ik heb gelezen en schrijf privileges.

96
00:05:08,350 --> 00:05:10,320
Er is nog een r, en dan nog een r.

97
00:05:10,320 --> 00:05:13,180
Nou, het blijkt dat de r in het midden
betekent dat mijn fractie, die toevallig

98
00:05:13,180 --> 00:05:15,370
studenten in het toestel,
kan ook dit bestand te lezen.

99
00:05:15,370 --> 00:05:18,235
Maar dat is hier grotendeels irrelevant,
omdat we praten over het web en

100
00:05:18,235 --> 00:05:19,850
niet het apparaat zelf.

101
00:05:19,850 --> 00:05:23,420
Maar dat derde r helemaal op de
rechts geeft dat de gehele wereld,

102
00:05:23,420 --> 00:05:25,920
of alle, kan dit bestand te lezen.

103
00:05:25,920 --> 00:05:29,290
>> Laten we nu terug naar mijn browser gaan, herladen
de pagina, en zien of ik ben niet

104
00:05:29,290 --> 00:05:32,050
langer verboden.

105
00:05:32,050 --> 00:05:36,800
Laten klik Chrome herladen pictogram omhoog
hier, of druk op control-R, en daar zijn we

106
00:05:36,800 --> 00:05:38,750
hebben, hello wereld.

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