1. 3. 2. Редагування тексту

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

Формування абзаців i рядків

При ствоpeннi Web-сторінок електронного посібника потрібно прагнути до лаконічних текстів, чітко структурованих абзацами. Для створення абзацу у мові HTML передбачено кілька можливостей. Найпростіша з них – це використання тегів <Р> i </Р>, між якими вміщений текст абзацу. Проте, кінцевий тег < / Р> в елементі абзацу не є обов'язковим.

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

3Адання заголовків

Заголовки поділяють НТМL-документ на логічно закінчені блоки. Завдяки заголовкам студент, що зайшов на Web-сторінку може отримати уявлення про її вміст. Для задання заголовків використовуються парні теги <Н1> (заголовок 1-го, найвищого рівня), <Н2> (заголовок 2-го рівня). Усього передбачено 6 рівнів заголовків.

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

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

Параметри шрифту, який використовують для відображення тексту на Web-сторінках, найпростіше визначити за допомогою дескриптора FONT, для якого передбачені такі атрибути: face (гapнітypa шрифту або список допустимих шрифтiв); color (колiр шрифту) i size (розмiр шрифту).

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

Курсив:<i>...</i> Ця пара міток виділяє курсивом весь текст, розташований між ними. Дескриптор <і> не має атрибутів. Використовується курсив для залучення уваги або створення особливого ефекту; слід пам’ятати, що при надлишковому використанні ефективність курсиву швидко зменшується. Закреслювання: <s>...</s>

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

Моноширинний шрифт: <tt>...</tt>

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

Підкреслення: <u>...</u>

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

Жирний шрифт: <b>...</b>

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

Вирiвнювання абзацiв

Абзаци, які визначають тегами <Р> i <BR>, за замовчанням вирівнюються по лівому краю сторiнки. Змінити таке вирівнювання можна за допомогою атрибута align. Значення align=”center” задаватиме вирівнювання по центру, значення align=”right” – вирівнювання по правому краю сторiнки (вирiвнювання по лівому краю визначається атрибутом align=”left”). Наприклад, заголовок <Hl аlign="сеntеr"> Ряди </Нl> розташовуватиметься по центру сторінки.

Задання фону сторiнки

Якщо ж потрібно визначити колiр шрифту для всієї сторiнки, то використовують атрибут text дескриптора <ВОDY>. Наприклад, тег <BODY text="red"> задає для всього тексту червоний колiр.Koлip фону всього НТМL-документа визначається атрибутом bgcolor тегу <ВОDY>. Наприклад, тег <ВОDY bgcolor="olive"> призначає оливковий колiр для фону Web-сторiнки.

Створення спискiв

Мова HTML надає спецiальнi елементи, що дозволяють подавати текстову iнформацiю у виглядi подiбних спискiв.

Як відомо виділяють марковані (неупорядковані) i нумеровані (упорядковані) списки, причому код списку є структурою iз вкладених елементiв. Зовнiшнiм елементом є пари тегів:

1) <UL> . . . < /UL> – для маркованого списку;

2 <OL> . . . </OL> – для нумерованого списку.

У серединi цих тегів містяться елементи списку, якi записуються за допомогою одиночних тегів: <LІ> Bміст рядка списку.

Отже, кiлькiсть елементiв LІ дорiвнює кiлькостi рядкiв у списку. Iменa наведених вище тегів є скороченнями слiв: UL (Unordered List) – неупорядкований список, тобто список без номерів; OL (Ordered List) – упорядкований список, LI (List Item) – елемент списку.

Iнодi на початку списку розташовують заголовок, що видiляється парним тегом <LH>. . .</LH>. Ім’я цього тегу LH – скорочення вiд List Header (заголовок списку).[15]