Мова гіпертекстової розмітки html. Мова гіпертекстової розмітки

Вступ

§ 1. Загальні відомості про мову розмітки гіпертексту (HTML)

§ 2. Структура HTML-документа

§ 3. Елементи дизайну Web-сторінок

§ 4. Практичне застосування мови розмітки гіпертексту HTLM

висновок

література

Вступ

В роботі розглядається мова розмітки гіпертексту HTML (Hypertext Markup Language); перша специфікація цього універсального і загальнодоступного мови розмітки - HTML була затверджена в 1991 році. HTML став стандартом і одночасно «коренем» для всіх розроблюваних Web сторінок.

Актуальність теми роботи обумовлена тим, що на сьогоднішній день HTML залишається самим універсальним, навіть незамінним засобом розмітки гіпертексту, а, отже, і публікації в Інтернет. Написання Web сторінок на HTML не вимагає інтерпретації вихідного коду в двійковий код.

Сучасні Web-сторінки вже не обходяться одним тільки HTML. Його гармонійно доповнюють кошти динамічного HTML: скрипт мови JavaScript і / або VBScript, каскадні таблиці стилів (CSS), іноді присутні Java-аплети. По суті справи, можна вивести для сучасної Web-сторінки: Web-сторінка = HTML + DHTML (JavaScript / VBScript, CSS, Java-аплети) + CGI Тобто на будь-якій сторінці має бути присутня HTML-верстка - розташування елементів дизайну тексту й необхідні скрипти - як розширення HTML в області розташування і опису властивостей різних об'єктів. CGI-скрипти можуть відігравати першорядну роль, формуючи всю сторінку, наповнюючи її необхідними, оновленими даними чи другорядну роль, - включаючись в неї.

Мета роботи полягає в загальній характеристиці мови розмітки гіпертексту HTML. Відповідно до поставленої мети завдання роботи сформульовані наступні:

1. огляд основних можливостей HTML

2. аналіз практичного застосування HTML (на прикладі навчальних програм).

§ 1. Загальні відомості про мову розмітки гіпертексту (HTML)

Гіпертекст - текст зі вставленими в нього словами (командами) розмітки, що посилаються на інші місця цього тексту, інші документи, картинки і т.д. Під час читання такого тексту (у відповідній програмі, його обробної і виконує відповідні посилання чи дії) ви бачите підсвічені (виділені) у тексті слова. Якщо наїхати на них курсором і натиснути клавішу або на кнопку (око) мишки, то висвітиться то, на що посилалося це слово, наприклад, інший параграф тієї ж глави цього ж тексту. У WWW по ключових словах можна потрапити в зовсім інший текст з іншого документа, увійти в якусь програму, зробити якесь дію і т.д. В Internet в контексті WWW можна одержувати доступ до чого завгодно, до telnet, e-mail, ftp, Gopher, WAIS, Archie, USENET News і т.п. У WWW можна посилатися на дані на інших машинах в будь-якому місці мережі, тоді при активації цієї посилання ці дані автоматично передадуться на вихідну машину і ви побачите на екрані текст, дані, картинку, а якщо провести в життя ідею мультимедіа, то і звук почуєте, музику, мова. Це злегка нагадує Gopher, але фактично це принципово інше і нове. У Gopher є жорстка структура меню, по який ви рухаєтеся, як вам завгодно. Ця структура не залежить від того, що ви робите, який документ використовуєте і т.д. У WWW ви рухаєтеся по документу, який може мати яку завгодно гіпертекстову структуру. Можна вільно організувати структури меню в гіпертексті. Маючи редактор гіпертекстів, можна створити будь-яку структуру робочого середовища, включаючи документацію, файли, дані, картини, програмне забезпечення тощо, і це не буде нове програмне забезпечення, а просто гіпертекст.

Сучасні програми розробки Web-серверів, такі як MS FrontPage або Web Pen для Windows, дають можливість навіть новачкові без всякого студіювання підручників легко створювати готові сторінки. При цьому фахівець зі створення Web-сайтів, званий Web-майстром, бере готові файли (тексти, таблиці, графіку, бази даних, звук, анімацію, відеофільми, програми) і за допомогою кнопок і команд меню оформляє сторінки сайту. Подібні програми, виконуючи команди інструментальних і операційного меню, формують гіпертекст WWW-сервера.

Вихідні текстові, табличні і графічні та інші об'єкти включаються в Web-site за допомогою тегів (tag = ярлик, етикетка). Тег - це послідовність символів, що задає

). становище об'єкта на сторінці сайту,

). зовнішній вигляд об'єкта або

Тег називають також керуючим маркером, прапором. Програми типу Web Pen самі розставляють теги, тому користувач таких програм може не знати мови розмітки гіпертексту (HTML = HyperText Markup Language).

Знання HTML необхідно з п'яти причин.
По-перше, Web-майстер аналізує сайти фірм-конкурентів і просто вдалі екземпляри WWW-серверів. Такий аналіз, необхідний для вдосконалення свого сайту, неможливий без знання мови розмітки гіпертексту.

По-друге, вдосконалення свого Web-сервера без повної його переробки (що довго і дорого) зручно робити шляхом ручної вставки і видалення об'єктів і тегів.

По-третє, HTML безперервно розвивається, тому програми типу MS FrontPage весь час відстають від новітніх можливостей мови.

По-четверте, не слід забувати про досить високу вартість таких програм.

Нарешті, по-п'яте, витративши гроші на придбання програми, потрібно ще витратити час на її освоєння.

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

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

) На даному сайті, тобто в папці, що містить всі htm-файли, графіку, звук, анімацію, відеофільми, програми;

) Поза сайтом в інших в папках на комп'ютері;

) В системі World Wide Web, тобто на інших Web-серверах;

) В Internet на серверах інших типів (FTP, Gopher).

Застосування механізму гіпертекстових посилань створює всесвітнє єдиний інформаційний простір, з якого співробітники торгової фірми отримують потрібні їм відомості. Стандарт HTML, як і всі інші стандарти, що мають відношення до Web, розробляється під егідою консорціуму World Wide Web Consortium (W3C). Специфікації стандартів і проекти нових пропозицій можна знайти за адресою # "578258.files / image001.gif"> на панелі завдань.

Створити нове вікно текстового процесора MS Word, використовуючи команду операційного меню (Вікно, Нове вікно) або клацнувши мишкою по кнопці інструментального меню "Стандартне".

