3. Мова гіпертекстів HTML

Гіпертексти повинні починатися зі слова та закінчуватися словом. Слова в кутових дужках у мові HTML називаються тэгами, а програмуванні - дескрипторами. Майже всі теги HTML парні - і т.д.

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

Загальна структура гіпертекстів, записаних у мові HTML:

гіпертекст::= назва тіло

назва::= титул

титул::= назва

тіло::= текст

Відповідно до правил HTML гіпертексти повинні мати «назву» і «тіло». Як публікації гіпертексти можуть і повинні містити відомості про авторів та власників авторських прав (сайтів).

У назві гіпертексту має бути «назва», яке браузерами відображається на верхньому рядку екрана ЕОМ. Назва має висловлювати основну ідею публікації (сторінки). Гіпертекст без назви – це як стаття без назви.

«Тіло» гіпертексту має містити тексти, таблиці, фотографії та ілюстрації. Відмінність електронних гіпертекстів від звичайних паперових текстів – включення гіперпосилань, натискання на які викликає завантаження нових гіпертекстів.

Приклад гіпертексту та результат його відображення браузером на екрані ЕОМ:

Гіпертекст: Результат:

Результат роботи браузера - завантаження та виведення на екран ЕОМ гіпертексту, що зберігається на сайті за адресою, вказаною у вікні браузера. Якщо гіпертекст занадто великий, то браузер виводить кнопки протяжки гіпертексту праворуч або знизу екрана.

Розміри екранів ЕОМ мають наступний діапазон. Мінімальний розмір екрану – 640 х 480 пікселів. Далі стандартні розміри екранів – 800 х 600, 1024 х 768 та 1280 х 1024 пікселів. Тому на різних екранах гіпертексти можуть виглядати по-різному.

Загальна структура гіпертекстів та їх відображення на екрані ЕОМ:

Гіпертекст: Результат:

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

тіло::- текст

текст::= заголовок (текст) |

список (текст) |

таблиця (текст) |

Заголовки в гіпертекстах оформляються у такому вигляді:

заголовок::=

назва

заголовок::=

назва

заголовок::=

назва

де теги H2, ..., h6 задають розмір заголовків по відношенню до основного тексту.

Абзаци в гіпертекстах починаються з дескриптора

гіпертекст

|

Перехід на новий рядок та абзаци вказується дескриптором . Кінець абзацу р> не є обов'язковим, але необхідним при використанні параметрів у дескрипторі абзацу.

Основний параметр абзаців – align – вирівнювання текстів на екрані ЕОМ. Вирівнювання текстів здійснюється браузерами автоматично відповідно до розмірів екрана ЕОМ:

align=center- по центру екрана:

align = left - до лівого краю;

align = right - до правого краю;

align=justify – на весь екран.

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

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

Для виділення слів у гіпертекстах можна використовувати жирний шрифт або підкреслення за допомогою наступних тегів:

Великі символи

жирний шрифт

курсив i>

підкреслення

перекреслення

маленькі символи

Шрифтове виділення у гіпертекстах задається тегом : шрифти:: = текст font>

Параметри шрифтів - їх розмір та тип. Розміри шрифту визначаються параметром size = розмір.

Розмір вказується явно від 1 до 6, або у формі збільшення +1, +2 або зменшення - 1 - 2.

Тип шрифту визначається параметром

face = шрифт

Тут шрифт - одне із стандартних шрифтів: «Times», «Courier» тощо.

Колір шрифту визначається параметром со1ог = колір, де колір - колір виділеного фрагмента гіпертексту. Наприклад – виділення тексту червоним кольором:

текст font >

Стандартні назви кольорів у мові НТМL:

red - червоний, green - зелений, blue – синій, black-чорний,

white - білий, gold - золотий, yellow-жовтий і т.д.

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

Єдиний стиль оформлення – це важлива властивість будь-якої публікації у книгах, журналах та на сайтах. Надалі найкраще дотримуватися прийнятого еталона та стилю оформлення на весь період створення та супроводу сайту.

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

Загальна форма зовнішніх гіперпосилань:

де "адреса" - це адреса гіпертексту всередині сайту або на іншому сервері мережі Інтернет.

Приклади зовнішніх гіперпосилань:

а)адреса сайту в Інтернет:

http://bак2.naгоd.гu

б) адреса сторінки на сайті:

http://bак2.naгоd.гu/inrogl.html.

в) адресу сторінки в папці сайту;

