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

2
00:00:00,140 --> 00:00:03,700
>> 教授HARLAN：HTML或超文本
標記語言，是語言中的

3
00:00:03,700 --> 00:00:04,870
哪些網頁被寫入。

4
00:00:04,870 --> 00:00:08,140
現在，它不是一種編程語言，
因為它不會允許我們表達

5
00:00:08,140 --> 00:00:11,420
邏輯，像for循環和while循環，
和條件等。

6
00:00:11,420 --> 00:00:14,690
相反，它的確是一種標記語言
這使我們能夠指定哪些網絡

7
00:00:14,690 --> 00:00:17,490
頁面應該看起來像，結構
和美觀。

8
00:00:17,490 --> 00:00:20,210
並且它通過方式
所謂的標記。

9
00:00:20,210 --> 00:00:23,470
讓我們言歸正傳，讓最簡單的
網頁，一個只是說，對於

10
00:00:23,470 --> 00:00:25,410
例如，你好世界。

11
00:00:25,410 --> 00:00:29,940
>> 注意這裡，在gedit中，我已經
將文件保存為Hello.html時。

12
00:00:29,940 --> 00:00:32,990
並注意在這兒，在終端
窗口，我似乎是內部

13
00:00:32,990 --> 00:00:36,070
一個叫做公共目錄，這本身
是一個叫做目錄內

14
00:00:36,070 --> 00:00:39,770
本地主機，這本身就是內部
一個叫虛擬主機的目錄，其中

15
00:00:39,770 --> 00:00:42,850
本身就是約翰·哈佛的內
主目錄。

16
00:00:42,850 --> 00:00:45,850
現在，事實證明，因為出路，
我們已經配置的設備，該設備

17
00:00:45,850 --> 00:00:49,670
是在作為現實世界的方式成為可能，
本次公開的內部的任何

18
00:00:49,670 --> 00:00:53,400
目錄應，事實上，被​​訪問
通過一個整體的公共

19
00:00:53,400 --> 00:00:56,610
網頁瀏覽器，即使，現在，
我是誰去是唯一的用戶

20
00:00:56,610 --> 00:00:58,340
訪問此網頁。

21
00:00:58,340 --> 00:01:03,120
>> 現在，讓我們回到Hello.html時開始
寫一些語言。

22
00:01:03,120 --> 00:01:07,110
首先，上面這個文件，我將
指定開放式支架，感嘆號

23
00:01:07,110 --> 00:01:10,400
點，DOCTYPE HTML空間。

24
00:01:10,400 --> 00:01:13,930
這條線是不是一個標籤，就其本身，甚至
儘管它開始以開放的

25
00:01:13,930 --> 00:01:18,020
支架，但，相反，是一種特殊的
一行片段，它指定了一個

26
00:01:18,020 --> 00:01:22,370
瀏覽器，又來了一個網頁
頁寫在HTML。

27
00:01:22,370 --> 00:01:26,920
>> 讓我們接下來，在一行中它自己的，
指定開放式托架的html，說明

28
00:01:26,920 --> 00:01:29,890
給瀏覽器，在這裡，
的確，是HTML。

29
00:01:29,890 --> 00:01:34,150
裡面的那個，讓我們來縮進了一下，
然後做頭，指定到

30
00:01:34,150 --> 00:01:37,470
瀏覽器，這裡來的頭
頁面，該頁面，就目前而言，假設是

31
00:01:37,470 --> 00:01:40,830
基本上在非常的標題欄
瀏覽器窗口的頂部。

32
00:01:40,830 --> 00:01:45,500
讓我們接下來的指定，即頭內
標籤，那我們就會有一個標題

33
00:01:45,500 --> 00:01:47,570
一些簡單的像打招呼。

34
00:01:47,570 --> 00:01:51,550
但現在，讓我們來告訴瀏覽器
我們正在做提供了一個頭銜。