Командою операційного меню (Вікно, Упорядкувати все) розмістити на дисплеї відразу два вікна: з методичкою і нове. Курсор повинен знаходитися в новому вікні. Командою операційного меню MS Word (Вставка, Малюнок ...) відкрити діалогову панель "Вставити малюнок".

Зі списку wmf-файлів в лівій частині діалогової панелі вибрати клацанням миші файл 1stplace.wmf. Розглянути малюнок, що з'явився в правій частині діалогової панелі.

Повторюючи дії, зазначені в пункті 6, переглянути кілька малюнків. Вибрати потрібний багатобарвний малюнок, клацнувши по кнопці OK в лівій нижній частині діалогової панелі. Цей малюнок з'явиться в новому вікні MS Word.

Розташувати курсор миші на малюнку і клацнути лівою клавішею миші. Скопіювати рисунок в буфер обміну, використовуючи команду операційного меню (Правка, Копіювати) або клацнувши мишкою по кнопці інструментального меню "Стандартне".

Закрити вікно з малюнком, використовуючи клавішну команду. Зробити максимальними розміри вікна з методичкою, клацнувши мишею по кнопці максимізації розмірів цього вікна.

Перейти у вікно графічного редактора Paint, клацнувши мишею по кнопці на панелі завдань.

Редактором LView Pro прочитаємо bmp-файл, створений за допомогою Paint, і збережемо його як gif-файл, усвідомивши і виконавши для цього наступні дії.

Запустити провідник, використовуючи кнопку "Пуск" на панелі завдань:

ПУСК => ПРОГРАМИ => ПРОВОДНИК

На диску D: відкрити папку LWPRO і запустити редактор LView Pro подвійним клацанням на імені файлу Lviewpro.exe.

Прочитати bmp-файл, створений за допомогою Paint, використовуючи команду операційного меню LView Pro (File, Open).

Кольори в документах HTML можуть задаватися двома способами - зазначенням коду кольору або зазначенням назви кольору англійською мовою. При першому способі код кольору записується у вигляді шістнадцятирічного числа, що містить шість цифр: перші дві цифри задають інтенсивність червоного кольору, другі - зеленого, треті - синього. При другому способі використовуються наступні назви кольорів: black (чорний), maroon (темно-червоний), green (зелений), olive (оливковий), navy (синій), purple (фіолетовий), teal (зеленувато-синій), gray (сірий ), silver (сріблястий), red (червоний), lime (вапняний), yellow (жовтий), blue (блакитний), fuchsia (яскраво-малиновий), aqua (морської хвилі) і white (білий).

Створимо документ, що містить таблицю, осередки якої пофарбовані в різні кольори. Фон документа встановимо чорним. Документ наберемо (або відредагуємо) Блокнотом і запишемо в робочу папку в файл colortab1.htm.

Подивіться за допомогою MS Internet Explorer на результат. Цей результат досягнуто застосуванням нових атрибутів і тегів. Атрибут BGCOLOR задає колір фону в тегах і. Він може використовуватися також в тегах і для визначення кольору фону рядка в цілому. тег

означає абзац (paragraph). В даному випадку до всього абзацу застосовано вирівнювання по центру вікна (атрибут ALIGN із значенням CENTER). Атрибут ALIGN може також приймати значення LEFT і RIGHT. Абзац закінчується тегом

і після кінця абзацу припиняється дія його атрибутів.

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

Створіть в робочій папці документ font1.htm, в тіло якого включіть текст наведеного вище прикладу і перегляньте результат. Прискорити виконання завдання можна шляхом копіювання цього прикладу в текст, створюваний Блокнотом. Для цього слід виділити приклад в методичке, протягнувши покажчик миші (утримуючи її лівій клавіші) по смузі виділення зліва від трьох рядків прикладу. Використовуючи як зразок документ colortab1.htm, створіть в робочій папці документ table3.htm, що містить таблицю з заголовком "Координати осередків" і з 16-ю клітинами (4 рядки по 4 осередки), в яких записані координати цих клітин за принципом С1К1 (де з - рядок, К - колонка з відповідним-ські номерами). Фон документа повинен бути синьо-зеленим, фон рядка заголовка - білим, текст рядка заголовка - жовтим. Текст в елементах таблиці повинен бути чорним на сірому тлі. Осередки таблиці повинні мати межі.

§ 4. Практичне застосування мови розмітки гіпертексту HTLM

Основним принципом формування інтерактивної навчальної середовища при всіх концепціях навчання, як показує практичний досвід, є гіпертекстовий принцип структурування та подання інформації. Розробляється в літературі теорія гіпертексту, а також наявний досвід по створенню гіпертекстових структур дозволяють намітити ряд його сутнісних, структурно значущих понятійних ознак. Згадаймо історію формування цього явища. Спочатку гіпертекстові технології привернули увагу викладачів як засіб інтеграції текстової інформації та інформації, що подається до інших модальності - мультимедіа (звук, відео, анімація і т.д.). Потім автори - розробники комп'ютерних навчальних програм відкрили для себе гіпертекст як засіб моделювання когнітивних процесів і тим самим як новий засіб управління цими процесами. Симптоматично, що сама ідея гіпертексту (хоча і без введення саме цього терміна) була вперше, як стверджується у всіх західних підручниках з історії цього поняття і як прийнято зараз вважати в інтернетівському інформаційному співтоваристві, викладена в статті Ванневара Буша під назвою наступним чином: «As we may think »; саме від цієї роботи починається відлік епохи гіпертексту як деякого особливого явища в теорії інформації, лінгвістиці і когнітивної психології, а також в сфері художнього слова нового типу (hypertext fiction).

В даний час термін «гіпертекст» застосовують до різних об'єктів: 1) так називають особливий метод побудови інформаційних систем, що забезпечує прямий доступ до даних зі збереженням логічних зв'язків між ними; 2) це певна система представлення текстової і мультимедійної інформації у вигляді мережі пов'язаних між собою текстових та інших файлів; 3) це особливий універсальний інтерфейс, відмітними рисами якого є його інтерактивність і надзвичайна дружелюбність по відношенню до користувача. Розробка гіпертекстових систем для цілей навчання було розпочато за кордоном в 80-і роки, аналогічні роботи в Росії до останнього часу перебували в пілотній стадії. У 2004 р у нас спостерігається експоненціальне зростання числа гіпертекстових систем, пропонованих для дистанційного навчання, що відповідає світовим тенденціям в цій області.

