Введення. Термін HTML (Hyper Text Markup Language) означає мова маркування гіпертекстів

Термін HTML (Hyper Text Markup Language) означає "мова маркування гіпертекстів". Це поняття більш широке, включає в себе Інтернет та локальні мережі, редактори, браузери, різноманітні програмні продукти, компакт-диски, навчальні курси, дизайн та багато іншого. HTML-своєрідна протилежність складним мовам програмування, відомим тільки фахівцям.

HTML давно перестав бути просто мовою програмування. Людина, яка вивчає цю мову, знаходить можливість робити складні речі простими способами і, головне, швидко, що в комп'ютерному світі не так вже й мало. Гіпертекст підходить для включення елементів мультимедіа в традиційні документи. Практично саме завдяки розвитку гіпертексту, більшість користувачів отримала можливість створювати власні мультимедійні продукти і поширювати їх на компакт-дисках.

Такі інформаційні системи, виконані у вигляді набору HTML-сторінок, не вимагають розробки спеціальних програмних засобів, так як всі необхідні інструменти для роботи з даними (Web-браузери) стали частиною стандартного програмного забезпечення більшості персональних комп'ютерів. Від користувача потрібно виконати тільки ту роботу, яка відноситься до тематики розроблюваного продукту: підготувати тексти, намалювати малюнки, створити HTML-сторінки і продумати зв'язок між ними.

HTML, як основа створення Web-сторінок, має пряме відношення і до нового напрямку образотворчого мистецтва – Web-дизайн. Художнику в Інтернеті недостатньо просто намалювати красиві картинки, оригінальний логотип, створити новий фірмовий стиль. Він повинен ще помістити все це в мережі, продумати зв'язок між Web-сторінками, щоб все рухалося, відгукувалося на дії користувача, вражало уяву, викликало бажання створити що-небудь своє, оригінальне в цій галузі.

1.1 Історія HTML

Перша версія HTML була розроблена в 1989 році Тімом Бернерс-Лі для популярного в минулому браузера Mosaic. Але в той час, ні для мови, ні для браузера не знайшлося гідного застосування. У 1993 році з'явився HTML+, і ця версія також залишилася практично непоміченою. Початок широкого використання гіпертексту дала версія 2.0, яка з'явилася в червні 1994 року. Це був рік зростання популярності WWW по всьому світу. Елементи, включені у версію 2, в більшості своїй використовуються донині.

У версії 3.0 HTML, яка з'явилася через рік, була реалізована можливість промальовування математичних символів (знаків інтервалу, нескінченності, дробу, дужок і т.д.) за допомогою елементів мови. Під цю версію був розроблений браузер Arena. Але цей проект виявився тупиковим і не отримав подальшого поширення.

У 1996 році з'явився HTML 3.2. Це було новаторське рішення, в специфікацію мови були введені фрейми, які стали тепер дуже популярні у розробників Web-сторінок. Навіть зараз на основі цієї специфікації можна реалізувати цікаві дизайнерські рішення. Практично всі сучасні браузери підтримують версію 3.2, тому автори Web-сторінок впевнені в працездатності всіх елементів.

Поряд з офіційними специфікаціями мови, які розроблялися організацією W3C (W3 Consortium)​​, компанії-виробники браузерів створювали власні елементи (розширення). Згодом, деякі з цих елементів, після отримання загального визнання включилися в специфікацію наступних версій мови. Але новаторське рішення - фрейми, не були включені в специфікацію 3.2. Але браузери підтримували фрейми і багато книг, присвячені HTML, містили опис фреймів без згадки про те, що це нестандартні елементи. У наслідку, фрейми стали стандартом де-факто. У версії 4 вони вже були включені на повній підставі.

І навпаки, елементи APPLET і SCRIPT, необхідні для розширення HTML іншими програмними кодами версії 3.2, не зіграли тієї ролі, яку були покликані зіграти. Це пояснюється тим, що браузери різних версій по-різному інтерпретували програми на різних мовах: Java, JavaScript, Visual Basic (VBScript). В результаті не вдалося отримати досить надійний працюючий код, і дані мови використовувалися любителями HTML в основному для експериментів.
Офіційна специфікація HTML 4 (Dynamic HTML) з'явилася в 1997 році. У цей час уже було очевидно, що подальший розвиток гіпертексту буде здійснюватися за рахунок скрипт-програмування. Це виявилося не набагато більше ефективним, ніж вводити в мову все нові елементи. З'явилися в той час браузери (Netscape Navigator 4, Microsoft Internet Explorer 4 та ін.) Вже досить надійно інтерпретували програмний код (був встановлений певний рівень стандартизації). Однак проблеми у розробників ще залишилися. Як приклад, можна відзначити, що багато скриптів починаються з визначення версії браузера, щоб потім використовувати той або інший фрагмент коду. Очевидно, що на програміста лягає обов'язок тестування сторінок на всіх популярних у ці час браузерах.