http://bак2.naгоd.гu/tests/test2.html.

тести 2 а>

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

Графічні файли зазвичай розміщуються на сайтах та окремій папці з ім'ям image. Завантаження ілюстрацій на екрани користувацьких ЕОМ проводиться браузерами за допомогою операторів :

Загальна форма операторів завантаження графічних ілюстрацій:

Розташування ілюстрацій на екрані ЕОМ визначається параметрами вирівнювання: align=left- по лівому краю, align=right - по правому краю екрана. Текст при цьому обтікає ілюстрації відповідно праворуч або сліпа.

Ілюстрації можуть бути притиснуті до верхнього або нижнього краю екрана, що визначається параметрами: align =top - до верхнього краю, align=bottom - до нижнього краю екрана, або вирівняні по середині екрана - align = middle.

Для розташування ілюстрації на екрані ЕОМ в операторі завантаження можуть бути вказані їх ширина і висота:

висота: = height = "висота"

ширина: = width = "довжина"

Розміри ілюстрацій задаються числом точок екрана (у пікселах) або у відсотках від висоти чи ширини ЕОМ. У разі на різних екранах ілюстрації матимуть різні розміри. Розрахувавши розташування ілюстрацій для екранів мінімальних розмірів, можна бути впевненим у їх розміщенні на екранах будь-якого іншого розміру.

Розміри ілюстрацій зазвичай вибирають так, щоб вони були помітні цілком навіть на екранах ЕОМ з мінімальним розміром. Якщо кран ЕОМ більше, то ілюстрації займатимуть лише його.

Гіпертекстові списки – це переліки з нумерацією чи виділенням елементів списків. Усі елементи починаються тэгами

. Нумеровані списки розпочинаються тегом

і закінчуються тегом

. Ненумеровані списки обмежуються тегами.

Гіпертекстові списки – зручний засіб для організації змісту у складних сайтах та великих гіпертекстів. Елементами в таких списках є адреси відповідних розділів сайтів (глав, параграфів розділів електронних книг та бібліотек).

Висновок

HTML – це мова розмітки гіпертекстів (hypertext markup language).

Усі файли повинні бути гіпертекстами, записаними у форматі HTML і мають ідентифікатори виду.html.

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

На розробку мови гіпертекстової розмітки істотно вплинули два фактори: дослідження в області інтерфейсів гіпертекстових систем і бажання забезпечити простий і швидкий спосіб створення гіпертекстової бази даних, розподіленої в мережі.

Основні правила вкладення елементів:

Елементи нічого не винні перетинатися;

Блокові елементи можуть містити вкладені блокові та текстові елементи;

Текстові елементи можуть мати вкладені текстові елементи;

Текстові елементи не можуть містити вкладені блокові елементи.

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

Список літератури

«Економічна інформатика»/Під. ред. П.В. Конюховського та Д.М. Колесова, СПб: Пітер, 2000, 560с.

Каймін В.А., «Інформатика», учеб.4-е вид. М.:, 2003-285с.

«Інформатика», базовий курс, 2-ге видання / Под. ред. С.В. Симоновича, СПб.: 2003, 640с.

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

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

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

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

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

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

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

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