Навчальні матеріали, підготовлені на основі мультимедійних гіпертекстових технологій, мають ряд очевидних переваг як для вчителя, що забезпечує, що направляє і контролює процес навчання, так і для учня: перш за все, це принципово нові можливості презентації навчального матеріалу, пов'язані з використанням зорової і аудитивной наочності. Необхідно також відзначити, що сама гіпертекстова структурованість навчального матеріалу має власний дидактичним значенням, так як є значно більш гнучкою формою подачі інформації, що дозволяє в максимальному ступені враховувати індивідуальні потреби того, хто навчається. По суті справи кожне звернення до автоматизованого навчальному курсу, основою якого є база даних, виконана в гіпертекстовому форматі, є процесом створення свого власного навчального тексту, найбільш адекватно відповідає даній актуальній задачі, внаслідок чого процес навчання набуває творчий аспект. Встановлюючи логічні зв'язки інформаційних блоків, вибудовуючи інформацію, дотримуючись власної логіці її осмислення, який навчається по суті справи стає співавтором, і, може бути, це і стає найбільш привабливою стороною використання подібних курсів в процесі навчання. Однак необхідно підкреслити, що ключовою проблемою в такій системі стає проблема організації «навігації», вільна або нав'язувана автором-розробником стратегія дослідження даного інформаційного поля, яка до того ж повинна вирішувати і власне дидактичні завдання. У дослідженнях з теорії гіпертексту питання організації «читання» гіпертекстової інформації розглядаються в сукупності з формальним аналізом структури гіпертекстового поля, можливостями технічних засобів управління «навігацією», а також особливостями когнітивних стратегічних переваг людини (знову підкреслимо, що останнім залишається досі найменш вивченої областю ). Як досить добре опрацьованих формалізованих стратегічних моделей часто виступають моделі, що лежать в основі систем автоматизованого пошуку та систем автоматичної обробки запитів.

а) на першому, найвищому рівні, використовується жанр максимально коротких анотацій для всіх базових термінологічних понять,

б) на наступному рівні дається предметне тлумачення тих чи інших понять,

У підготовлених навчальних комп'ютерних матеріалах було експериментально отримано оптимальну кількість допустимих посилань в розрахунку на один абзац тексту (не більше 1 - 2 посилань), а також рекомендований обсяг текстової інформації: при виведенні на екран комп'ютера він повинен займати не більше 1,5 або 2 х екранів. Допустима і рекомендована ієрархічна глибина зв'язків встановлювалася відповідно до даних теорії сприйняття інформації і когнітивної лінгвістики. Передбачалося, що в залежності від індивідуальних когнітивних стилів засвоєння інформації вона може коливатися від 2 до 5 кроків. У ряді психологічних і психолінгвістичних робіт, присвячених теорії гіпертексту, були зроблені спроби виявлення базових стратегій, які виявлялися кращими для різних груп людей; отримані дані дозволяють намітити три основних типи поведінки в гіпертекстовому просторі, їх прийнято в англомовній традиції називати depth-first navigation, breadth-first navigation і два варіанти проміжної стратегії (random navigation), що поєднує в певних частках два перших підходу). Однак не можна не відзначити, що всі без винятку дослідники підкреслюють необхідність додаткових експериментів в цьому напрямку для встановлення ступеня достовірності отриманих даних. Безсумнівно, це питання потребує подальшого, більш глибокому вивченні, тому в даній роботі керувалися переважно інтуїтивними уявленнями про оптимальну структуру зв'язків, які були продиктовані специфікою що лежить в основі гіпертексту матеріалу.

Контрольне тестування і усне опитування є одними з найбільш широко використовуваних і добре розроблених засобів перевірки знань у вищій освіті. Класичний тест являє собою послідовність досить простих питань. На кожне питання є проста відповідь, який може бути формально перевірений і оцінений як правильний, неправильний або частково правильний (наприклад, неповний). Питання звичайно класифікуються за типами відповідно до типу очікуваної відповіді. Класичні типи питань діляться на питання типу [так / ні], питання типу [багато варіантів / одна відповідь] (МВ / ОО), питання типу [багато варіантів / багато відповідей] (МВ / МО) і питання відкритого типу з текстовим або числовим відповіддю. Більш просунуті типи питань включають питання на відповідність, питання на правильну послідовність, питання на вказування (відповідь - одна або кілька областей на малюнку), а також графічні питання (відповідь - простий граф). Крім цього, кожна предметна область може мати деякі специфічні типи питань.

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

Тип інтерактивної технології, використовуваної для отримання відповідей учня, є однією з найбільш важливих характеристик WBE-систем. Він визначає всю функціональність на стадії видачі питань, а також впливає на стадії створення і оцінки питань. В даний час, розрізняють п'ять технологій: HTML-посилання, HTML / CGI-форми, скриптові мови, впровадження (plag-in) і Java.ссилкі - найпростіша технологія взаємодії, що реалізує набір можливих відповідей як список HTLM-посилань. Кожне посилання пов'язана з певною сторінкою зворотного зв'язку. При використанні цього підходу виникає дві проблеми: складність створення питань (логіка питання повинна бути жорстко вбудована в гіпертекст курсу) і підтримка всього двох типів питань: [так / ні] і [МВ / ОО]. Ця технологія використовувалася в основному на зорі Web-заснованого навчання, коли більш просунуті технології взаємодії, такі як CGI, JavaScript або Java ще не були розроблені.

Найбільш популярною технологією Web-тестування, використовуваної в даний момент численними комерційними і університетськими системами є комбінація HTML-форм і CGI-скриптів. HTML-форми надзвичайно зручні для представлення основних типів питань. Питання типу [так / ні] і [МВ / ОО] представляються наборами ікон, списками вибору, спливаючими меню. Питання [МВ / МО] представляються списками множинного вибору або наборами перемикачів. Питання відкритого типу реалізуються у вигляді полів редагування. Більш просунуті питання, такі як питання на відповідність або на правильну послідовність, також можуть бути реалізовані, за допомогою форм. Крім того, приховані поля можуть використовуватися для зберігання додаткової інформації про тест, в якій може потребувати CGI-скрипт. Значні переваги від використання технології «боку сервера» (до якої відноситься і технологія «форма / CGI») і схожою з нею технології «карти боку серверної» виникають при реалізації графічних питань на вказування.

