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

2
00:00:00,140 --> 00:00:03,700
>> PROFESOR HARLAN: HTML lub HyperText
Markup Language, jest językiem, w

3
00:00:03,700 --> 00:00:04,870
które są zapisane strony internetowe.

4
00:00:04,870 --> 00:00:08,140
Teraz, to nie jest język programowania,
ponieważ nie pozwala nam wyrazić

5
00:00:08,140 --> 00:00:11,420
Logika, jak dla pętli, a podczas pętli,
oraz warunki i jak.

6
00:00:11,420 --> 00:00:14,690
Przeciwnie, jest to rzeczywiście język znaczników
która pozwala nam określić, co Web

7
00:00:14,690 --> 00:00:17,490
strona powinna wyglądać, strukturalnie
i estetycznie.

8
00:00:17,490 --> 00:00:20,210
I czyni to w formie
tak zwane tagi.

9
00:00:20,210 --> 00:00:23,470
Miejmy nurkowania i zrobić najprostsze
strona www, który po prostu mówi, dla

10
00:00:23,470 --> 00:00:25,410
instancji, witaj świecie.

11
00:00:25,410 --> 00:00:29,940
>> Zauważcie, w gedit, że ja już mam
zapisaniu pliku jako hello.html.

12
00:00:29,940 --> 00:00:32,990
I zauważyć tutaj, w terminalu
okno, że wydają się być w środku

13
00:00:32,990 --> 00:00:36,070
katalog o nazwie publicznej, która sama
jest wewnątrz katalogu o nazwie

14
00:00:36,070 --> 00:00:39,770
miejscowy gospodarz, który sam w sobie jest w środku
katalog o nazwie vhosts, które

15
00:00:39,770 --> 00:00:42,850
Sam jest wewnątrz John Harvard
katalog domowy.

16
00:00:42,850 --> 00:00:45,850
Okazuje się, ze względu na sposób,
mamy skonfigurowane urządzenia, które

17
00:00:45,850 --> 00:00:49,670
jest w świecie rzeczywistym sposobem, jak to możliwe,
coś wewnątrz tego społeczeństwa

18
00:00:49,670 --> 00:00:53,400
Katalog powinien rzeczywiście być dostępne
do całego społeczeństwa poprzez

19
00:00:53,400 --> 00:00:56,610
przeglądarka, chociaż, teraz,
Jestem jedynym użytkownikiem, który będzie

20
00:00:56,610 --> 00:00:58,340
Wchodząc na tę stronę internetową.

21
00:00:58,340 --> 00:01:03,120
>> Wróćmy teraz do hello.html i zacząć
pisząc niektóre z tego języka.

22
00:01:03,120 --> 00:01:07,110
Po pierwsze, na szczycie tego pliku, mam zamiar
określić otwarty Uchwyt okrzyk

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

24
00:01:10,400 --> 00:01:13,930
Linia ta nie jest tag, per se, nawet
choć ma rozpocząć się otwarta

25
00:01:13,930 --> 00:01:18,020
wspornik, ale zamiast tego jest specjalny
jeden fragment linii, która określa się

26
00:01:18,020 --> 00:01:22,370
Przeglądarka, tu wstęgi
Strona napisana w języku HTML.

27
00:01:22,370 --> 00:01:26,920
>> Niech dalej, na linii własnych,
określenie wolnego wspornika html, wskazując

28
00:01:26,920 --> 00:01:29,890
z przeglądarki, że tutaj
rzeczywiście, jest to, że HTML.

29
00:01:29,890 --> 00:01:34,150
Wewnątrz tego, niech wciąć trochę, a
następnie zrobić głowę, podając do

30
00:01:34,150 --> 00:01:37,470
Przeglądarka, tu głowę
Strona, która na razie zakładamy, jest

31
00:01:37,470 --> 00:01:40,830
zasadniczo na pasek tytułu bardzo
górnej części okna przeglądarki.

32
00:01:40,830 --> 00:01:45,500
Niech obok określ, wewnątrz tego głowy
tag, że będziemy mieć tytuł

33
00:01:45,500 --> 00:01:47,570
coś prostego, jak przywitać.

34
00:01:47,570 --> 00:01:51,550
Ale teraz, powiedzmy przeglądarkę
skończymy zapewniając tytuł.

35
00:01:51,550 --> 00:01:56,080
Aby to zrobić, tak jak otwarte lub rozpoczęty
tag, tytuł, przed chwilą,

