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

2
00:00:00,140 --> 00:00:03,700
>> GIÁO SƯ HARLAN: HTML, hay HyperText
Ngôn ngữ đánh dấu, là ngôn ngữ

3
00:00:03,700 --> 00:00:04,870
những trang web được viết.

4
00:00:04,870 --> 00:00:08,140
Bây giờ, nó không phải là một ngôn ngữ lập trình,
bởi vì nó không cho phép chúng ta thể hiện

5
00:00:08,140 --> 00:00:11,420
logic, như cho các vòng, và trong khi vòng,
và các điều kiện và muốn.

6
00:00:11,420 --> 00:00:14,690
Thay vào đó, nó thực sự là một ngôn ngữ đánh dấu
cho phép chúng ta xác định những gì một trang web

7
00:00:14,690 --> 00:00:17,490
trang đó như thế nào, cấu trúc
và về mặt thẩm mỹ.

8
00:00:17,490 --> 00:00:20,210
Và nó làm như vậy bằng cách
những gì được gọi là thẻ.

9
00:00:20,210 --> 00:00:23,470
Chúng ta hãy nhảy vào và làm cho đơn giản
trang web, một trong đó chỉ đơn giản nói, cho

10
00:00:23,470 --> 00:00:25,410
Ví dụ, hello thế giới.

11
00:00:25,410 --> 00:00:29,940
>> Chú ý ở đây, trong gedit, mà tôi đã đã
lưu các tập tin như hello.html.

12
00:00:29,940 --> 00:00:32,990
Và nhận thấy ở đây, trong các thiết bị đầu cuối
cửa sổ, mà tôi xuất hiện để được bên trong

13
00:00:32,990 --> 00:00:36,070
một thư mục gọi là công cộng, mà chính nó
bên trong của một thư mục gọi là

14
00:00:36,070 --> 00:00:39,770
máy chủ địa phương, mà chính nó là bên trong
một thư mục gọi là vhosts, mà

15
00:00:39,770 --> 00:00:42,850
chính nó là bên trong của John Harvard
thư mục chính.

16
00:00:42,850 --> 00:00:45,850
Bây giờ nó quay ra, vì cách
chúng ta đã cấu hình thiết bị, mà

17
00:00:45,850 --> 00:00:49,670
là trên thế giới như một cách thực nhất có thể,
bất cứ điều gì bên trong của công chúng này

18
00:00:49,670 --> 00:00:53,400
thư mục cần, thực sự, có thể truy cập
cho toàn bộ công thông qua một

19
00:00:53,400 --> 00:00:56,610
trình duyệt web, mặc dù, ngay bây giờ,
Tôi là người dùng sẽ là

20
00:00:56,610 --> 00:00:58,340
truy cập vào trang web này.

21
00:00:58,340 --> 00:01:03,120
>> Bây giờ chúng ta quay trở lại và bắt đầu hello.html
viết một số ngôn ngữ đó.

22
00:01:03,120 --> 00:01:07,110
Đầu tiên, trên tập tin này, tôi sẽ
chỉ định mở khung, chấm than

23
00:01:07,110 --> 00:01:10,400
điểm, không gian DOCTYPE html.

24
00:01:10,400 --> 00:01:13,930
Dòng này không phải là một từ khóa, mỗi gia nhập, thậm chí
mặc dù nó bắt đầu với một mở

25
00:01:13,930 --> 00:01:18,020
khung, nhưng nó, thay vào đó, là một đặc biệt
một dòng mảnh chỉ định một

26
00:01:18,020 --> 00:01:22,370
trình duyệt, ở đây có một trang web
trang được viết bằng HTML.

27
00:01:22,370 --> 00:01:26,920
>> Chúng ta hãy tiếp theo, trên một đường riêng của mình,
xác định khung mở html, cho thấy

28
00:01:26,920 --> 00:01:29,890
cho trình duyệt mà ở đây,
thực sự, là HTML.

29
00:01:29,890 --> 00:01:34,150
Trong đó, chúng ta hãy canh lề một chút, và
sau đó làm đầu, quy định cụ thể để các

30
00:01:34,150 --> 00:01:37,470
trình duyệt, ở đây có người đứng đầu
trang, trong đó, bây giờ, giả định là

31
00:01:37,470 --> 00:01:40,830
về cơ bản thanh tiêu đề ở rất
cùng của cửa sổ của trình duyệt.

32
00:01:40,830 --> 00:01:45,500
Chúng ta hãy tiếp theo chỉ định, trong đầu rằng
tag, rằng chúng tôi sẽ có một danh hiệu

33
00:01:45,500 --> 00:01:47,570
một cái gì đó đơn giản như chào.

34
00:01:47,570 --> 00:01:51,550
Nhưng bây giờ, chúng ta hãy cho trình duyệt
chúng tôi đang thực hiện cung cấp một tiêu đề.