35
00:01:51,550 --> 00:01:56,080
要做到這一點，正如我們打開或啟動
標籤，標題，剛才，

36
00:01:56,080 --> 00:02:00,250
讓我們現在已經接近或結束該標籤
指定，在效果上是相反的。

37
00:02:00,250 --> 00:02:05,010
>> 為了表達這一點，我們做開放式支架，
正斜杠，名稱。

38
00:02:05,010 --> 00:02:07,830
同樣，現在我們就大功告成了定義，
就目前而言，這個頭

39
00:02:07,830 --> 00:02:12,340
頁面，我們會做開括號斜線頭，
告訴我們是瀏覽器

40
00:02:12,340 --> 00:02:14,710
現在做提供的頭部。

41
00:02:14,710 --> 00:02:18,080
只有一個部分現在仍然存在，
所述網頁的所謂的身體，這

42
00:02:18,080 --> 00:02:21,120
真正構成本質
的任何網頁。

43
00:02:21,120 --> 00:02:24,780
>> 讓我們指定，在這裡，它是
開始，開放式支架，機身，

44
00:02:24,780 --> 00:02:25,600
接近支架。

45
00:02:25,600 --> 00:02:29,080
而且，我們現在寫的東西
喜歡Hello逗號世界。

46
00:02:29,080 --> 00:02:32,930
感覺這是一個足夠好的網絡
頁，所以現在讓我們轉移到一個新行。

47
00:02:32,930 --> 00:02:37,460
指定開放式支架，斜線，
身體，通知我們的瀏覽器

48
00:02:37,460 --> 00:02:38,650
完成提供體內。

49
00:02:38,650 --> 00:02:41,120
同樣，現在讓我們通知
我是做了瀏覽器

50
00:02:41,120 --> 00:02:43,230
提供網頁。

51
00:02:43,230 --> 00:02:47,120
在一個屬於自己的行，我們會做開放
支架，斜線，HTML。

52
00:02:47,120 --> 00:02:49,350
>> 現在，請注意美學
此網頁。

53
00:02:49,350 --> 00:02:52,290
雖然，在技術上，它不是
需要提供盡可能多的白

54
00:02:52,290 --> 00:02:55,450
空間像我一樣，這是很好的風格，因為
代碼，可以說，多

55
00:02:55,450 --> 00:02:56,490
更具可讀性。

56
00:02:56,490 --> 00:03:00,780
注意事項，尤其是當我打開
或啟動一個標籤，然後我在縮進

57
00:03:00,780 --> 00:03:02,040
後面的線。

58
00:03:02,040 --> 00:03:05,990
當我關閉或和標籤，我
關閉該標籤在相同的

59
00:03:05,990 --> 00:03:09,790
行，如果它是一個相當短的線，或
上以這樣的方式一個新行，該

60
00:03:09,790 --> 00:03:14,540
關閉標記線與開放標記，
就像我們在像C語言一樣

61
00:03:14,540 --> 00:03:17,380
與開閉大括號。

62
00:03:17,380 --> 00:03:20,350
>> 現在讓我們保存這個文件，並嘗試
在Web瀏覽器中打開

63
00:03:20,350 --> 00:03:21,600
內的器具。

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

65
00:03:24,180 --> 00:03:30,310
讓我們打開了Chrome瀏覽器，讓我們現在
訪問http://localhost的，這是一個

66
00:03:30,310 --> 00:03:34,930
暱稱為家電
本身，/ hello.html的。

67
00:03:34,930 --> 00:03:38,230
並請注意，我已經沒有實際類型
公眾，因為它暗示

68
00:03:38,230 --> 00:03:42,430
如果通過網絡訪問此頁
瀏覽器，你確實要訪問的

69
00:03:42,430 --> 00:03:44,430
公共目錄的內容。

70
00:03:44,430 --> 00:03:47,740
但我想訪問，具體而言，
Hello.html時。

71
00:03:47,740 --> 00:03:50,854
現在讓我們敲回車
看看會發生什麼。

