Практическая работа на тему "Тэги изменения параметров шрифта в языке HTML"

Практическая работа №3

Тэги изменения параметров шрифта.

Цель: Сформировать навыки  форматирования Web-документа с использованием тегов физического  форматирования текста.

Новые дескрипторы и атрибуты: <B>, <I>,<U>, <SUP>, <SUB>, <FONT>

 Использование тегов физического форматирования текста.

Тэг <B> отображает текст полужирным шрифтом.

Тэг <I> отображает текст курсивом.

Тэг <U> отображает текст подчеркнутым.

Тэг <SUB> сдвигает текст _{ниже уровня} строки.

Тэг <SUР> сдвигает текст ^{выше уровня} строки.

Задание 1.

1. Откройте документ ПР№2 фамилия.html

2.  Текст Луна  отформатировать следующим образом:

• Текст, заключенный в скобки, выделить курсивом.
• Названия планет выделить подчеркнутым текстом.
• Слова, выделенные жирным шрифтом в исходном тексте практической работы, в Web-документе также выделить полужирным шрифтом.

3. После текста Луна вставить горизонтальную линию.

1.      Сохраните документ под тем же именем.

2.      Протестируйте созданный документ. (Обновить).

Задание 2.

1.      Создайте   Web-документ под именем ПР№3 фамилия.html  содержащий следующий текст.

Уравнение Эйнштейна для фотоэффекта

hv=A_вых+(mv²)/2

2.      Используя тэги физического форматирования  отформатируйте текст так, как он выглядит в практической работе.

3.      После формулы вставьте горизонтальную линию

4.      Протестируйте созданный документ. (Обновить).

Задание 3.

1.      Скопируйте и вставьте в   Web-документ  ПР№3 фамилия.html после горизонтальной линии следующий текст:

Пример использования параметра FACE в тэге <FONT>

Times New Roman

Arial

Courier

Tahoma

2.      Используя тэг <FONT FACE=……….> укажите для каждой строки  тип шрифта, используя в качестве значения параметра FACE название шрифта соответствующей строки.

3. После скопированного текста вставьте горизонтальную линию.

4. Протестируйте созданный документ. (Обновить).

Задание 4.

1. Скопируйте и вставьте в  Web-документ ПР№3 фамилия.html после горизонтальной линии следующий текст:

Пример использования параметра SIZE в тэге <FONT>

Шрифт размера 1

Шрифт размера 2

Шрифт размера 3

Шрифт размера 4

Шрифт размера 5

Шрифт размера 6

Шрифт размера 7

2.      Используя тэг <FONT SIZE=……….> укажите для каждой строки  размер шрифта, используя в качестве значения параметра SIZE значение размера шрифта соответствующей строки.

3.      После скопированного текста вставьте горизонтальную линию.

4. Сохраните документ под тем же именем.

5. Протестируйте созданный документ. (Обновить).

Задание 5.

1. Скопируйте в  Web-документ ПР№3 фамилия.html следующий текст:

Пример использования параметра COLOR в тэге <FONT>

1. Aqua (00FFFF)- бирюзовый

2. Black (000000) - черный

3. Blue (0000FF) - синий

4. Gray (808080) - серый

5. Green (008000)- зеленый

6. Fuchsia (FF00FF) - лиловый

7. Lime (00FF00) - ярко-зеленый

8. Maroon (800000) - коричневый

9. Navy (000080) - темно-синий

10. Olive (808000) - оливковый

11. Purple (800080) - фиолетовый

12. Red (FF0000) - красный

13. Silver (C0C0C0) - серебристый

14. Teal (008080) - сине-зеленый

15. White (FFFFFF) - белый

16. Yellow (FFFF00) - желтый

2. Используя тэг <FONT COLOR=……….> укажите для каждой строки  цвет шрифта, используя в качестве значения параметра COLOR название цвета шрифта или его код.
3. Вставьте горизонтальную линию после скопированного текста.
4. Сохраните документ под тем же именем.
5. Протестируйте созданный документ. (Обновить).

Задание 6.

1. В Web-документе ПР№3 фамилия.html названия тэгов и названия параметров отформатировать следующим образом: тип шрифта — Arial, размер — 4, цвет — зеленый.
2. Сохраните документ под тем же именем.
3. Протестируйте созданный документ. (Обновить).