Перший тег, який повинен знаходитися у будь-якому HTML-документі, — це <HTML>. Він вказує на те, що даний документ дійсно містить у собі HTML-текст. Все, що ви напишете у своєму документі, має знаходитися всередині даного тега:
<HTML>
…
Текст документа
…
</HTML>
Заголовок міститься всередині тега <HEAD> ...</HEAD>:
<HTML>
<HEAD>
...
Заголовок тексту
...
</HEAD>
...
Текст документа
...
</HTML>
У розділі заголовка вказується заголовок документа, для цього використовується тег <TITLE>…</TITLE>. Наприклад:
<HTML>
<HEAD>
<TITLE> Це заголовок документа </TITLE>
</HEAD>
...
текст документа
...
</HTML>
Весь останній HTML-документ, включаючи весь текст, міститься всередині тега <BODY>…</BODY>. Тепер документ виглядатиме ось так:
<HTML>
<HEAD>
<TITLE> Це заголовок документа </TITLE>
</HEAD>
<BODY>
...
Текст документа
...
</BODY>
</HTML>
Загальні відомості про документ розміщуються у тегах <META>. Наприклад:
Використовується шість тегів заголовків (від <H1> до <H6>). Кожному тегу відповідає конкретний стиль, заданий параметрами настроювання броузера.
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML</TITLE>
</HEAD>
<BODY>
<P><H1>Розклад</Н1></P><BR>
<H2><I>занять</I><U>на вівторок</U></H2>
</BODY>
</HTML>
Завдання 5. Установлення розміру поточного шрифту.
Тег шрифту <FONT> дозволяє задати розмір поточного шрифту в окремих місцях тексту у діапазоні від 1 до 7.
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML</TITLE>
</HEAD>
<BODY>
<FONT SIZE="7">Розклад</FONT>
занять на вівторок
</BODY>
</HTML>
Завдання 6. Встановлення гарнітури і кольору шрифту.
Тег <FONT> дає можливість управляти розміром, гарнітурою і кольором тексту. Зміна гарнітури виконується простим доповненням до тега <FONT>, атрибута FACE. Наприклад, для зображення тексту шрифтом Arial необхідно записати: <FONT FACE= ¢¢ARIAL¢¢>.
Для зміни кольору шрифту у тег <FONT> додають атрибут COLOR=¢¢X¢¢. Замість X потрібно підставити або назву кольору (у лапках), або його шістнадцятирічне значення (формат RGB). Приклади запису кольору у форматі RGB наводимо у таблиці 1.
Таблиця 1
Колір
RBG
Колір
RBG
Black чорний
Purple бордовий
FFOOFF
While білий
FFFFFF
Yellow жовтий
FFFFOO
Red червоний
FFOOOO
Brown коричневий
Green зелений
OOFFOO
Orange оранжевий
FF8000
Azure бірюзовий
OOFFFF
Violet фіолетовий
8000FF
Blue синій
OOOOFF
Gray сірий
АОАОАО
1. Внесіть зміни у ваш попередній файл.
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY>
<U><I><B><FONT COLOR="#FFOOOO" FACE="ARIAL"
SIZE="7">
Розклад </FONT></B></I></U>
занять на вівторок
</BODY>
</HTML>
2. Самостійно змінити розмір, колір, гарнітуру, стиль тексту.
Завдання 7. Вирівнювання тексту по горизонталі.
Вирівнювання тексту виконується за допомогою атрибута ALIGN у тезі <P>.
Внесіть зміни у ваш файл.
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML</TITLE>
</HEAD>
<BODY>
<P ALIGN="CENTER">
<FONT COLOR="#008080" SIZE="7">
<B> Розклад </B></FONT><BR>
<FONT SIZE="6"><I>занять на вівторок </I>
</FONT>
</Р>
</BODY>
</HTML>
Завдання 8. Встановлення кольору фону і тексту.
При зображенні фону і тексту броузери використовують кольори, встановлені за замовчуванням, — вони задані параметрами налаштування броузера. Якщо ви хочете задати інші кольори, то це потрібно зробити на початку файла HTML у тезі <BODY>. Атрибут BGCOLOR визначає колір фону сторінки, TEXT — колір тексту для всієї сторінки, LINK та VLINK визначає колір відповідно невідвіданих і відвіданих гіперпосилань (останні два параметри розглянемо пізніше).