35
00:01:51,550 --> 00:01:56,080
Để làm điều đó, cũng giống như chúng tôi đã mở hoặc bắt đầu
thẻ, tiêu đề, thời điểm trước đây,

36
00:01:56,080 --> 00:02:00,250
bây giờ chúng ta gần hoặc kết thúc tag rằng bằng cách
quy định cụ thể, có hiệu lực, điều ngược lại.

37
00:02:00,250 --> 00:02:05,010
>> Để thể hiện rằng, chúng tôi mở khung,
dấu gạch chéo, tiêu đề.

38
00:02:05,010 --> 00:02:07,830
Tương tự như vậy, bây giờ mà chúng tôi đang thực hiện xác định,
bây giờ, người đứng đầu này

39
00:02:07,830 --> 00:02:12,340
trang, chúng tôi sẽ làm khung mở đầu dấu gạch chéo,
cho trình duyệt biết chúng tôi

40
00:02:12,340 --> 00:02:14,710
bây giờ thực hiện cung cấp đầu.

41
00:02:14,710 --> 00:02:18,080
Chỉ có một phần bây giờ vẫn còn,
cái gọi là cơ thể của trang web,

42
00:02:18,080 --> 00:02:21,120
thực sự cấu thành bản chất
của bất kỳ trang web.

43
00:02:21,120 --> 00:02:24,780
>> Chúng ta hãy xác định rằng, ở đây, đó là
bắt đầu, với khung mở, cơ thể,

44
00:02:24,780 --> 00:02:25,600
khung gần.

45
00:02:25,600 --> 00:02:29,080
Và bây giờ chúng ta viết một cái gì đó
như chào dấu phẩy thế giới.

46
00:02:29,080 --> 00:02:32,930
Cảm thấy như thế này là một trang web tốt, đủ
trang, vì vậy bây giờ chúng ta chuyển sang một dòng mới.

47
00:02:32,930 --> 00:02:37,460
Xác định khung mở, dấu gạch chéo,
cơ thể, thông báo cho trình duyệt mà chúng tôi

48
00:02:37,460 --> 00:02:38,650
thực hiện việc cung cấp cho cơ thể.

49
00:02:38,650 --> 00:02:41,120
Và tương tự, bây giờ chúng ta thông báo
trình duyệt mà tôi done

50
00:02:41,120 --> 00:02:43,230
cung cấp một trang web.

51
00:02:43,230 --> 00:02:47,120
Trên một dòng riêng của mình, chúng tôi sẽ làm mở
khung, dấu gạch chéo, html.

52
00:02:47,120 --> 00:02:49,350
>> Bây giờ, nhận thấy tính thẩm mỹ
của trang web này.

53
00:02:49,350 --> 00:02:52,290
Mặc dù, về mặt kỹ thuật, nó không phải
cần thiết để cung cấp càng nhiều màu trắng

54
00:02:52,290 --> 00:02:55,450
không gian như tôi đã làm, đó là phong cách tốt, bởi vì
mã là, cho là, nhiều

55
00:02:55,450 --> 00:02:56,490
dễ đọc hơn.

56
00:02:56,490 --> 00:03:00,780
Thông báo, đặc biệt là khi tôi mở
hoặc bắt đầu một từ khóa, sau đó tôi thụt trong

57
00:03:00,780 --> 00:03:02,040
các dòng tiếp theo.

58
00:03:02,040 --> 00:03:05,990
Và khi tôi đóng hay và thẻ, tôi
đóng thẻ đó, hoặc trên cùng một

59
00:03:05,990 --> 00:03:09,790
dòng, nếu đó là một dòng tương đối ngắn, hoặc
trên một dòng mới trong một cách mà các

60
00:03:09,790 --> 00:03:14,540
gần dòng thẻ với thẻ mở,
giống như chúng tôi đã làm trong một ngôn ngữ như C

61
00:03:14,540 --> 00:03:17,380
với dấu ngoặc nhọn đóng và mở.

62
00:03:17,380 --> 00:03:20,350
>> Bây giờ hãy lưu tập tin này và cố gắng
để mở nó trong một trình duyệt web

63
00:03:20,350 --> 00:03:21,600
bên trong của thiết bị.

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

65
00:03:24,180 --> 00:03:30,310
Chúng ta hãy mở Chrome, và để bây giờ
thăm http://localhost, mà là một

66
00:03:30,310 --> 00:03:34,930
biệt hiệu cho thiết bị
chính nó, / hello.html.

67
00:03:34,930 --> 00:03:38,230
Và nhận thấy rằng tôi đã không thực sự gõ
công cộng, bởi vì nó ngụ ý

68
00:03:38,230 --> 00:03:42,430
rằng nếu truy cập vào trang này thông qua một trang web
trình duyệt, bạn thực sự muốn truy cập vào