72
00:03:50,854 --> 00:03:51,710
>> 嗯。

73
00:03:51,710 --> 00:03:56,260
我沒有權限訪問
/ Hello.html時此服務器上。

74
00:03:56,260 --> 00:03:57,570
現在，為什麼會這樣呢？

75
00:03:57,570 --> 00:04:01,040
嗯，事實證明這是不夠的
簡單地把這個文件，Hello.html時，

76
00:04:01,040 --> 00:04:02,560
在公共目錄中。

77
00:04:02,560 --> 00:04:06,150
我們還需要主動告知
家電是我們，的確，要

78
00:04:06,150 --> 00:04:09,470
讓整個世界，潛在的，
訪問此文件。

79
00:04:09,470 --> 00:04:12,470
要做到這一點，我們需要改變它的
權限，可以這麼說，我們可以

80
00:04:12,470 --> 00:04:14,600
這樣做，在一個命令行。

81
00:04:14,600 --> 00:04:20,079
>> 讓我們輸入ls-l來獲得一個長列表
此目錄中的文件，回車。

82
00:04:20,079 --> 00:04:22,480
而我們看到的，的確，Hello.html時。

83
00:04:22,480 --> 00:04:25,882
但在這裡在左邊，
通知，是一個r和瓦特

84
00:04:25,882 --> 00:04:29,050
在R，正如你可能已經猜到了，意味著
讀取，w表示寫，但

85
00:04:29,050 --> 00:04:32,470
事實上，只有一個這樣的r和
一個這樣的瓦特，一路以上的

86
00:04:32,470 --> 00:04:36,710
這些虛線的左側，意味著只有
文件的所有者，我自己，實際上可以

87
00:04:36,710 --> 00:04:38,370
讀取和寫入這個文件。

88
00:04:38,370 --> 00:04:41,610
>> 我們需要切換的至少一個其它
r來讓全世界閱讀

89
00:04:41,610 --> 00:04:42,810
這個文件也是如此。

90
00:04:42,810 --> 00:04:47,320
而要做到這一點，我們可以用這樣做
命令，CHMOD，或改變模式。

91
00:04:47,320 --> 00:04:54,030
存取權限chmod a，對於所有，加r，
空間，Hello.html時輸入。

92
00:04:54,030 --> 00:04:56,970
似乎什麼都沒有發生，但
這是一個好東西。

93
00:04:56,970 --> 00:05:02,490
所以ls-l的又應該有希望，
產生一些額外的r。

94
00:05:02,490 --> 00:05:04,130
>> 而事實上，我們確實看到了這樣。

95
00:05:04,130 --> 00:05:08,350
在左手邊現在在這裡，通知
我已閱讀和寫入權限。

96
00:05:08,350 --> 00:05:10,320
還有另外一個r，然後再河

97
00:05:10,320 --> 00:05:13,180
嗯，原來在中間的R
意味著我的組，這恰好是

98
00:05:13,180 --> 00:05:15,370
學生在家電，
也可以讀取這個文件。

99
00:05:15,370 --> 00:05:18,235
但是，這在很大程度上是無關緊要這裡，
因為我們正在談論的Web和

100
00:05:18,235 --> 00:05:19,850
而不是設備本身。

101
00:05:19,850 --> 00:05:23,420
但是，第三個R全的方式對
正確指出了整個世界，

102
00:05:23,420 --> 00:05:25,920
或全部，可以讀取該文件。

103
00:05:25,920 --> 00:05:29,290
>> 現在，讓我們回到我的瀏覽器，重裝
頁面，看看如果我沒有

104
00:05:29,290 --> 00:05:32,050
不再禁止的。

105
00:05:32,050 --> 00:05:36,800
讓我們點擊Chrome的重載圖標了
在這裡，或按下Control-R和我們有

106
00:05:36,800 --> 00:05:38,750
擁有它，你好世界。

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