- •Основи web-дизайну завдання та методичні вказівки
- •"Економічна інформатика"
- •1 Гігієна і санітарія праці, техніка безпеки роботи на персональному комп’ютері. Організація робочого місця
- •2 Теоретичні основи html
- •2.1 Загальні положення
- •2.2 Створення web – сторінок і робота з ними
- •2.3 Загальна структура документа html
- •2.5 Функціональні елементи тексту
- •2.6 Форматування абзаців
- •2.7 Форматування шрифту
- •2.8 Створення списків
- •2.9 Створення рухомого рядка
- •2.10 Вставка графічних об’єктів
- •2.11 Гіпертекстові посилання
- •2.12 Таблиці
- •2.13 Фрейми
- •3 Завдання для самостійного виконання
- •Рекомендована література
2.3 Загальна структура документа html
Всі документи HTML мають одну й ту ж структуру, яка визначається фіксованим набором тегів структури:
Тег початку <HTML>, тег кінця </HTML>;
Розділ заголовків <HEAD> </HEAD>. Містить інформацію, яка описує документ в цілому, в тому числі повинен містити загальний заголовок документу, обмежений парним тегом <TITLE>;
Тіло документа, яке обмежено парним тегом <BODY>
В загальному вигляді структуру HTML – документа можна представити наступним чином:
<HTML>
<HEAD>
<TITLE> ЗАГОЛОВОК ДОКУМЕНТА </TITLE>
</HEAD>
<BODY >
ТЕКСТ ДОКУМЕНТА
</BODY>
</HTML>
2.4 Колір
Колір являється властивістю багатьох текстових елементів, наприклад, фону документа, шрифту.
Колір задається або у вигляді стандартного англійського слова, що позначає колір (white, red, green, yellow, blue), або у вигляді шістнадцятирічної величини RRGGBB, де параметр RR показує інтенсивність червоного кольору, GG – інтенсивність зеленого, BB – інтенсивність синього кольору. Білому кольору відповідає значення #FFFFFF або "WHITE", чорному - #000000 або BLACK.
Колір фону задається властивістю BGCOLOR
Колір шрифту задається властивістю COLOR
У вікні браузера текст відображається без форматування та розподілу на абзаци. Тому мова HTML має набір тегів та атрибутів для форматування тексту: створення заголовків, абзаців, їх вирівнювання та управління шрифтом. Далі розглянемо ці засоби.
Таблиця 2 Способи позначення в HTML деяких кольорів
Колір |
Словесне позначення |
Шістнадцятирічне позначення |
Чорний |
Black |
#000000 |
Зелений |
Green |
#008000 |
Сріблястий |
Silver |
#C0C0C0 |
Лимонний |
Lime |
#00FF00 |
Сірий |
Gray |
#808080 |
Оливковий |
Olive |
#808000 |
Білий |
White |
#FFFFFF |
Жовтий |
Yellow |
#FFFF00 |
Бордовий |
Maroon |
#800000 |
Фіолетовий |
Navy |
#000080 |
Червоний |
Red |
#FF0000 |
Синій |
Blue |
#0000FF |
Пурпурний |
Purple |
#800080 |
Бірюзовий |
Teal |
#008080 |
Бузковий |
Fuchsia |
#FF00FF |
Блакитний |
Aqua |
#00FFFF |
2.5 Функціональні елементи тексту
В текстових документах основними функціональними елементами являються заголовки та абзаци. Мова HTML підтримує до шести рівнів заголовків, які задаються парними тегами <H1> <H6>. Звичайні абзаци задаються за допомогою парного тега <P>, наприклад:
<H1> ЗАГОЛОВОК ПЕРШОГО РІВНЯ</H1>
<P> ТЕКС ПЕРШОГО АБЗАЦУ </P>
<P> ТЕКСТ ДРУГОГО АБЗАЦУ </P>
<H2> ЗАГОЛОВОК ДРУГОГО РІВНЯ </H2>
<P> ТЕКСТ ПЕРШОГО АБЗАЦУ </P>
<P> ТЕКСТ ДРУГОГО АБЗАЦУ </P>