висновок

За підсумками вирішення завдань роботи отримані наступні результати:

HTML - це звичайний текстовий виду файл, в якому те, що ми зазвичай бачимо на сторінках, перемежовується невидимим для перегляду з броузера кодом. Ось цей-то невидимий код і є мова розмітки HTML.

HTML - це не мова програмування, - він служить лише для розмітки сторінки, надання певного виду того чи іншого елементу, будь то таблиця, текст або картинки.

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

Відносно сфери застосування можна сказати наступне. Майбутнє Web також пов'язано зі збільшенням швидкості передачі даних в Інтернет, так як Web нерозривно пов'язаний з Інтернет.

Ймовірно, залишиться проблема несумісності між браузерами і Web-серверами, так як компанія Netscape Communications дещо розширила HTML, через що не всі браузери відображають документи, написані в новому форматі HTML.

література

1. Бройдо В.Л. Обчислювальні системи, мережі та телекомунікації СПб, Пітер 2002- 464 с.

2. Інформатика / за редакцією С.В.Сімоновіча. СПб, Пітер 2001- 400 с.

Кірмайер М. Інформаційні технології. СПб .: Пітер, 2003 - 443 с.

Метьюз Дж. Web - сервер. СПб .: Символ, 1998 - 356 с.

Оліфер В. Г., Оліфер Н.А. Комп'ютерні мережі. СПб .: Пітер, 2005 - 864 с

Оліфер В. Г., Оліфер Н.А. Мережеві операційні системи. СПб .: Пітер, 2003 - 539 с.

технологія WWW

Служба World Wide Web (WWW) - найпопулярніша служба Internet. WWW - це єдиний інформаційний простір, що складається з сотень мільйонів взаємозв'язаних електронних документів, що зберігаються на Web-серверах. Окремі документи, що становлять простір Web, називають Web-сторінками. Групи тематично об'єднаних Web-сторінок називають Web-вузлами (Web-сайт) .Один фізичний Web-сервер може містити досить багато Web-вузлів, кожному з яких відводиться окремий каталог на жорсткому диску сервера.

Від звичайних текстових документів Web-сторінки відрізняються тим, що вони оформлені без прив'язки до конкретного носія. Наприклад, оформлення Word-документа, надрукованого на папері прив'язане до параметрів друкованого аркуша, який має певну висоту, ширину і розмір полів. Електронні Web-документи призначені для перегляду на екрані ПК, причому заздалегідь не відомо на якому. Тому Web-документи не можуть мати жорстке форматування. Оформлення виконується під час їх відтворення на ПК клієнта і проводиться воно відповідно до настройками програми, яка виконує перегляд (браузера). Браузер виконує відображення документа у відповідності з тими командами, які записані в тексті Web-документа. Команди можуть записуватися або безпосередньо автором документа, або впроваджуватися автоматичними засобами підготовки Web-документів.

Такі команди називаються тегами. Теги полягають в дужки<>. Більшість тегів використовуються парами: відкриває тег і закриває.

текст

Складні теги крім ключового слова мають додаткові атрибути і параметри. Правила запису тегів містяться в специфікації спеціальної мови розмітки гіпертексту - HTML (Hyper Text Markup Language). Т. е. Web-документ являє собою звичайний текстовий документ, розмічений тегами HTML.

Найбільш важливою рисою Web-документів є гіпертекстові посилання. Гіперпосилання можна встановити на будь-який фрагмент тексту. Для створення гіперпосилання використовується парний тег . Цей тег містить обов'язковий атрибут HREF, який задає адресу URL документа, на який вказує посилання.

Адреса може бути заданий в абсолютній і у відносній формі. Адреса в абсолютній формі починається з вказівки протоколу і адреси Web-вузла. Такий запис використовується, коли необхідно направити відвідувача на інший Web-вузол, і розглядається як зовнішнє посилання. При використанні відносного адреси на засланні задається тільки відносний шлях пошуку для документа. При цьому передбачається використання того ж протоколу і того ж Web-вузла, а посилання розглядається як внутрішня. Внутрішнє посилання зберігає свою працездатність в разі зміни адреси Web-вузла в цілому (наприклад, на інший сервер). Повний формат гіперпосилання включає можливість посилання на певне місце всередині сторінки. Але це можна зробити тільки для сторінок власної розробки. Для цього місце, на яке ставиться посилання позначається за допомогою спеціального елемента-якоря. Якір задається за допомогою парного тега c обов'язковим атрибутом NAME. Значення цього атрибута є довільна послідовність латинських букв і цифр - ім'я якоря. Для посилання на якір його ім'я вказується в кінці адреси URL після символу #.

глосарій

Браузер буде шукати документ на даному сервері в цій папці

Midi-музика

Браузер виконає перехід на сайт http://www.midi.ru.

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

Гіпертекстова зв'язок між величезною кількістю документів, що зберігаються на фізичних серверах Internet, є основою існування логічного простору WWW.

Розглянемо апаратні і програмні засоби, які в сукупності утворюють Веб.

· Клієнти і сервери.Веб-сервер - це підключений до Інтернету комп'ютер, на якому виконується спеціальна програма, також звана веб-сервером. До завдань цієї програми входить зберігання, пошук і розподіл певних файлів в Інтернет. Клієнт Веб - це браузер, запитувач файли з Веб. Коли клієнтський комп'ютер хоче отримати доступ до одного з файлів, запит направляється на веб-сервер. Сервер шукає вказаний файл і відправляє його клієнтського комп'ютера, яка передала запит. Тисячі комп'ютерів, які утворюють Веб, являють собою найрізноманітніші поєднання апаратних і програмних засобів. Коли комп'ютер-клієнт запитує будь-якої файл, він практично нічого не знає ні про особливості сервера, де зберігається шуканий файл, ні про інших комп'ютерах, які будуть передавати файл один одному на його шляху від сервера до клієнта. Щоб така система працювала, вона повинна використовувати набір мов і протоколів, що не залежать від апаратних засобів або операційних систем.

· URL і протоколи передачі даних.Якщо фрагменти документа розкидані по всьому світу, а ви хочете надати його користувачеві у вигляді цілісного, витриманого в єдиному стилі документа »знадобиться дуже хороша адресна система. Кожен файл в Інтернеті має адресу, званий URL (Uniform Resource Locator - уніфікований покажчик інформаційного ресурсу). Наприклад, URL сайту Європейської федерації футболу - http://ru.uefa.com.