69
00:03:42,430 --> 00:03:44,430
Nội dung của thư mục công cộng.

70
00:03:44,430 --> 00:03:47,740
Nhưng tôi muốn truy cập, đặc biệt,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Vì vậy, bây giờ chúng ta nhấn Enter
và xem những gì sẽ xảy ra.

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

73
00:03:51,710 --> 00:03:56,260
Tôi không có quyền truy cập
/ Hello.html trên máy chủ này.

74
00:03:56,260 --> 00:03:57,570
Bây giờ, tại sao có thể được?

75
00:03:57,570 --> 00:04:01,040
Vâng, nó quay ra nó không đủ
chỉ đơn giản là đặt tập tin này, hello.html,

76
00:04:01,040 --> 00:04:02,560
trong thư mục công cộng.

77
00:04:02,560 --> 00:04:06,150
Chúng ta cũng cần chủ động nói với
thiết bị mà chúng ta, thực sự, muốn

78
00:04:06,150 --> 00:04:09,470
cho phép cả thế giới, có khả năng,
để truy cập vào tập tin này.

79
00:04:09,470 --> 00:04:12,470
Để làm như vậy, chúng ta cần phải thay đổi nó
quyền, do đó, để nói chuyện, và chúng ta có thể

80
00:04:12,470 --> 00:04:14,600
làm điều đó tại một dòng lệnh.

81
00:04:14,600 --> 00:04:20,079
>> Hãy gõ ls-l để có được một danh sách dài
của các tập tin trong thư mục này, Enter.

82
00:04:20,079 --> 00:04:22,480
Và chúng ta thấy, thực sự, hello.html.

83
00:04:22,480 --> 00:04:25,882
Nhưng ở đây bên trái,
thông báo, là một r và w.

84
00:04:25,882 --> 00:04:29,050
R, như bạn có thể đoán, có nghĩa là
đọc, và các phương tiện w viết, nhưng

85
00:04:29,050 --> 00:04:32,470
thực tế chỉ có một r đó và
một ví dụ w, tất cả các cách trên để

86
00:04:32,470 --> 00:04:36,710
trái của những dấu gạch ngang, có nghĩa là chỉ
chủ sở hữu tác phẩm, bản thân mình, có thể thực sự

87
00:04:36,710 --> 00:04:38,370
đọc và ghi tập tin này.

88
00:04:38,370 --> 00:04:41,610
>> Chúng ta cần phải chuyển đổi ít nhất một khác
r để cho cả thế giới đọc

89
00:04:41,610 --> 00:04:42,810
tập tin này là tốt.

90
00:04:42,810 --> 00:04:47,320
Và để làm được điều này, chúng ta có thể làm như vậy với
lệnh, chmod, hoặc thay đổi chế độ.

91
00:04:47,320 --> 00:04:54,030
chmod a, cho tất cả, cộng với r,
không gian, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Không có gì dường như đã xảy ra, nhưng
đó là nói chung là một điều tốt.

93
00:04:56,970 --> 00:05:02,490
Vì vậy, ls-l một lần nữa nên, hy vọng,
mang lại một số r thêm của.

94
00:05:02,490 --> 00:05:04,130
>> Và quả thật, chúng tôi thấy như vậy.

95
00:05:04,130 --> 00:05:08,350
Ở phía bên trái ở đây bây giờ, thông báo
rằng tôi đã đọc và viết đặc quyền.

96
00:05:08,350 --> 00:05:10,320
Có một r, và sau đó một r.

97
00:05:10,320 --> 00:05:13,180
Vâng, nó quay ra r ở giữa
có nghĩa là nhóm của tôi, đó sẽ xảy ra

98
00:05:13,180 --> 00:05:15,370
học sinh trong thiết bị,
cũng có thể đọc tập tin này.

99
00:05:15,370 --> 00:05:18,235
Nhưng đó là phần lớn liên quan ở đây,
vì chúng ta đang nói về các trang web và

100
00:05:18,235 --> 00:05:19,850
không phải là thiết bị chính nó.

101
00:05:19,850 --> 00:05:23,420
Nhưng mà r thứ ba tất cả các cách trên
bên phải cho thấy rằng toàn bộ thế giới,

102
00:05:23,420 --> 00:05:25,920
hoặc tất cả, có thể đọc tập tin này.

103
00:05:25,920 --> 00:05:29,290
>> Bây giờ chúng ta quay trở lại trình duyệt của tôi, lại
trang, và xem nếu tôi không

104
00:05:29,290 --> 00:05:32,050
còn cấm.

105
00:05:32,050 --> 00:05:36,800
Hãy nhấp vào biểu tượng Chrome tải lại lên
ở đây, hoặc nhấn Control-R, và có chúng tôi

106
00:05:36,800 --> 00:05:38,750
có nó, xin chào thế giới.

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