.

Принципи побудови та інтерпретації мови HTML (реферат)

Інформатика, компютерні науки
Язык: украинский
Формат: реферат
Тип документа: Word Doc
2 3156
Скачать документ
Главная » Реферати на українській » Інформатика, компютерні науки

Реферат

на тему:

Принципи побудови та інтерпретації мови HTML

HTML (Hyper Text Marker Language) – мова розмітки гіпертексту. Це
стандарт, відповідно до якого документи Web зображаються броузерами
Internet, наприклад, Netscape, Accent, Мosaic, Amaya та інші.

Мова HTML – це метод розмітки стандартного тексту таким чином, щоб
броузер інтерпретував визначені теги та відтворював інформацію в
потрібному масштабі (форматі). Теги, що розміщуються в тексті, можуть
змінювати шрифти, стилі та створювати спеціальні ефекти.

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

На рис. 1 наведений текст початкового HTML-коду. На рис. 28 наведений
той же текст в інтерпретації броузера Internet Explorer.

HTML не є мовою програмування у повному сенсі слова. У неї специфічний
формат, який є світовим стандартом. Цей стандарт називається Document
Type Definition (Визначення типу стандарту), або ДТД. Першим
ДТД-стандартом на HTML була версія 1.0, потім 2.0. Нещодавно закінчилось
обговорення версії 3.2 (версія 4.0 ніколи не була випущена).

В HTML 3.2, 4.0 включили нові теги, що дозволяють краще керувати текстом
та швидше включати мультимедійні кліпи. Додаткова інформація про мову
HTML міститься на доменній сторінці Web-консорціума: http://www.w3.org.

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

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

Рис. 1. Сторінка HTML в текстовому редакторі

Основні важливі теги HTML

Існує чотири стандартних теги, які частково присутні на кожній
Web-сторінці:

1. повідомляє броузеру, що документ написаний мовою HTML

2.

відмічає вступну та заголовну частину HTML-документа

3.

відмічає основний текст та інформацію

4.

вміщує адресу електронної пошти для отримання більш
детальної

інформації про цю Web-сторінку.

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

Команда діє до тих пір, поки не буде відмінена (закрита). Вона
створюється точно так як і звичайна команда, тільки поряд з назвою
команди ставиться коса лінія (/). Так, останньою стрічкою документа HTML
повинна бути наступна команда: .

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

Мова HTML не враховує регістр, тому команди і
інтерпретуються однаково. Рядкові та прописні букви відрізняються тільки
при використанні таких параметрів, як TYPE для списку.

Щоб закрити дію команди з параметрами, вказується тільки назва команди і
команда>.

Форматування символів

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

Курсив. Для того, щоб виділити слова або ціле речення курсивом,
використовують команду .

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

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

Перераховані вище типи виділення тексту можна комбінувати. На наведених
нижче рис. 3, 4 подається приклад використання команд , , та .

Рис. 2. Типова WEB-сторінка

Наприклад, вхідний текст: “На лекції були присутні
35 студентів” в броузері Web буде виглядати таким чином: “На лекції
були присутні 35 студентів”.

Елементи сторінки Web

Основні команди, що задають формат елементів сторінки, такі:

оформлення заголовку

встановлення розмірів шрифтів

задання зв’язків з іншими документами

визначення різних типів абзацу

Оформлення заголовку

Команди, розміщені в заголовку документа, містять інформацію про
сторінки, що належить до назви ресурсу, предметних покажчиків та
відомості про зв’язки.

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

і .

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

і

Base/HREF. Значення HREF (Header that References – заголовок, який
посилається на певний URL). Формат команди наступний: .

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

Назва розділів. Назва розділів – це заголовок, який приводиться на
початку деякої частини тексту. При розділенні документу можливо
використовувати різні рівні. В HTML дозволяється 6 рівнів назв розділів,
кожний з яких задається за допомогою дескриптора , де n – число від
1 до 6.

Рис. 3. Програма на HTML

На рис. 5 та рис. 6 наведений приклад використання оформлення заголовку.

Основний текст документу

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

Абзаци

Для розбивки тексту документу використовується команда

. Тільки її
застосування, а не відступи та переведення каретки, визначає початок
нового абзацу. Наприклад, текст «Лекція сьогодні буде о десятій
годині дня при завантаженні в броузер буде виглядати так:

Списки

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

  • .

    Пронумерований (ordered) список

    Для завдання пронумерованого списку використовується команда

      .
      Первісний код пронумерованого списку має наступний вигляд:

      1. Element one

      2. Element two

      3. Element three

      Рис. 4. Зображення Web-сторінки

      Маркерований (unnumbered) список

      Перед кожним елементом такого списку стоїть спеціальний маркер. Для
      задання маркерованого списку використовується команда

      . Початковий
      код маркерованого списку виглядає так:

      • Element one

      • Element two

      • Element three

      Описовий (descriptive) список

      Список опису, що задається командою

      , складається із заголовків та
      елементів списку. Заголовок задається дескриптором
      , а описовий
      елемент –
      .

      Спеціальне форматування тексту

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

      Рис. 5. Текст HTML оформлення заголовку

      Відформатований текст

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

       і
      . В тексті можуть бути вмонтовані інші дескриптори.

      Команда

      &#1079;&#1072;&#1089;&#1090;&#1086;&#1089;&#1086;&#1074;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103; &#1090;&#1086;&#1076;&#1110;, &#1082;&#1086;&#1083;&#1080; &#1085;&#1077; &#1076;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1108;&#1090;&#1100;&#1089;&#1103; &#1074;&#1080;&#1082;&#1086;&#1088;&#1080;&#1089;&#1090;&#1072;&#1085;&#1085;&#1103;<br> &#1076;&#1077;&#1089;&#1082;&#1088;&#1080;&#1087;&#1090;&#1086;&#1088;&#1110;&#1074;. <p>&#1062;&#1080;&#1090;&#1091;&#1074;&#1072;&#1085;&#1085;&#1103;</p> <p>&#1050;&#1086;&#1083;&#1080; &#1085;&#1077;&#1086;&#1073;&#1093;&#1110;&#1076;&#1085;&#1086; &#1087;&#1088;&#1086;&#1094;&#1080;&#1090;&#1091;&#1074;&#1072;&#1090;&#1080; &#1076;&#1077;&#1103;&#1082;&#1080;&#1081; &#1092;&#1088;&#1072;&#1075;&#1084;&#1077;&#1085;&#1090; &#1090;&#1077;&#1082;&#1089;&#1090;&#1091;, &#1097;&#1086; &#1084;&#1110;&#1089;&#1090;&#1080;&#1090;&#1100;&#1089;&#1103; &#1074; &#1110;&#1085;&#1096;&#1086;&#1084;&#1091;<br> &#1076;&#1086;&#1082;&#1091;&#1084;&#1077;&#1085;&#1090;&#1110;, &#1074;&#1080;&#1082;&#1086;&#1088;&#1080;&#1089;&#1090;&#1086;&#1074;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103; &#1082;&#1086;&#1084;&#1072;&#1085;&#1076;&#1072; </p><blockquote>. <p>&#1050;&#1086;&#1084;&#1077;&#1085;&#1090;&#1072;&#1088;&#1110;</p> <p>&#1063;&#1072;&#1089;&#1090;&#1086; &#1074; &#1087;&#1086;&#1095;&#1072;&#1090;&#1082;&#1086;&#1074;&#1080;&#1081; &#1090;&#1077;&#1082;&#1089;&#1090; &#1076;&#1086;&#1082;&#1091;&#1084;&#1077;&#1085;&#1090;&#1091; HTML &#1085;&#1077;&#1086;&#1073;&#1093;&#1110;&#1076;&#1085;&#1086; &#1074;&#1089;&#1090;&#1072;&#1074;&#1080;&#1090;&#1080; &#1082;&#1086;&#1084;&#1077;&#1085;&#1090;&#1072;&#1088;&#1110;<br> (&#1087;&#1088;&#1080;&#1084;&#1110;&#1090;&#1082;&#1080; &#1085;&#1072; &#1087;&#1072;&#1084;&rsquo;&#1103;&#1090;&#1100;), &#1074; &#1103;&#1082;&#1080;&#1093; &#1073;&#1080; &#1074;&#1082;&#1072;&#1079;&#1091;&#1074;&#1072;&#1083;&#1086;&#1089;&#1100;, &#1097;&#1086; &#1074;&#1083;&#1072;&#1089;&#1085;&#1077; &#1087;&#1086;&#1074;&#1080;&#1085;&#1085;&#1072; &#1088;&#1086;&#1073;&#1080;&#1090;&#1080;<br> &#1090;&#1072; &#1095;&#1080; &#1110;&#1085;&#1096;&#1072; &#1082;&#1086;&#1084;&#1072;&#1085;&#1076;&#1072;. &#1030;&#1085;&#1092;&#1086;&#1088;&#1084;&#1072;&#1094;&#1110;&#1102; &#1090;&#1072;&#1082;&#1086;&#1075;&#1086; &#1169;&#1072;&#1090;&#1091;&#1085;&#1082;&#1091; &#1074; &#1073;&#1110;&#1083;&#1100;&#1096;&#1086;&#1089;&#1090;&#1110; &#1074;&#1080;&#1087;&#1072;&#1076;&#1082;&#1110;&#1074;<br> &#1087;&#1086;&#1082;&#1072;&#1079;&#1091;&#1074;&#1072;&#1090;&#1080; &#1082;&#1086;&#1088;&#1080;&#1089;&#1090;&#1091;&#1074;&#1072;&#1095;&#1077;&#1074;&#1110; &#1085;&#1077;&#1076;&#1086;&#1094;&#1110;&#1083;&#1100;&#1085;&#1086;. &#1044;&#1083;&#1103; &#1094;&#1100;&#1086;&#1075;&#1086; &#1074;&#1080;&#1082;&#1086;&#1088;&#1080;&#1089;&#1090;&#1086;&#1074;&#1091;&#1102;&#1090;&#1100; &#1082;&#1086;&#1084;&#1072;&#1085;&#1076;&#1091;:<br>.</p> <p>&#1040;&#1076;&#1088;&#1077;&#1089;&#1072;</p> <p>&#1050;&#1086;&#1084;&#1072;&#1085;&#1076;&#1072; <adress> &#1074;&#1080;&#1076;&#1110;&#1083;&#1103;&#1108; &#1087;&#1088;&#1080;&#1074;&#1077;&#1076;&#1077;&#1085;&#1080;&#1081; &#1079;&#1072; &#1085;&#1077;&#1102; &#1090;&#1077;&#1082;&#1089;&#1090; &#1079;&#1072; &#1076;&#1086;&#1087;&#1086;&#1084;&#1086;&#1075;&#1086;&#1102; &#1082;&#1091;&#1088;&#1089;&#1080;&#1074;&#1091;.<br> &#1063;&#1072;&#1089;&#1090;&#1110;&#1096;&#1077; &#1079;&#1072; &#1074;&#1089;&#1077; &#1111;&#1111; &#1074;&#1080;&#1082;&#1086;&#1088;&#1080;&#1089;&#1090;&#1086;&#1074;&#1091;&#1102;&#1090;&#1100; &#1087;&#1088;&#1080; &#1087;&#1086;&#1082;&#1072;&#1079;&#1110; &#1072;&#1076;&#1088;&#1077;&#1089;&#1080; &#1077;&#1083;&#1077;&#1082;&#1090;&#1088;&#1086;&#1085;&#1085;&#1086;&#1111; &#1087;&#1086;&#1096;&#1090;&#1080; &#1072;&#1073;&#1086;<br> &#1084;&#1110;&#1089;&#1094;&#1077;&#1079;&#1085;&#1072;&#1093;&#1086;&#1076;&#1078;&#1077;&#1085;&#1085;&#1103; &#1072;&#1074;&#1090;&#1086;&#1088;&#1072; &#1076;&#1086;&#1082;&#1091;&#1084;&#1077;&#1085;&#1090;&#1091;. &#1058;&#1077;&#1082;&#1089;&#1090;, &#1103;&#1082;&#1080;&#1081; &#1079;&#1085;&#1072;&#1093;&#1086;&#1076;&#1080;&#1090;&#1100;&#1089;&#1103; &#1084;&#1110;&#1078;<br> &#1076;&#1077;&#1089;&#1082;&#1088;&#1080;&#1087;&#1090;&#1086;&#1088;&#1072;&#1084;&#1080; <adress> &#1090;&#1072; </adress>, &#1073;&#1091;&#1076;&#1077; &#1074;&#1110;&#1076;&#1076;&#1110;&#1083;&#1077;&#1085;&#1080;&#1081; &#1074;&#1110;&#1076; &#1087;&#1086;&#1087;&#1077;&#1088;&#1077;&#1076;&#1085;&#1100;&#1086;&#1111;<br> &#1095;&#1072;&#1089;&#1090;&#1080;&#1085;&#1080; &#1076;&#1086;&#1082;&#1091;&#1084;&#1077;&#1085;&#1090;&#1091; &#1089;&#1087;&#1077;&#1094;&#1110;&#1072;&#1083;&#1100;&#1085;&#1086;&#1102; &#1083;&#1110;&#1085;&#1110;&#1108;&#1102;.</adress></p> <p>&#1055;&#1088;&#1080;&#1082;&#1083;&#1072;&#1076;&#1080;</p> <p>&#1044;&#1083;&#1103; &#1090;&#1086;&#1075;&#1086;, &#1097;&#1086;&#1073; &#1074;&#1080;&#1074;&#1077;&#1089;&#1090;&#1080; &#1085;&#1072; &#1077;&#1082;&#1088;&#1072;&#1085; &#1076;&#1077;&#1103;&#1082;&#1080;&#1081; &#1092;&#1088;&#1072;&#1075;&#1084;&#1077;&#1085;&#1090; &#1090;&#1077;&#1082;&#1089;&#1090;&#1091; &#1074; &#1090;&#1086;&#1095;&#1085;&#1086; &#1090;&#1072;&#1082;&#1086;&#1084;&#1091;<br> &#1074;&#1080;&#1075;&#1083;&#1103;&#1076;&#1110;, &#1074; &#1103;&#1082;&#1086;&#1084;&#1091; &#1074;&#1110;&#1085; &#1074;&#1074;&#1077;&#1076;&#1077;&#1085;&#1080;&#1081; &#1074; &#1076;&#1086;&#1082;&#1091;&#1084;&#1077;&#1085;&#1090;&#1110; HTML, &#1079;&#1072;&#1089;&#1090;&#1086;&#1089;&#1086;&#1074;&#1091;&#1102;&#1090;&#1100; &#1082;&#1086;&#1084;&#1072;&#1085;&#1076;&#1091;<br><samp>.</samp></p> <p>&#1052;&#1072;&#1083;&#1102;&#1074;&#1072;&#1085;&#1085;&#1103; &#1075;&#1086;&#1088;&#1080;&#1079;&#1086;&#1085;&#1090;&#1072;&#1083;&#1100;&#1085;&#1080;&#1093; &#1083;&#1110;&#1085;&#1110;&#1081;</p> <p>&#1050;&#1086;&#1084;&#1072;&#1085;&#1076;&#1072; </p><hr> &#1076;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1108; &#1084;&#1072;&#1083;&#1102;&#1074;&#1072;&#1090;&#1080; &#1074;&#1110;&#1076; &#1086;&#1076;&#1085;&#1086;&#1075;&#1086; &#1082;&#1088;&#1072;&#1102; &#1089;&#1090;&#1086;&#1088;&#1110;&#1085;&#1082;&#1080; &#1076;&#1086; &#1076;&#1088;&#1091;&#1075;&#1086;&#1075;&#1086;<br> &#1075;&#1086;&#1088;&#1080;&#1079;&#1086;&#1085;&#1090;&#1072;&#1083;&#1100;&#1085;&#1091; &#1083;&#1110;&#1085;&#1110;&#1102;. <p>&#1056;&#1080;&#1089;. 6. &#1047;&#1086;&#1073;&#1088;&#1072;&#1078;&#1077;&#1085;&#1085;&#1103; &#1079;&#1072;&#1075;&#1086;&#1083;&#1086;&#1074;&#1082;&#1091; &#1085;&#1072; &#1077;&#1082;&#1088;&#1072;&#1085;&#1110;</p></blockquote>

    • Нашли опечатку? Выделите и нажмите CTRL+Enter

    Похожие документы
    Обсуждение

    Ответить

    Курсовые, Дипломы, Рефераты на заказ в кратчайшие сроки
    Заказать реферат!
    UkrReferat.com. Всі права захищені. 2000-2020