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

2
00:00:00,140 --> 00:00:03,700
>> ПРОФЕСОР Харлан: 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
Логіка, як цикли, і в той час як петлі,
і умови тощо.

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
І давайте тепер написати щось
як привіт кома світ.

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
>> Давайте тепер зберегти цей файл і спробуйте
, Щоб відкрити його у веб-браузері

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-л, щоб отримати довгий список
файли в цьому каталозі, Enter.

82
00:04:20,079 --> 00:04:22,480
І ми бачимо, дійсно, hello.html.

83
00:04:22,480 --> 00:04:25,882
Але тут на лівій стороні,
Відзначимо, є г і ж.

84
00:04:25,882 --> 00:04:29,050
Г, як ви вже здогадалися, означає
читати, і ж засобом писати, але

85
00:04:29,050 --> 00:04:32,470
той факт, що є тільки один такий г і
одним з таких ж, всі шляхи, щоб

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
>> Нам необхідно перемикати щонайменше один інший
г, щоб весь світ читання

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, для всіх, а також г,
простір, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Ніщо, здається, не сталося, але
що це взагалі хороша річ.

93
00:04:56,970 --> 00:05:02,490
Так LS-л знову повинен, ми сподіваємося,
дають деякі додаткові т років.

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
Там інша г, а потім ще р.

97
00:05:10,320 --> 00:05:13,180
Ну, виявляється, на т в середині
означає мою групу, яка, трапляється,

98
00:05:13,180 --> 00:05:15,370
студенти в приладі,
Також можна прочитати цей файл.

99
00:05:15,370 --> 00:05:18,235
Але це значною мірою невідповідним тут,
так як ми говоримо про мережу та

100
00:05:18,235 --> 00:05:19,850
не саме прилад.

101
00:05:19,850 --> 00:05:23,420
Але, що третя г всю дорогу на
Право вказує, що весь світ,

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