документ складається зі слів двох типів: службових слів і власне тексту, виведеного на екран. Службові слова називаються тегами (tags) і беруться в кутові дужки lt; gt ;. У літературі теги називають також дескриптора і операторами. Теги бувають подвійними, звані контейнерами (container), і одиночними. Прикладом контейнера служать теги, що задають початок HTML-документа: lt; HTML gt; і його закінчення: lt;/HTML gt ;. Тег закінчення контейнера відрізняється від тега його початку наявністю символу / raquo ;. Текст, що знаходиться між початком контейнера та його закінченням, є його вмістом.
Прикладом одиночного тега служить тег перекладу на новий рядок: lt; BR gt;.
У HTML-документі в найменуваннях тегів і їх параметрів, а також у словах, що є їхніми значеннями, великі і малі літери не розрізняються. Надалі будемо дотримуватися наступного угоди: найменування тегів і параметрів будуть вказуватися великими літерами, а їх значення - малими літерами.
HTML-документ має наступну базову структуру, яка складається з заголовка HTML-документа і тіла HTML-документа:
lt; HTML gt;
lt; HEAD gt;
...
lt;/HEAD gt;
lt; BODY gt;
...
lt;/BODY gt;
lt;/HTML gt;
У заголовку HTML-документа, який знаходиться всередині тега-контейнера lt; HEAD gt;... lt;/HEAD gt ;, поміщається інформація, яка не виводиться в основне поле веб-сторінки. Вона використовується браузером для інших цілей. Наприклад, за допомогою контейнера lt; TITLE gt ;... lt;/TITLE gt; задається заголовок веб-сторінки, що поміщається вгорі екрану. Цей заголовок вказується в переліку відвіданих сторінок і в інших місцях. Тому, якщо розробник веб-сторінки хоче, щоб його сайт був затребуваний, йому необхідно уважно поставитися до вмісту заголовка веб-сторінки.
Дана веб-сторінка при використанні браузера MIE має наступний заголовок:
Форматування HTML тексту - Microsoft Internet Explorer
Останні три слова додає сам браузер.
У тілі HTML-документа, який знаходиться всередині тега-контейнера lt; BODY gt;... lt;/BODY gt ;, поміщається текст, який буде безпосередньо виводиться на екран. Прикладом найпростішого HTML-документа, що виводить на екран традиційне повідомлення Привіт, світ! Raquo ;, є наступний текст:
lt; HTML gt;
lt; BODY gt;
Привіт, світ!
lt;/BODY gt;
lt;/HTML gt; Зміст
Повідомлення Привіт, світ! знаходиться у верхньому лівому куті екрану, має чорний колір і невеликий розмір букв (ці параметри задані за замовчуванням) і виглядає непривабливо. Щоб зробити його вигляд більш приємним, необхідно виконати форматування тексту, тобто задати його колір, розмір, вирівнювання та інші параметри засобами HTML.
Текст може бути розбитий на параграфи (текстові блоки). Для вказівки параграфа використовується контейнер lt; P gt;... lt;/P gt;:
lt; P gt;
Текст параграфа
lt;/P gt;
На екрані між параграфами вставляється порожній рядок. Тег закінчення параграфа lt;/P gt; можна не вказувати. У цьому випадку тег початку наступного параграфа lt; P gt; (або lt;/BODY gt;) буде означати закриття поточного.
1.2 Форматування тексту за допомогою HTML
1.2.1 Завдання кольору на веб-сторінці
Коли браузер виводить на екран текст, то в якості кольору тексту і кольору фону він використовує значення, задані за замовчуванням (у прикладі 1 колір тексту - чорний, а колір фону - світло-сірий). Однак в HTML є засоби для завдання і зміни як кольору тексту, так і кольору фону. Для цього використовуються відповідно параметри TEXT і BGCOLOR тега lt; BODY gt;.
Якщо необхідно вказати деякий колір тільки для частини тексту, то використовується параметр COLOR тега lt; FONT gt;.
У HTML є два способи завдання значення кольору.
У першому способі значення кольору задаються за допомогою трьох складових квітів у вигляді чисельного значення #RrGgBb, де:
Rr - дві 16-річно цифри, що задають компоненту червоного кольору;
Gg - дві 16-річно цифри, що задають компоненту зеленого кольору;
Bb - дві 16-річно цифри, що задають компоненту синього кольору.
Значення компоненти кожного кольору може мінятися від 0 до FFh, т...
