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