Перша частина URL визначає метод, за допомогою якого комп'ютер отримує доступ до файлу, тобто комунікаційний протокол. До більшості веб-сторінок доступ здійснюється за допомогою протоколу HTTP (Hypertext Transfer Protocol - протокол передачі гіпертекстових документів). Ось чому веб-адреса зазвичай вказують з використанням літер «http», а браузери автоматично вставляють ці літери перед вводиться користувачем веб-адресою. нерідко частина адреси http: // на початку URL опускається.

Наступна частина адреси - це хост-ім'я веб-сервера. Система доменних імен направить ваш запит веб-сервера де б він не знаходився.

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

· HTML(Hypertext Markup Language - мова розмітки гіпертекстових до-нтов) є універсальною мовою Веб. Він використовується для компонування сторінок, на яких може бути відтворена інформація, розміщена в Веб: текстова, графічна, а також аудіо- та відеоінформація.

· Java і JavaScript.ЯзикJava призначений для пересилки через Веб невеликих додатків (званих апплетами або Java-додатками). А мова JavaScript розширює можливості НTML з метою вбудовування невеликих програм (або сценаріїв) в веб-сторінки. Основне призначення аплетів і сценаріїв полягає в підвищенні інтерактивності веб-сторінок - замість взаємодії з віддаленим веб-сервером ви працюєте з апплетом і сценарієм, які виконуються на вашому комп'ютері.

Існують також Java-аплети і сценарії JavaScript для побудови анімації, вони пересилаються веб-сервером по мережі, щоб бути виконаними на комп'ютері користувача; вони дозволяють уникнути передачі кадрів анімації по Інтернету. Описані процеси зазвичай відбуваються непомітно для користувача.

· VBScript і елементи управління ActiveX.Мова VBScript і елементи управління ActiveX - це стандартні засоби, підтримувані браузером Internet Explorer.

VBScript є спрощеною версією мови Visual Basic, розробленого компанією Microsoft. З його допомогою можна створювати сценарії, які надають веб-сторінок динамічність. Таким чином, за своїми можливостями VBScript аналогічний мови JavaScript.

Елементи управління ActiveX, подібно Java-аплетів, застосовуються для вбудовування виконуваних програм в веб-сторінки. Коли Internet Explorer зустрічає веб-сторінку, де використовуються елементи управління ActiveX, він перевіряє, чи встановлений конкретний елемент управління на вашому комп'ютері, і якщо немає -інсталлірует його.

· XML і інші розширені мови Веб. XML (Extensible Markup Language - розширена мова опису документів) являє собою дуже потужний мову, який повинен замінити HTML в якості мови розробки додатків для Інтернет. На відміну від HTML, XML не містить ніяких інструкцій про те, як повинні відображатися описані в XML-документі дані. Спосіб їх відображення задається мовою опису стилів, який грає для XML приблизно ту ж роль, що каскадні таблиці стилів для HTML. Консорціум W3C працює з двома специфікаціями таблиць стилів: XSL (Extensible Style Language - розширена мова стилів) і CSS (Cascading Style Sheets - каскадні таблиці стилів). Інша принципова відмінність XML від HTML полягає в тому, що він може містити будь-які теги, які вважатимуть за потрібне використовувати творці XML-словника.

Більш досконалою версією HTML є мовою DHTML (Dynamic HTML -динамічна HTML), що включає три компоненти - HTML, JavaScript і CSS.

· Графічні об'єкти.Малюнки, креслення, карти, діаграми та інші графічні зображення, представлені в Інтернет, можуть мати безліч форматів. Найбільш поширеними форматами відображення графічної інформації є JPEG і GIF.

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

HyperText Markup Language(HTML) - мова розмітки гіпертексту - призначений для написання гіпертекстових документів, що публікуються в World Wide Web.

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

Існує два способи створення гіпертекстових документів. Можна скористатися одним з WYSIWYG HTML-редакторів (наприклад, Microsoft FrontPage, або ін.), Для роботи з якими не потрібно спеціальних знань про внутрішню структуру створюваного документа. Цей спосіб дозволяє створювати документи для WWW без знання мови HTML. HTML-редактори автоматизують створення гіпертекстових документів, позбавляють від рутинної роботи. Однак їх можливості обмежені, вони сильно збільшують розмір одержуваного файлу і не завжди отриманий з їх допомогою результат відповідає очікуванням розробника. Але, безумовно, цей спосіб незамінний для новачків у справі підготовки гіпертекстових документів.

Альтернативою служить створення і розмітка документа за допомогою звичайного редактора тексту (NotePad). При цьому способі в текст вручну вставляються команди мови HTML. Створюючи документи таким способом, ви точно знаєте, що робите.

Як уже зазначалося, HTML-документ містить символьну інформацію. Одна її частина - власне текст, т. Е. Дані, що становлять вміст документа. інша - теги(Markup tags), звані також прапорами розмітки, - спеціальні конструкції мови HTML, які використовуються для розмітки документа і керуючі його відображенням. Саме теги мови HTML визначають, в якому вигляді буде представлений текст, які його компоненти будуть виконувати роль гіпертекстових посилань, які графічні або мультимедійні об'єкти повинні бути включені в документ. Графічна та звукова інформація, що включається в HTML-документ, зберігається в окремих файлах. Програми перегляду HTML-документів (браузери) інтерпретують прапори розмітки і мають у своєму розпорядженні текст і графіку на екрані відповідним чином. Для файлів, що містять HTML-документи, прийняті расшіренія.htm ілі.html.

Великі та малі літери при запису тегів не розрізняються.У більшості випадків теги використовуються парами. Пара складається з відкриває (start tag) і закриває (end tag) тегів. Синтаксис відкриваючого тега:

<имя_тега [атрибуты]>

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

Атрибути тега записуються в наступному форматі:

ім'я [= "значення"]

Лапки при завданні значення аргументу не обов'язкові і можуть бути опущені. Для деяких атрибутів значення може не вказуватися. У закриває тега атрибутів не буває.

Дія будь-якого парного тега починається з того місця, де зустрівся відкриває тег і закінчується при зустрічі відповідного закриває тега. Часто пару, що складається з відкриває і закриває тегів, називають контейнером, А частина тексту, облямовану відкриває і закриває тегом, - елементом.

