Загальна структура документа HTML

Всі документи 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>


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: