Выдаём удостоверения и дипломы установленного образца

Получите 5% кэшбэк!

Запишитесь на один из 793 курсов и получите 5% кэшбэк стоимости курса на карту

Выбрать курс
Инфоурок Информатика Другие методич. материалыПрактическая работа на тему "Тэги изменения параметров шрифта в языке HTML"

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

Скачать материал
библиотека
материалов

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

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

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

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


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


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

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

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

Тэг сдвигает текст ниже уровня строки.

Тэг сдвигает текст выше уровня строки.



Задание 1.

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

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

  • Текст, заключенный в скобки, выделить курсивом.

  • Названия планет выделить подчеркнутым текстом.

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


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


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


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



Задание 2.

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


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


hv=Aвых+(mv2)/2



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


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


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




Задание 3.

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


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

Times New Roman

Arial

Courier

Tahoma


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

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

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


Задание 4.

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


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

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

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

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

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

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

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

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


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

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

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) - желтый


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

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

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

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




Задание 6.

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

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

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



  • Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
    Пожаловаться на материал
Курс повышения квалификации
Курс профессиональной переподготовки
Учитель математики и информатики
Курс профессиональной переподготовки
Учитель информатики
Скачать материал
Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:
также Вы можете выбрать тип материала:
Общая информация
Учебник: «Информатика (базовый уровень)», Семакин И.Г., Хеннер Е.К., Шеина Т.Ю.
Тема: § 13. Инструменты для разработки web-сайтов

Номер материала: ДБ-1029344

Скачать материал

Вам будут интересны эти курсы:

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышения квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.