>> ПРОФЕСОР Харлан: HTML або гіпертекстовий Мова розмітки, це мова, на
які веб-сторінки написані.
Тепер, це не мова програмування, тому що це не дозволяє нам висловити
Логіка, як цикли, і в той час як петлі, і умови тощо.
Швидше, це дійсно мова розмітки що дозволяє нам вказати, що веб-
сторінка повинна виглядати, структурно і естетично.
І він робить це шляхом те, що називають теги.
Давайте заглибимося в і зробити найпростіших веб-сторінки, який просто говорить, для
Примірник, привіт світ.
>> Зверніть увагу, тут, в Gedit, що я вже зберегли файл як hello.html.
І зверніть увагу, тут, в терміналі вікна, що я, здається, всередині
каталог під назвою громадськості, яка сама по собі знаходиться всередині директорії під назвою
локальний хост, який сам знаходиться всередині каталог під назвою віртуальних доменів, які
Сам знаходиться всередині Джон Гарварда домашній каталог.
Тепер виявляється, через те, як ми налаштували прилад, який
є, як реальний світ спосіб, як це можливо, нічого всередині цього громадськості
каталог повинен, по суті, бути доступними на весь громадськості через
веб-браузер, хоча, прямо зараз, Я єдиний користувач, який буде
Заходячи на цей веб-сторінку.
>> Повернемося до hello.html і почати писати деякі з цієї мови.
По-перше, на вершині цього файлу, я збираюся вказати відкритий кронштейн, вигук
точка, DOCTYPE простір HTML.
Ця лінія не є тег, по суті, навіть хоча це почати з відкритим
кронштейн, але, замість цього, це спеціальний одна лінія фрагмент, який вказує на необхідність
браузеру, ось іде павутину сторінка написана на HTML.
>> Давайте далі, на лінії самостійно, вказати відкритий кронштейн HTML, вказуючи
в браузер, що тут, дійсно, в тому, що HTML.
Всередині це, давайте відступ небагато, і потім зробити голову, вказуючи
браузеру, ось іде глава сторінки, які, на даний момент, припускаю,
істотно рядок заголовка, по крайней верхній частині вікна браузера.
Давайте наступне вказати, всередині цього голові Тег, що ми будемо мати титул
щось просте, як привіт.
Але тепер, давайте скажемо браузера ми зробили забезпечуючи титул.
Щоб зробити це, так само, як ми відкрили або почали тег, назва, хвилину тому,
давайте тепер близько чи кінець цей тег по вказавши, по суті, все навпаки.
>> Щоб висловити, що ми робимо відкриту дужку, коса риса, назву.
Точно так само, тепер, коли ми закінчимо визначення, на даний момент, глава цього
сторінки, ми зробимо відкритий кронштейн косою голову, говорить браузеру, що, коли ми знаходимося
зараз робиться забезпечення головою.
Тільки одна частина тепер залишається, так званий тіло веб-сторінки, які
дійсно являє собою сутність будь-який веб-сторінці.
>> Уточнимо, що, от, це починаючи, з відкритою дужки, тіла,
закриває дужка.
І давайте тепер написати щось як привіт кома світ.
За відчуттями це досить хороший веб- сторінки, так що давайте тепер перейдемо до нового рядка.
Вкажіть відкритий кронштейн, косу межу, тіло, повідомляючи браузеру, що, коли ми знаходимося
зроблено забезпеченні організму.
І точно так само, давайте тепер повідомити браузер, який я зробив
надання веб-сторінки.
На лінії самостійно, ми зробимо відкритим кронштейн, коса риса, HTML.
>> Тепер, зверніть увагу на естетику цієї веб-сторінці.
Незважаючи на те, технічно, це не зобов'язані надавати якомога більше білого
простір, як я зробив, це хороший стиль, так як код є, мабуть, набагато
більш зручним для читання.
Зверніть увагу, зокрема, що, коли я відкриваю або почати тегів, я тоді відступ в
лінії, які слідують.
І коли я закриваю або і тег, я закрити цей тег як на одному
результат, якщо це досить коротка лінія, або на новій лінії таким чином, що
близькі лінії тегів вгору з відкритою тега, так само, як ми це робили в мові, як C
з відкритих і закритих фігурні дужки.
>> Давайте тепер зберегти цей файл і спробуйте , Щоб відкрити його у веб-браузері
Усередині приладу.
Давайте відкрити Chrome, і давайте зараз відвідати http://localhost, який є
Псевдонім для приладу Сам, / hello.html.
І зауважте, що я насправді не набрали громадськості, тому що це має на увазі
що при відвідуванні цієї сторінки через веб браузер, ви дійсно хочете отримати доступ до
Вміст цього загальний каталог.
Але я хочу, щоб отримати доступ, зокрема, hello.html.
Так що давайте тепер натисніть Введення і подивитися, що відбувається.
>> Гектометри
У мене немає дозволу на доступ / Hello.html на цьому сервері.
Тепер, чому це може бути?
Ну, виявляється, що це не досить просто покласти цей файл, hello.html,
в цьому загальному каталозі.
Ми також повинні активно сказати прилад, який ми, справді, хочете
дозволяють весь світ, потенційно, відкрити файл.
Щоб зробити це, нам потрібно змінити його дозволів, так сказати, і ми можемо
зробити це в командному рядку.
>> Давайте введіть LS-л, щоб отримати довгий список файли в цьому каталозі, Enter.
І ми бачимо, дійсно, hello.html.
Але тут на лівій стороні, Відзначимо, є г і ж.
Г, як ви вже здогадалися, означає читати, і ж засобом писати, але
той факт, що є тільки один такий г і одним з таких ж, всі шляхи, щоб
лівий з цих штрихів, означає, що тільки власник файли, я, може насправді
читати і писати цей файл.
>> Нам необхідно перемикати щонайменше один інший г, щоб весь світ читання
цей файл, а також.
А для цього, ми можемо зробити це з Команда, CHMOD, або зміна режиму.
CHMOD, для всіх, а також г, простір, hello.html Enter.
Ніщо, здається, не сталося, але що це взагалі хороша річ.
Так LS-л знову повинен, ми сподіваємося, дають деякі додаткові т років.
>> І дійсно, ми бачимо такі.
На лівій стороні тут зараз, повідомлення що я привілеї читання і запису.
Там інша г, а потім ще р.
Ну, виявляється, на т в середині означає мою групу, яка, трапляється,
студенти в приладі, Також можна прочитати цей файл.
Але це значною мірою невідповідним тут, так як ми говоримо про мережу та
не саме прилад.
Але, що третя г всю дорогу на Право вказує, що весь світ,
або все, можете прочитати цей файл.
>> Давайте тепер повернемося до моїх браузером, перезавантажте сторінка, і не бачу, якщо я не
більше заборонені.
Давайте натиснемо перезавантаження значок в Chrome до тут, або натисніть Control-R, і там ми
Тобто, привіт світ.