Перша версія (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 ”>Перехід до більш детального викладу

SGML(англ. Standard Generalized Markup Language - стандартна узагальнена мова розмітки; вимовляється [ес-джі-ем-ел]) - метамова, якою можна визначати мову розмітки для документів. SGML - спадкоємець розробленої в 1969 році IBM мови GML (Generalized Markup Language), який не варто плутати з Geography Markup Language, що розробляється Open GIS Consortium.

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

Основні частини документа SGML:

SGML-декларація - визначає, які символи та обмежувачі можуть з'являтися у додатку;

Document Type Definition – визначає синтаксис конструкцій розмітки. DTD може включати додаткові визначення, такі як символьні посилання-немоніки;

Специфікація семантики відноситься до розмітки - також дає обмеження синтаксису, які не можуть бути виражені всередині DTD;

Вміст документа SGML - принаймні повинен бути кореневим елементом.

SGML надає безліч варіантів синтаксичної розмітки для використання різними програмами. Змінюючи SGML-декларацію, можна навіть відмовитись від використання кутових дужок, хоча цей синтаксис вважається стандартним, так званим concrete reference syntax.

Приклад синтаксису SGML:

typically something like this

SGML стандартизований ISO: «ISO 8879:1986 Information processing-Text and office systems-Standard Generalized Markup Language (SGML)»

HTML та XML походять від SGML. HTML - це програма SGML, а XML - це підмножина SGML, розроблене для спрощення процесу машинного аналізу документа. Іншими програмами SGML є SGML Docbook (документування) та «Z Format» (друкарня та документування).

XML- Extensible Markup Language, тобто Розширювана Мова Розмітки, виникла в результаті розвитку мови HTML (HyperText Markup Language, мови розмітки гіпертексту). Однак було б грубою помилкою сприймати його лише як удосконалену версію мови HTML. По суті, мова XML є новим поколінням мов розмітки. Тут слід мати на увазі 3 моменти, що принципово відрізняють XML від HTML та його попередників (GML – Generalized Markup Language, SGML – Standard General Markup Language):

XML, на відміну від HTML, НЕ МАЄ ПОПЕРЕДНІХ ТЕГІВ - точніше, кожен розробник може створювати СВОЇ ВЛАСНІ XML-теги - стільки, скільки потрібно. Кількість таких тегів практично необмежена. Таким чином, XML є метамовою, що дозволяє створювати інші мови розмітки, такі як, наприклад, HTML.

З розвитком мови HTML кількість тегів швидко збільшувалася. Зрештою їх число досягло "критичного значення" - розробникам web-документів стало важко запам'ятовувати все нові та нові теги, але ще в гіршому становищі виявилися розробники браузерів - їм доводиться створювати нові версії браузерів, які "розуміли б" нові теги. Більш "розумні" браузери стають і більшими за обсягом, висувають усі зростаючі вимоги до комп'ютерів, на яких вони використовуються. Справа посилюється тим, що останнім часом все більшої популярності набувають кишенькові пристрої (зокрема, вони все ширше використовуються в електронній комерції), з обмеженим об'ємом пам'яті та "слабкими" екранами, а тому, браузери, що використовуються на них, мають лише дуже обмежені можливості. Мова XML, яка не має певної заздалегідь системи тегів, дозволяє вирішити цю проблему. "Платою" за універсальність є велика суворість оформлення web-документів. Правила оформлення XML-документів прості:

неприпустимі незакриті контейнери тегів (але можна об'єднувати відкриває та закриває теги в одному, наприклад:
)

"вкладені" контейнери не можуть "перекриватися"

малі та великі літери сприймаються як різні символи

як назви тегів не можна використовувати ключові слова

у назвах тегів не можна використовувати пробіли, знаки пунктуації, круглі, квадратні та фігурні дужки

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

(При необхідності використовувати кілька слів як назви тега їх слід писати разом, починаючи кожне слово з великої літери.)

Документи, що відповідають цим правилам, називаються well-formed documents.

XML служить для ОПИС СТРУКТУРИ ДАНИХ, головним чином, Ієрархічних СТРУКТУР.

Однією з основних тенденцій розвитку web-технологій є РОЗДІЛ ДАНИХ, СТРУКТУРИ ДОКУМЕНТА І ЙОГО СТИЛЬНОГО ОФОРМЛЕННЯ. Як відомо, одним із способів відокремлення даних від структури документа є динамічне зв'язування СУБД із web-документами через інтерфейс ODBC (Open DataBase Connectivity). Відокремлення стилів досягається з допомогою використання каскадних таблиць стилів. XML дозволяє описувати нереляційні бази даних. Оскільки теги можуть створюватися розробником, їх назви характеризують зміст даних.

XML, як засіб опису структури даних, забезпечує обмін даними між різними додатками, виступаючи, таким чином, як своєрідний "клей".

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

Hypertext Markup Language (HTML)це проста система для створення гіпертекстових документів, що переносяться з однієї платформи на іншу. По суті, HTML документи це SGML документи із загальною семантикою, яка підходить для представлення інформації у великій кількості програм. HTML може використовуватися для представлення:

· Гіпертекстових новин, пошти, документації та гіпермедіа

· Меню опцій

· Результатів запитів до баз даних

· Простих документів із вбудованими графічними образами

· А також, для гіпертекстового перегляду існуючих масивів інформації

Проект World Wide Web (WWW) поєднує розкидану у світі інформацію. Для цього WWW використовує Internet HyperText Transfer Protocol (HTTP) – Протокол Передачі Гіпертексту, який дозволяє ввести угоди на способи представлення даних при взаємодії клієнта та сервера.

Дані передаються в тілі повідомлення відповідно до стандарту MIME. HTML це одне з уявлень інформації в WWW. Передбачається, що HTML відповідає одному з типів MIME, зокрема text/html. Додатково HTML це розробка, що відповідає Міжнародному стандарту ISO 8879 - Standard Generalized Markup Language (SGML), який є системою для визначення структурованих типів документів.

HTML документ

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

HTML документи повинні починатися з тега , що стоїть на початку файлу, і закінчуватися тегом. Між цими тегами HTML документ організований як ЗАГОЛОВОК (HEAD) і ТІЛО (BODY) документа, подібно до поштового повідомлення. Усередині HEAD частини вказується ЗАГОЛОВОК (TITLE) та інша інформація про документ загалом. Усередині BODY частини за допомогою HTML тегів текст структурується в параграфи, списки та ін. з можливістю виділення стилем окремих слів та цілих речень та створення посилань на частини цього та зовнішні документи. Технічно, що відкриває та закриває теги для HTML, HEAD та BODY елементів можна не використовувати. Тим не менш, робити це не рекомендується, оскільки HEAD/BODY структура дозволяє програмам визначати особливості документів (наприклад, заголовок), не переглядаючи весь документ повністю.

Структура HTML елементів

У HTML документі теги визначають початок та кінець заголовків, параграфів, списків, підсвічування символів та посилання. Більшість HTML елементів у документі визначені як тег, що відкриває, який вказує ім'я елемента і атрибути, потім вказується тіло елемента, за яким слідує закриває тег. Символами-обмежувачами для тега є "<" и ">"; для закриваючого -"". Наприклад:

Це Заголовок

Це параграф.

Деякі елементи з'являються лише як тег, що відкриває. Наприклад, для створення лінії-розділювача використовується тег
. Крім того, теги, що закривають, для деяких елементів (P, LI, DT, DD) можуть бути опущені. Тіло елемента це послідовність символів та вкладених елементів. Деякі елементи, такі як елементи, що визначають посилання, не можуть бути вкладені один в одного. При цьому елементи, що визначають посилання та виділення символів, можуть бути поміщені всередину інших конструкцій.

Відображення документа

Конкретний вид відображення документа може змінюватись від клієнта до клієнта. HTML теги визначають лише загальний стиль відображення документа. Що означає, наприклад, що HTML розглядає заголовок першого рівня лише як заголовок першого рівня, але не визначає, що заголовок першого рівня має відображатися шрифтом Times розміру 24 у центрі верхньої частини сторінки. Перевага такого підходу полягає в тому, що якщо користувач вирішить змінити заголовок першого рівня на шрифт Helvetica розміру 20 вирівняний по лівому краю, все, що йому треба зробити, це змінити визначення заголовка першого рівня в його промотору WWW. Таким чином, конкретне представлення документа на моніторі визначає користувач конкретного клієнта.

Основна сила HTML полягає у його здатності пов'язувати області тексту (а також картинок) з іншими документами. Переглядачі виділяють ці області (зазвичай кольором та/або підкресленням) для того, щоб вказати, що це гіпертекстові посилання. Anchor це частина тексту, яка відзначає початок та/або кінець гіпертекстового посилання. Текст, що знаходиться між тегом, що відкриває і закриває, є стартовою точкою або місцем призначення гіпертекстового посилання. Атрибути даного тегу є наступними: HREF

Необов'язковий. Якщо є атрибут HREF, Anchor це чутливий текст: стартова точка для посилання. Якщо читач вибирає цей текст, йому буде представлений інший документ, чия мережна адреса була вказана у значенні атрибута HREF. Формат мережевої адреси аналогічний до URL. Це дозволяє структурі HREF="#identifier" посилатися на інший anchor у поточному документі або у віддаленому документі при вказівці його адреси перед знаком "#".

Необов'язковий. Якщо є, дозволяє використовувати anchor як призначення посилання. Значенням атрибута є ідентифікатор anchor"а. Як значення ідентифікатора може бути використаний звичайний текстовий рядок, за винятком того, що всередині одного документа всі подібні ідентифікатори повинні бути унікальними.

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

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

• Абревіатура HTML розшифровується як H yper T ext M arkup L anguage (мова розмітки гіпертексту).
• Запам'ятайте, що він не є мовою програмування, це мова розмітки.
• HTML використовує тегирозмітки, щоб описати структуру веб-сторінки.

Теги

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

,

і т.д. Теги бувають двох видів: парніі одиночні(їх також називають порожніми). Парні теги складаються з тега, що відкриває і закриває, наприклад: . Символ "/" після кутової дужки вказує на те, що тег закриває. Одиночні теги складаються тільки з тега, що відкриває, наприклад:
. Теги не чутливі до регістру, тому можуть бути написані як великими, так і малими літерами:

Означає те саме, що і

Теги визначають, де починається і закінчується, HTML-елемент.

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

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

Без використання HTML тегів браузер виведе просто суцільний текстовий потік, без відступів, заголовків, абзаців і т.д. Щоб стало зрозуміліше, розглянемо це на прикладах.

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

Напої у нашому кафе

Мультифрукт – 100р.

Фруктовий напій, що містить апельсиновий та ананасовий соки.

Молочний коктейль – 150р.

Вершкове морозиво перемішане з м'якоттю фруктів.

Те саме, але без використання тегів:

Напої у нашому кафе Мультифрукт – 100р. Фруктовий напій, що містить апельсиновий та ананасовий соки. Молочний коктейль – 150р. Вершкове морозиво перемішане з м'якоттю фруктів.

I. Основні відомості проHTML.

Останніми роками розробки для Інтернету еволюціонували від статичних сторінок до динамічних інформаційних систем. Деякий час тому створення сучасних Web-сторінок не вимагало практично нічого, крім досконалого володіння мовою гіпертекстової розмітки (Hypertext Markup Language, HTML).

HTMLє простою мовою обробки текстів; цією мовою за допомогою набору тегів (tags) створюється документ, який можна переглядати спеціальною програмою переглядуWeb (browser).

HTML - не мова програмування тому, як C++ чи Visual Basic; він більше нагадує засоби форматування документів із використанням керуючих послідовностей. Кодування на HTML часто порівнюють зі створенням документа у форматі Microsoft Word шляхом набивання кодів форматування прямо до Notepad. Вочевидь, що функціональність цього дуже мала.

Під гіпертекстовим документомрозуміють документ, містить посилання інший документ. Реалізовано все це через протокол передачі гіпертексту HTTP(Hyper Text Transfer Protocol).

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

Гіпертекстові документи створюються на базі мови HTML (Hyper Text Markup Language).Ця мова дуже проста, керуючі коди її, які, власне, і компілюються браузером для відображення на екрані, складаються з тексту ASCII. Посилання, списки, заголовки, картинки та форми називаються елементами мови HTML.

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

HTML дозволяє формувати різну гіпертекстову інформацію на основі структурованих документів.

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

ІІ. Опис HTML

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

Гіпертекстова мова надає лише інформацію для читання. Це означає, що редагувати Web-сторінки може лише той, хто їх створив, а чи не простий користувач Мережі.

Самий головний елемент гіпертекстової мови- це посилання. У світовій мережі ви просто натискаєте на посилання і миттєво опиняєтеся в іншій точці земної кулі на вибраній вами сторінці.

Теги.

Тег- оформлена одиниця HTML-коду.

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

• лівий кутовий дужки< (такого же, как "меньше чем" символа)
• необов'язкового слеша /, який означає, що тег є кінцевим тегом, що закриває деяку структуру. Таким чином, у цьому контексті Ви можете читати символ /, як кінець...
• імені тега, наприклад TITLE або PRE
• необов'язкових, якщо навіть тег може мати їх, атрибутів. Тег може бути без атрибутів або супроводжуватися одним або декількома атрибутами, наприклад: ALIGN=CENTER
• правої кутової дужки > (такий самий, як символу "більше ніж").

Більшість тегів мають відкриваючий елемент<> і закриває.Між ними й перебувають коди, які розпізнає Web-браузер

У таких випадках два теги та частина документа, відокремлена ними, утворюють блок, званий HTML елементом. Деякі теги, наприклад

---

, є елементами HTML власними силами, і їм відповідний кінцевий тег неправильний.

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

• імені атрибута, наприклад WIDTH
• знак рівності (=)
• значення атрибута, яке визначається рядком символів, наприклад, "80".

Завжди корисно укласти значення атрибута в лапки, використовуючи або одинарні ("80"), або подвійні лапки ("80") Рядок у лапках не повинен містити такі ж лапки всередині себе. Так, якщо дата укладена в подвійні лапки, використовуйте одинарні лапки для подальшого укладання в лапки, і навпаки. Ви також можете опустити лапки для значень атрибутів, які складаються лише з наступних символів:

• символів англійського алфавіту (A – Z, a – z)
• цифр (0 - 9)
• проміжків часу
• дефісів (-)