Послідовність символів, складова текст, може складатися з прогалин, табуляцій, символів переходу на новий рядок, символів повернення каретки, букв, знаків пунктуації, цифр, і спеціальних символів (наприклад, +, #, $, @), за виняткомнаступних чотирьох символів, що мають в HTML спеціальний сенс:< (меньше), >(Більше), & (амперсенд) і "(лапки). Якщо необхідно включити в текст будь-якої з цих символів, то слід закодувати його особливою послідовністю символів.

Internet Engineering Task Force) Опублікував чернетку пропозиції по стандарту HTML

Структура документа HTML

Документ HTML 4 складається з трьох частин:

рядок, що містить інформацію про версію HTML,
оголошує розділ header / "шапка" (обмежений елементом HEAD),
тіло, що містить власне сам документ.

Тіло може міститися в елементах BODY або FRAMESET. пробільні символи(Прогалини, символи нового рядка, Символи табуляції і коментарі) можуть з'являтися до або після цього розділу.

Simple page

Hello world!

Документ починається з елемента типудокумента, або doctype. Він описує, який тип HTML буде використаний - щоб клієнтську програму користувача могло визначити, як інтерпретувати документ, і вирішити, чи слід він тими правилами, яким збирався слідувати за своєю заявою.

Після цього можна бачити відкриває тег елемента html. Це оболонка навколо всього документа. Закриває тег html є останнім об'єктом у будь-якому документі HTML.

Усередині елемента html є елемент head. Він містить інформацію про документ (метадані). Усередині head знаходиться елемент title, який визначає заголовок "Simple page" в панелі меню.

Після елемента head слід елемент body, який є оболонкою, яка містить реальний вміст сторінки - в даному випадку тільки елемент заголовка першого рівня (h1), який містить текст "Hello world!" .

Елементи часто містять інші елементи. Тіло документа завжди буде містити безліч вкладених один в одного елементів.

Розділи сторінки створюють загальну структуру документа, і можуть містити підрозділи. Вони також можуть містити заголовки, параграфи, списки і т.д. Параграфи можуть містити елементи, які створюють посилання на інші елементи, цитати, виділення і т.д.

Синтаксис елементів HTML

Базовий елемент в HTML складається з двох тегів навколо блоку тексту. Існують елементи, які не є оболонкою для тексту, і майже в кожному випадку елементи можуть містити піделементи (як html містить head і body в прикладі вище).

Елементи можуть також мати атрибути, Які можуть модифікувати поведінку елемента і вводити додаткове значення.

У цьому прикладі елемент div (розділ сторінки, спосіб розбиття документів на логічні блоки) має доданий атрибут id, для якого задано значення masthead. Елемент div містить елемент h1 (заголовок першого, або самого важливого рівня), який в свою чергу містить деякий текст. Частина цього тексту упакована в елемент abbr(Який використовується для визначення розширення скорочень), який має атрибут title, значення якого задано як Hypertext Markup Language.

Багато атрибути в HTML є загальними для всіх елементів, але деякі є специфічними для даного елемента або елементів. Всі вони мають форму:

ключевое_слово = "значення"

Значення повинне існувати в одиночні або подвійні лапки (в деяких ситуаціях лапки можуть бути відсутніми, але це не дуже добре з точки зору передбачуваності, розуміння).

