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