В результаті, використання всіх можливостей Dynamic HTML стало долею програмістів досить великих організацій, де є умови для розробки складних програм і всебічного їх тестування. Творцям особистих Web-сторінок часом доводиться шукати компроміс між надійністю і новаторством, щоб отримати достатньо грамотний HTML-код.

1.2 Гіпертекст

Вже досить багато часу витрачено на те, щоб навчитися за допомогою HTML і браузера виводити на екран тексти.
Але це просто тексти. Використовуючи потужний текстовий процесор, такий, як Microsoft Word, зверстати оголошення, лист брошуру і невелику книгу можна набагато швидше, і результат буде кращої якості.

При цьому не треба писати програми, вникати в усі тонкощі численних тегів та їх атрибутів. Працюючи в Word, практично не треба думати ні про що, крім утримання власного твору. Різноманітний оформлювальний інструментарій має інтуїтивно-зрозумілий інтерфейс і численні бібліотеки шрифтів, ліній, значків, рамочок, орнаментів, фігур, картиночек та інших корисних "штучок", які роблять текст на екрані і папері приємним для ока. За умови, звичайно, що ви не позбавлені смаку і почуття міри.

Так чому ж у всьому світі вибухнув справжній бум HTML-програмування?
HTML-програмування дуже просте. У ньому немає традиційних алгоритмічних структур, таких, як розвилка, цикл, процедура. Воно лінійно у своїй основі.
Багато авторів підручників навіть соромляться називати HTML-тексти програмами. Роботу HTML-проектувальника вони називають розміткою тексту. Насправді, в цій назві укладена методична помилка. Адже вона (назва) передбачає такий порядок роботи: береться звичайний текст і розмічається, тобто, на нього накладається сітка з тегів так, щоб браузер зміг показати рядки тексту на екрані.
Однак, хороші гіпертекстові документи при такому підході отримати набагато складніше, ніж у випадку коли, структура HTML-документа планується ще до написання текстів.
Якщо, працюючи в Word, ви створюєте документ для власного споживання, у вас немає проблем. Немає проблем і тоді, коли ви посилаєте свою роботу у світ як друковану копію. Якщо ж ваш партнер, видавець або колега, просить надіслати електронну версію - починаються проблеми.

Для того щоб документ з'явився на екрані у абонента, необхідно, щоб його комп'ютер і операційна система (платформа) дозволяли запустити ваш улюблений редактор.
Для того щоб документ завантажився в Word, вкрай бажано збіг версій цього продукту у вас і вашого колеги.

Для того, щоб текст на екрані не виглядав як древненорвежский манускрипт, необхідно, щоб ваш партнер мав на своєму комп'ютері шрифти, які були використані при створенні вашого тексту.
Але навіть, якщо всі ці умови виконані, все одно мало шансів на те, що ваш товариш побачить текст неспотвореним (картинки вилазять з рамок, межі сторінок пливуть по тексту,...). Це відбувається тому, що ваш Word та Word вашого партнера налаштовані по-різному.

Після того, як по телефону (або електронною поштою) редактори будуть налаштовані однаково, текст все одно може виглядати по-різному вже з причин, відомих тільки фірмі Microsoft.
Все, про що говорилося, називається непереносимістю продукту. Не в тому сенсі, що продукт когось не любить, а в тому, що різним користувачам неможливо, або вкрай важко, відображати у себе те, що зроблено в іншому місці. HTML-документ є стерпним продуктом.

Це означає, що авторська праця буде легко доступна величезному числу користувачів, незалежно від марки комп'ютера і типу операційної системи. Саме ця властивість HTML-документів, а також їх відносно малий розмір, дозволили з успіхом використовувати HTML-технологію для підготовки WWW-сторінок в Інтернеті.
Переносимість HTML-документа досягається за рахунок того, що пересилається не екранне зображення, а програма. А зображення будує браузер, виконуючи команди цієї програми. Правда, і тут не все гладко. Різні браузери можуть працювати трохи по-різному.
HTML-документ - це гіпертекст.

Звичайний текст має лінійну структуру. І хоча користувач може читати будь-які його сторінки і строчки, гортаючи документ на екрані або в паперовій книзі, автор припускає, що текст читається по порядку. Спочатку перша сторінка, потім друга і так далі.

Структура комп'ютерної книги стає істотно нелінійною, вона навіть перестає бути ієрархічною, а швидше нагадує поплутану рибальську мережу або порцію спагеті, перекинуту на підлогу.
Для навігації по такій мережі передбачається простий спосіб: ті фрагменти документа, які мають переходи на інші його частини, якимось чином виділені. Проста інтерфейсна дія таким посиланням (натискання на Enter або клацання мишею) перекидає користувача в інший інформаційний вузол.

Дата добавления: 2015-05-29