Атрибути і їх можливі значення визначаються в основному специфікаціями HTML (http://www.w3.org/TR/html401/index/attributes.html), тому - не можна створювати свої власні атрибути. Єдиними реальними винятками є атрибути id і class, значення повністю яких призначені для додавання в документи вашого власного значення і семантики.

Елемент всередині іншого елемента називають "Нащадком"цього елемента. В наведеному вище прикладі abbrє нащадком h1, який в свою чергу є нащадком div. І навпаки, div є "предком" елемента h1.

Елементи блокового рівня і рядкові елементи

Є дві основні категорії елементів в HTML, які відповідають типам контенту і структурі, яку представляють ці елементи - елементи блочного рівня і рядкові елементи.

блоковий рівеньозначає більш високий рівень елемента, зазвичай інформує про структуру документа. Елементи блокового рівня можна представляти як елементи, які починаються з нового рядка, відриваючись від того, що було перед цим. поширеними блоковими елементамиє параграфи, пункти списку, заголовки і таблиці.

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

Заголовок

Тема HTML-документа є необов'язковим елементом розмітки. Спочатку існування заголовка визначалося необхідністю іменування вікна браузер. Це досягалося за рахунок елемента розмітки TITLE:

це заголовок ... ...

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

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

Основні теги заголовка - це елементи HTML -розмітку, які найбільш часто зустрічаються в заголовку HTML-документа, тобто всередині елемента розмітки HEAD:

TITLE (заголовок документа);
BASE (база URL);
ISINDEX (пошуковий шаблон);
META (метаінформація);
LINK (загальні посилання);
STYLE (описатели стилів);
SCRIPT (сценарії).

Найчастіше застосовуються елементи TITLE, SCRIPT, STYLE. Використання елемента META говорить про обізнаність учасника про правила індексування документів в пошукових системах і можливості управління HTTP -обмінні даними. BASE та ISINDEX останнім часом практично не застосовуються. LINK вказують тільки при використанні зовнішніх щодо даного документа описателей таблиць стилів.

елемент розмітки HEAD містить заголовок HTML-документа. даний елемент розміткине є обов'язковим. При наявності тега початку елемента розміткибажано використовувати і тег кінця елемента розмітки. За замовчуванням елемент HEAD закривається, якщо зустрічається або тег початку контейнера BODY, або тег початку контейнера FRAMESET.

Контейнер заголовка служить для розміщення інформації, що відноситься до всього документа в цілому.

елемент розмітки TITLE служить для іменування документа в World Wide Web. При виборі тексту для утримання контейнера TITLE слід враховувати, що відображається він системним шрифтом, Так як є заголовком вікна браузера.

Синтаксис контейнера TITLE в загальному вигляді виглядає наступним чином:

назва документу

Тема не є обов'язковим контейнером документа. Його можна опустити. Роботи багатьох пошукових систем використовують зміст елемента TITLE для створення пошукового образу документа. Слова з TITLE потрапляють в індекс пошукової системи. З цих міркувань елемент TITLE завжди рекомендується використовувати на сторінках Веб-вузла.

елемент розмітки BASE служить для визначення базового URL для гіпертекстових посилань документа, заданих в неповній (часткової) формі. Крім того, BASE дозволяє визначити цільове вікно завантаження документа за замовчуванням при виборі гіпертекстового посилання поточного документа. Найбільш часто BASE зустрічається на сторінках вузлів, які мають "дзеркала". Частина документів основного сервера з різних причин на "дзеркальний" сервер не переноситься. У цьому випадку документ з примусово заданим базовим URL завжди буде посилатися на основний сервер.

Тег початку контейнера містить один обов'язковий атрибут HREF, і може містити один необов'язковий атрибут TARGET. Синтаксис контейнера BASE в загальному вигляді виглядає наступним чином:

елемент розмітки ISINDEX використовується для вказівки пошукового шаблону і успадкований від попередніх версій HTML. У HTML 4.0 цей контейнер не визначений.

Елемент розмітки META

META містить керуючу інформацію, яку браузер використовує для правильного відображення і обробки змісту тіла документа, наприклад за допомогою атрибута Content-type можна задати перекодування документа на стороні клієнта.

За допомогою META також можна задати і інші оператори. Наприклад, заборонити кешування документа. Для заборони кешування досить вставити в заголовок META - тег виду:

У новій версії протоколу HTTP (HTTP 1.1) управління кешуванням здійснюється через оператор Cache-Control. Для отримання такого ж результату, як у випадку з Pragma, В заголовку HTML-документа досить вказати:

Можна заборонити зберігання документа після пересилки.

HyperTextMarkupLanguage (HTML) - мова розмітки гіпертексту - призначений для написання гіпертекстових документів, що публікуються в WorldWideWeb.

Гіпертекстовий документ - це текстовий файл, який має спеціальні мітки, звані тегами, які згодом орієнтуються браузером і використовуються ним для відображення вмісту файлу па екрані комп'ютера.

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

Структура HTML-документа

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

HTML-документ складається з двох частин: заголовок (head) і тіла (body), розташованих в наступному порядку:

заголовок документа

тіло документа

Найчастіше в заголовок документа включають парний тег ... , Який визначає назву документа. Багато програм перегляду використовують його як заголовок вікна, в якому виводять документ. Програми, індексуючі документи в мережі Інтернет, використовують назву для ідентифікації сторінки. Гарне назва повинна бути досить довгим для того, щоб можна було коректно вказати відповідну сторінку, і в той же час воно має міститися в заголовку вікна. Назва документа вписується між відкриває і закриває тегами.

Тіло документа є обов'язковим елементом, так як в ньому розташовується весь матеріал документа. Тіло документа розміщується між тегами і

. Все, що розміщено між цими тегами, інтерпретується браузером відповідно до правил мови HTML дозволяють коректно відображати сторінку на екрані монітора.

Текст в HTML розділяється на абзаци за допомогою тега<р>. Він розміщується на початку кожного абзацу, і програма перегляду, зустрічаючи його, відокремлює абзаци один від одного порожнім рядком. Використання закриває тегане обов'язково.

Якщо потрібно «розірвати» текст, перенісши його залишок на новий рядок, при цьому, не виділяючи нового абзацу, використовується тег розриву рядка
. Він змушує програму перегляду виводити стоять після нього символи з нового рядка. На відміну від тега абзацу, тег
Не додає порожній рядок. У цього тега немає парного закриває тега.

Мова HTML підтримує логічне н фізичне форматування вмісту документа. Логічне форматування вказує на призначення даного фрагмента тексту, а фізичне форматування задає його зовнішній вигляд.

При використанні логічного форматування тексту браузером виділяються різні частини тексту відповідно до структури документа. Щоб відобразити назву, використовується один з тегів заголовка. Заголовки в типовому документі поділяються за рівнями. Мова HTML дозволяє задати шість рівнів заголовків: h1 (заголовок першого рівня), h2, h3, h4, h5 і h6. Тема першого рівня має зазвичай більший розмір і насиченість в порівнянні з заголовком другого рівня. Приклад використання тегів заголовків:

l. Назва глави

l.l. Назва розділу

Теги фізичного форматування безпосередньо задають вид тексту на екрані браузера, наприклад пара виділяє текст напівжирним шрифтом, задає підкреслення тексту, управляє шрифтом тексту.

тег вставляє зображення в документ, як якби воно було просто одним великим символом. Приклад застосування тега:

Для створення гіпертекстового посилання використовується пара тегів<а>... . Фрагмент тексту, зображення або будь-який інший об'єкт, розташований між цими тегами, відображається у вікні браузера як гіпертекстове посилання. Активація такого об'єкта призводить до завантаження у вікно браузера нового документа або до відображення іншої частини поточної Web-сторінки. Гіпертекстове посилання формується за допомогою формули:

Href тут є обов'язковим атрибутом, значення якого і є URL-адресу запитуваного ресурсу. Лапки в завданні значення атрибута href не обов'язкові. Якщо задається посилання на документ на іншому сервері, то вид гіперпосилання такий:

<а href = "http://www.school.donetsk.ua/11.jpg">Фотографія 11-А

За допомогою різних тегів можна малювати таблиці, форматувати текст, вставляти в документ зображення, відео-звукові файли та інше.

Гіпертекстова розмітка застосовується для вказівки, в якій частині екрану і яким чином повинен бути відображений текст і як пов'язані між собою тексти, складові гіпертекстову базу даних. З цими цілями в ті кст ст одятся спеціальні керуючі символи. Текст з керуючими символами зберігається в звичайному текстовому файлі в кодах ASCII і може бути оброблений практично будь-яким текстовим редактором.

Мова гіпертекстової розмітки HTML був запропонований Тімом Бернерс-Лі в 1989р. До моменту створення створення HTML існував стандарт мови розмітки друкованих документів - SGML (Standart Generalised Markup Language), який і був узятий в якості основи HTML. Передбачалося, що таке рішення допоможе використовувати існуюче програмне забезпечення для інтерпретації нової мови.

В якості елемента гіпертекстової бази даних для HTML був обраний звичайний текстовий файл, який зберігається засобами файлової системи операційної Середовища ЕОМ.

Таким чином, гіпертекстова база даних в концепції WWW це набір текстових файлів, написаних на мові HTML, який визначає:

Форму подання інформації (розмітка);

Структуру зв'язків файлів між собою (гіпертекстові посилання). Такий підхід передбачає наявність ще однієї компоненти

технології - інтерпретатора мови. У WWW функції інтерпретатора розділені між сервером гіпертекстової бази даних і інтерфейсом користувача. Сервер, крім доступу до документів та обробки гіпертекстових посилань, здійснює так само препроцесорну обробку документів, тоді, як інтерфейс користувача здійснює інтерпретацію конструкцій мови, пов'язаних з поданням інформації.

У 1990 р. з'явилася нульова версія HTML 0.

Перша версія (HTML 1.0) була спрямована на представлення мови як такої, де опис його можливостей носило скоріше рекомендаційний характер.

Прогнозування є стрижнем будь-якої торгової системи, тому відмінно складені можуть зробити вас шалено багатим.

Друга версія (HTML 2.0) фіксувала практику використання конструкцій мови і стала стандартом для побудови WWW.

Версія ++ HTML ++ представляла нові можливості за поданням наукової інформації і таблиць, поліпшення стилю компонування тексту і зображень.

Третя версія (HTML 3.0) впорядкувала всі нововведення і формалізувала інтерфейс користувача гіпертекстової розподіленої системи.

У 1996р. випущена нова версія мови: HTML 3.2, що включає засоби для створення таблиць, конструкції мови Java, карти-зображення (розташовані на клієнті) і нові типи форматування тексту.

HTML - це текстова мова, в якому інструкції щодо форматування, звані тегами (tags), вбудовані в текст документа.

Процес створення HTML - документа полягає у включенні тегів всередину неформатированного тексту, який несе інформаційне навантаження.

Теги HTML - це послідовності символів, що починаються знаком "менше" (<) и заканчивающиеся знаком “больше” (>).

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

Браузери WWW при аналізі пропозицій HTML працюють за такими правилами:

Прогалини і інші "невидимі" символи ігноруються;

Усі теги можуть бути розділені на групи: базові теги, теги форматування, структурні теги, покажчики, і т.д .;

Теги форматування можуть бути написані малими і / або прописними буквами;

Більшість тегів форматування пишуться парами. Хто відкриває тег активує даний ефект, а закриває -в иключает його. Пара тегів іноді називається контейнером, оскільки ефект, який вони включають і вимикають проявляється на тексті, розташованому всередині них. Наприклад, для того, щоб вказати, що рядок повинен бути надрукована жирним символами, треба написати:< B >Цей рядок буде надрукована жирним текстом

Текст, що знаходиться усередині закриває тега, завжди передує символом "зворотна коса риска". Серед базових тегів HTML винятком з цього правила є:< BASE >(Основна інформація),< BR >(Кінець рядка),< HR >(Горизонтальна лінійка), і< IMG >(Зображення). Ці теги існують в одиничному екземплярі.

Кожен документ HTML має граничні теги:< HTML >і. Ця пара тегів містить в собі всі інші теги Web-сторінки і весь інформаційний зміст документа. Фактично вони декларують, що весь вміст контейнера є кодом HTML. Тег< HTML >повинен розташовуватися в першому рядку файлу, а тег- в останній.

Кожен HTML-документ містить заголовок документа і його тіло.

Заголовок документа ідентифікує документ. Він повинен йти відразу після тега< HTML >і починатися з< HEAD >. Закінчується заголовок тегом.

У заголовку документа обов'язково повинні бути присутніми назва документа і його базовий URL-адресу.

Назва документа розташовується між тегами< TITLE >і. Воно використовується браузером і Web-сервер. Довжина назви не повинна перевищувати 40 символів. Назва документа має бути інформативною, відображати зміст документа, щоб його можна було ідентифікувати. Назва зустрічається в рядку заголовка Internet Explorer, в списках журналу (History) і "Вибраних стрніци" (Favorites).

Базовий URL повинен бути повним (абсолютним) і містити протокол, адреса комп'ютера в Internet і ім'я файлу. Він вказується в тезі< BASE HREF = “базовый_URL”>. Всі інші URL в документі можуть зазначатися щодо базового. Наприклад, якщо базовий URL має адресу: http://www.microsoft.com/products/office/word/datasheets.htmlі необхідно вказати URL файлу features. html, розташованого в каталозі / products / office / excel на тому ж сервері, можна вказати: ../ excel / features. html, а не набирати повну адресу.

Символи. ./ вказують, що потрібно перейти на один рівень каталогів вгору щодо базового адреси.

Наявність базового адреси полегшує перенесення документа на інший сервер, так як якщо всі інші URL в документі відносні, то при перенесенні необхідно змінити тільки ім'я сервера в базовому URL.

тіло документамістить весь текст, що несе інформацію і все теги HTML, які використовуються для форматування тексту. Тіло документа починається відразу ж після заголовка і обмежується тегами< BODY >і.

Приклад HTML-документа:

< TITLE >Назва документу

< BASE HREF = “базовый_URL” >

Теги, використовувані в тілі документа, дозволяють вказувати наступні елементи розмітки тексту:

Початок абзацу і кінець рядка

стилі заголовків

Фізичні стилі -л огіческіе стилі

Спеціальні символи.

гіпертекстові посиланняскладаються з двох частин: вказівника і URL. Покажчик - це текст, за яким користувач повинен клацнути для того, щоб кудись переміститися. URL вказує адресу, з якого браузер буде завантажувати документ, коли користувач клацне по покажчику.

Текстові покажчики в графічних браузерах та підкреслені і виділені кольором. У чисто текстових браузерах вони виділяються жирним шрифтом.

Як покажчика може використовуватися будь-який текст, незалежно від його розмірів і особливостей форматування. Покажчик може складатися з декількох букв, слів або навіть рядків тексту.

Формат покажчика:

< A HREF = “ URL ”>текст покажчика ,

де буква А в тезі< A HREF >означає покажчик (anchor), а HREF -гіпертекстовую посилання (Hypertext REFerence). Все, що знаходиться між тегами< A HREF = “ URL ”>іє текстом покажчика, який виводиться на екран підкресленим або жирним шрифтом.

Разом з гіпертекстовими покажчиками можуть бути використані інші форматує коди. наприклад:

< A HREF = “ URL ”> < I > або

< I > < A HREF = “ URL ”>Перехід до більш докладного викладу