Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
информа Лекция № 4.doc
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
115.71 Кб
Скачать

Поняття гіпертексту. Засоби створення та перегляду гіпертекстових документів. Особливості мови розмітки html.

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

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

Якщо встановити курсор на одне з полів та натиснути клавішу введення (або кнопку миші), то виконається дія, пов’язана з вибраним полем. Принципи гіпертексту закладені в більшість сучасних комп’ютерних програм. Принципи побудови гіпертекстів широко використовується в Інтернеті. На цьому принципу у 1991 р. була розроблена технологія WWW.

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

Для створення гіпертекстових (HTML) сторінок слід уміти працювати в текстовому редакторі та знати мову HTML (Hyper Text Markup Language) ─ мову розмітки гіпертексту.

HTML - документ ─ це текстовий файл, що містить звичайний ASCII текст та спеціальні команди розмітки (теги).

Тегова модель. Класифікація тегів. Основні теги мови html для створення гіпертекстового документа.

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

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

Більшість тегів в HTML є парними і мають формат : <тег>/<тег>. Але є й непарні теги, для яких не обов’язковий кінець команди. Багато команд мають параметри (атрибути), які модернізують дію команди.

Структура гіпертекстового документа :

<HTML>

<HEAD>

<TITLE> Заголовок сторінки </TITLE>

</HEAD>

<BODY>

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

</BODY>

</HTML>

<HTML> ─ тег, який вказує на те, що даний документ є HTML-документом.

<HEAD> ─ тег, у якому розташовані загальні відомості про HTML-сторінку (назва сторінки, додаткова інформація про документ).

<BODY> ─ тег «тіла» документа, що визначає ту частину документа, у якій міститься його основний зміст.

<TITLE> ─ тег заголовка, що розташовується в HEAD - області документа.

Усі теги за їхнім призначенням й ділянкою дії можна розділити на такі основні групи :

  • теги, що визначають структуру документа (теги форматування);

  • теги, що оформляють блоки гіпертексту (параграфи, списки, таблиці, картинки);

  • гіпертекстові посилання і закладки (тобто загальні посилання).

Теги форматування :

<P> …</P> ─ новий абзац;

<BR> ─ перехід на інший рядок;

<Hn> Текст </Hn>, де під n розуміється рівень заголовка.

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