36
00:01:56,080 --> 00:02:00,250
niech teraz blisko lub końca tego znacznika przez
określając, w efekcie, naprzeciwko.

37
00:02:00,250 --> 00:02:05,010
>> Wyrazić, że my otwarty uchwyt,
ukośnik, tytuł.

38
00:02:05,010 --> 00:02:07,830
Podobnie teraz, że skończymy definiowanie,
teraz, to głowa

39
00:02:07,830 --> 00:02:12,340
Strona, zrobimy nawiasem slash głowę,
mówi przeglądarce, że jesteśmy

40
00:02:12,340 --> 00:02:14,710
teraz zrobić zapewniając głowę.

41
00:02:14,710 --> 00:02:18,080
Teraz tylko jedna część pozostaje,
tzw. ciało strony, które

42
00:02:18,080 --> 00:02:21,120
naprawdę stanowi istotę
z każdej strony.

43
00:02:21,120 --> 00:02:24,780
>> Niech określić, że tutaj, to
począwszy, z otwartym uchwytem, ​​ciała,

44
00:02:24,780 --> 00:02:25,600
blisko wspornika.

45
00:02:25,600 --> 00:02:29,080
I niech teraz coś napisać
jak cześć przecinek świecie.

46
00:02:29,080 --> 00:02:32,930
Czuje się jak to jest wystarczająco dobry web
strona, więc niech teraz przejść do nowej linii.

47
00:02:32,930 --> 00:02:37,460
Określ otwarty uchwyt, ukośnik,
Ciało, informując przeglądarkę, że jesteśmy

48
00:02:37,460 --> 00:02:38,650
wykonane zastosowanie korpusu.

49
00:02:38,650 --> 00:02:41,120
I podobnie, teraz informuje
Przeglądarka, że ​​skończę

50
00:02:41,120 --> 00:02:43,230
zapewnienie stronę internetową.

51
00:02:43,230 --> 00:02:47,120
Na linii własnych, zrobimy otwarte
Uchwyt, ukośnik, html.

52
00:02:47,120 --> 00:02:49,350
>> Teraz zwróć uwagę na estetykę
z tej strony.

53
00:02:49,350 --> 00:02:52,290
Mimo że, technicznie, to nie jest
obowiązek dostarczyć jak najwięcej biały

54
00:02:52,290 --> 00:02:55,450
miejsca, jak ja, to jest dobry styl, bo
kod jest, prawdopodobnie, dużo

55
00:02:55,450 --> 00:02:56,490
bardziej czytelny.

56
00:02:56,490 --> 00:03:00,780
Wskazówki, w szczególności, że gdy otwieram
lub rozpocząć tag, ja wtedy w tiret

57
00:03:00,780 --> 00:03:02,040
linie, które następują.

58
00:03:02,040 --> 00:03:05,990
A kiedy zamykam lub i znacznik, ja
zamknąć ten znacznik albo na sam

59
00:03:05,990 --> 00:03:09,790
linii, jeśli jest to dość krótki wiersz, lub
w nowej linii, w taki sposób, aby

60
00:03:09,790 --> 00:03:14,540
blisko linii tag się z otwartego znacznika,
podobnie jak to miało miejsce w językach takich jak C

61
00:03:14,540 --> 00:03:17,380
z otwartych i zamkniętych klamrach.

62
00:03:17,380 --> 00:03:20,350
>> Załóżmy teraz zapisać ten plik i spróbuj
, aby otworzyć go w przeglądarce internetowej

63
00:03:20,350 --> 00:03:21,600
wewnątrz urządzenia.

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

65
00:03:24,180 --> 00:03:30,310
Otwórzmy się Chrome, niech teraz
wizyta http://hostlokalny, który jest

66
00:03:30,310 --> 00:03:34,930
nick dla urządzenia
Sam, / hello.html.

67
00:03:34,930 --> 00:03:38,230
I zauważyć, że w rzeczywistości nie zostały wpisane
publicznych, ponieważ jest dorozumiany

68
00:03:38,230 --> 00:03:42,430
że jeśli odwiedzasz tę stronę za pomocą sieci
Przeglądarka, ty rzeczywiście chcesz uzyskać dostęp

69
00:03:42,430 --> 00:03:44,430
zawartość tego katalogu publicznego.

70
00:03:44,430 --> 00:03:47,740
Ale chcę, aby uzyskać dostęp, w szczególności,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Więc teraz naciśnij Enter
i zobaczyć co się dzieje.

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

