Всі документи HTML мають одну й ту ж структуру, яка визначається фіксованим набором тегів структури:
¾ Тег початку <HTML>, тег кінця </HTML>;
¾ Розділ заголовків <HEAD> </HEAD>. Містить інформацію, яка описує документ в цілому, в тому числі повинен містити загальний заголовок документу, обмежений парним тегом <TITLE>;
¾ Тіло документа, яке обмежено парним тегом <BODY>
В загальному вигляді структуру HTML – документа можна представити наступним чином:
<HTML>
<HEAD>
<TITLE> ЗАГОЛОВОК ДОКУМЕНТА </TITLE>
</HEAD>
<BODY >
ТЕКСТ ДОКУМЕНТА
</BODY>
</HTML>
Колір
Колір являється властивістю багатьох текстових елементів, наприклад, фону документа, шрифту.
Колір задається або у вигляді стандартного англійського слова, що позначає колір (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 |
Функціональні елементи тексту
В текстових документах основними функціональними елементами являються заголовки та абзаци. Мова HTML підтримує до шести рівнів заголовків, які задаються парними тегами <H1> <H6>. Звичайні абзаци задаються за допомогою парного тега <P>, наприклад:
<H1> ЗАГОЛОВОК ПЕРШОГО РІВНЯ</H1>
<P> ТЕКС ПЕРШОГО АБЗАЦУ </P>
<P> ТЕКСТ ДРУГОГО АБЗАЦУ </P>
<H2> ЗАГОЛОВОК ДРУГОГО РІВНЯ </H2>
<P> ТЕКСТ ПЕРШОГО АБЗАЦУ </P>
<P> ТЕКСТ ДРУГОГО АБЗАЦУ </P>