Завдання розміру символів

Існують два способи керування розміром тексту, зображуваного браузером:

-  використання стилів заголовка,

-  завдання розміру шрифту основного документа або розміру поточного шрифту.

Використання стилів заголовка

Використовується шість тегів заголовків (від <Н1> до <Н6>). Кожному тегу відповідає конкретний стиль, заданий параметрами настроювання браузера.

Завдання 5. Використання стилів заголовка.

Використовується шість тегів заголовків (від <Н1> до <Н6>). Кожному тегу відповідає конкретний стиль, заданий параметрами настроювання браузера.

1. Внесіть зміни у файл RASP.HTM:

<HTML>

 <HEAD>

   <TITLE>Навчальний файл HTML</TITLE>

 </HEAD>

 <BODY>

   <P><H1>Розклад</Н1></P>

   <I>занять</I><U>на вівторок</U>

 </BODY>

</HTML>

2. Переглянете отриману Web-сторінку.

Завдання 6. Установка розміру поточного шрифту.

Тег шрифту <FONT> дозволяє задавати розмір поточного шрифту в окремих місцях тексту в діапазоні від 1 до 7.

1.Внесіть зміни у файл RASP.HTM:

<HTML>

 <HEAD>

   <TITLE>Навчальний файл HTML</TITLE>

 </HEAD>

 <BODY>

   <FONT SIZE="7">Розклад</FONT>

   занять на вівторок

 </BODY>

</HTML>

2. Самостійно змініть розмір шрифту для тексту “занять на вівторок”, використовуючи тег <FONT>.

3. Змініть оформлення тексту HTML-документа, використовуючи тег виділення фрагментів тексту і тег переходу рядка й абзацу.

Завдання 7. Установка гарнітури і кольору шрифту.

Гарнітура і колір шрифту.

Тег <FONT> надає можливість керування розміром, гарнітурою і кольором тексту. Зміна гарнітури' шрифту виконується простим додаванням до тегу <FONT> атрибута FACE. Наприклад, для зображення тексту шрифтом Arial необхідно записати: <FONT FACE="ARIAL">.

Для зміни кольору шрифту можна використовувати в тегі <FONT> атрибут COLOR="X".

Замість Х треба підставити або назва кольору (у лапках). При заданні кольору числом можна представити цей колір розкладанням на три складові: червону (R — Red), зелену (G — Green), синю (У — Blue), кожна з яких має значення від 00 до FF. У цьому випадку ми маємо справу з так називаним форматом RGB. Приклади запису кольору у форматі RGB приведені в таблиці 1.

таблиця 1.

Запис кольору у форматі rgb

Колір		RRGGBB	Колір		RRGGBB
Black чорний		000000	Purple фіолетовий		FFOOFF
While білий		FFFFFF	Yellow жовтий		FFFFOO
Red червоний		FFOOOO	Brown коричневий		996633
Green зелений		OOFFOO	Orange жовтогарячий		FF8000
Azure бірюзовий		OOFFFF	Violet ліловий		8000FF
Blue синій		OOOOFF	Gray сірий		АОАОАО

1. Внесіть зміни у файл RASP.HTM:

<HTML>

 <HEAD>

   <TITLE>Навчальний файл HTML </TITLE>

 </HEAD>

 <BODY>

   <U><I><B><FONT COLOR="#FFOOOO" FACE="ARIAL"

   SIZE="7">

   Розклад</FONT></B></I></U>

   занять на вівторок

 </BODY>

</HTML>

2. Самостійно змініть розмір, колір, гарнітуру, стиль тексту документа.

Завдання 8. Вирівнювання тексту по горизонталі.

Внесіть зміни у файл RASP.HTM:

<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>

Завдання 9. Завдання кольору тла і тексту

При зображенні тла і тексту браузери використовують кольори, установлені за замовчуванням, — вони задані параметрами настроювання браузера. Якщо ви хочете задати інші кольори, то це треба зробити на початку файлу HTML у тегі <BODY>. Атрибут BGCOLOR= визначає колір тла сторінки, ТЕХТ= задає колір тексту для всієї сторінки, LINK= і VLINK= визначають кольор відповідно непереглянутих і переглянутих посилань (останні два параметри будуть розглянуті пізніше).

Внесіть зміни у файл RASP.HTM:

<HTML>

 <HEAD>

   <TITLE>Навчальний файл HTML</TITLE>

 </HEAD>

   <BODY BGCOLOR="#FFFFCC" TEXT="#330066">

   <P ALIGN="CENTER">

   <FONT COLOR="#008080" SIZE="7">

   <B>Розклад</B></FONT><BR>

   <FONT ZISE"B"><I>занять на вівторок</I>

   </FONT>

   </P>

 </BODY>

</HTML>

Завдання 10. Розміщення графіки на Web-сторінці.

Тег <IMG> дозволяє вставити в документ зображення. Воно з'явиться в тім місці документа, де знаходиться цей тег. Даний тег є одиночним. Графіка в Web, як правило, поширюється в трьох форматах: GIF, JPG, PNG. При виконанні наступного завдання будемо вважати, що графічний файл CLOCK.GIF зберігається в робочому каталозі KURS, де знаходиться і наша Web-сторінка.

Внесіть зміни у файл RASP.HTM:

<HTML>

 <HEAD>

   <TITLE>Навчальний  файл HTML</TITLE>

 </HEAD>

 <BODY BGCOLOR="#FFFFFF" TEXT="#330066">

   <P ALIGN="CENTER">

   <FONT COLOR="#008080" SIZE="7"><B>

   Розклад</B></FONT><BR>

   <FONT SIZE=”6”><I>

   занять на вівторок</I></FONT><ВR><ВR>

   <IMG SRC="CLOCK.GIF">

   </P>

 </BODY>

</HTML>

Тег <IMG> має чимало атрибутів, описаних у таблиці.2, які можна задавати додатково. Вони можуть розташовуватися в будь-якому місці тега після коду IMG.

Таблиця 2