73
00:03:51,710 --> 00:03:56,260
Nie masz uprawnień do dostępu
/ Hello.html na tym serwerze.

74
00:03:56,260 --> 00:03:57,570
Teraz, dlaczego może to być?

75
00:03:57,570 --> 00:04:01,040
Cóż, okazuje się, że nie jest wystarczające
po prostu umieścić plik, hello.html,

76
00:04:01,040 --> 00:04:02,560
w tym katalogu publicznego.

77
00:04:02,560 --> 00:04:06,150
Musimy również aktywnie powiedzieć
Urządzenie, które rzeczywiście chcą

78
00:04:06,150 --> 00:04:09,470
zezwolić na cały świat, potencjalnie,
aby uzyskać dostęp do tego pliku.

79
00:04:09,470 --> 00:04:12,470
Aby to zrobić, musimy zmienić jej
Uprawnienia, że ​​tak powiem, i możemy

80
00:04:12,470 --> 00:04:14,600
to zrobić w wierszu poleceń.

81
00:04:14,600 --> 00:04:20,079
>> Miejmy wpisz ls-l, aby uzyskać długą listę
pliki w tym katalogu, Enter.

82
00:04:20,079 --> 00:04:22,480
I widzimy, rzeczywiście, hello.html.

83
00:04:22,480 --> 00:04:25,882
Ale tutaj po lewej stronie,
Ogłoszenie jest R i W.

84
00:04:25,882 --> 00:04:29,050
R., jak można się domyślić, oznacza
Przeczytaj, a W oznacza pisać, ale

85
00:04:29,050 --> 00:04:32,470
Fakt, że jest tylko jeden taki r. i
jednym z takich wag, aż do ponad

86
00:04:32,470 --> 00:04:36,710
lewo od tych kresek, oznacza, że ​​tylko
Właściciel plików, sam, w rzeczywistości może

87
00:04:36,710 --> 00:04:38,370
odczytu i zapisu tego pliku.

88
00:04:38,370 --> 00:04:41,610
>> Musimy włączyć co najmniej jeden inny
r aby przeczytać cały świat

89
00:04:41,610 --> 00:04:42,810
tego pliku, jak również.

90
00:04:42,810 --> 00:04:47,320
I aby to zrobić, możemy to zrobić z
poleceń, chmod, lub tryb zmiany.

91
00:04:47,320 --> 00:04:54,030
chmod, dla wszystkich, a także r.,
Przestrzeń, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Wydaje się, że nic nie stało, ale
to na ogół dobre.

93
00:04:56,970 --> 00:05:02,490
Więc znowu ls-l powinien, miejmy nadzieję,
uzyskując kilka dodatkowych r. jest.

94
00:05:02,490 --> 00:05:04,130
>> I rzeczywiście, mamy zobaczyć takie.

95
00:05:04,130 --> 00:05:08,350
Po stronie lewej ręki tutaj teraz, wypowiedzenia
że mam uprawnienia odczytu i zapisu.

96
00:05:08,350 --> 00:05:10,320
Jest jeszcze jeden r., a potem jeszcze r.

97
00:05:10,320 --> 00:05:13,180
Cóż, okazuje się, że w środku r
Oznacza moją grupę, co zdarza się

98
00:05:13,180 --> 00:05:15,370
uczniów w urządzeniu,
Można także przeczytać ten plik.

99
00:05:15,370 --> 00:05:18,235
Ale to jest tutaj w dużej mierze nieistotna,
ponieważ mówimy o sieci i

100
00:05:18,235 --> 00:05:19,850
nie samo urządzenie.

101
00:05:19,850 --> 00:05:23,420
Ale to trzecie r. aż na
prawo wskazuje, że cały świat,

102
00:05:23,420 --> 00:05:25,920
lub wszystkie, może odczytać tego pliku.

103
00:05:25,920 --> 00:05:29,290
>> Załóżmy teraz wrócić do mojej przeglądarce, przeładuj
strony, i zobaczyć, czy ja nie jestem

104
00:05:29,290 --> 00:05:32,050
już zabronione.

105
00:05:32,050 --> 00:05:36,800
Załóżmy, kliknij ikonę Chrome reload górę
tutaj lub naciśnij Control-R, i tam

106
00:05:36,800 --> 00:05:38,750
masz, witaj świecie.

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