Практическая работа № 2. Заголовки. Форматирование текста Закрепляемые знания:
З-1, З-3, З-5, З-8
Цели работы:
Получаемые умения:
У-1, У-2, У-4
познакомиться с тегами разметки HTML-текста; научиться создавать заголовки в HTML-документе; освоить основные правила использования заголовков в HTML- документах в соответствии с современными тенденциями веб- разработки. Теория. Синтаксис создания заголовка Существуют шесть уровней заголовков: текст текст текст текст текст текст h1 – самый важный, h6 – наименее важный. Заголовки начинаются с новой строки, после них другие элементы отображаются на следующей строке. Перед заголовком и после него добавляется абзацный отступ. Тег имеет атрибут align - выравнивание заголовка и принимает значения: left, center, right, justify.justify работает только для заголовка, длина которого более, чем одна строка. Характеристики шрифта Тег – представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей. Рекомендуемая литература Дуванов А.: Web-конструирование. HTML. — СПб: БХВ-Петербург, 2010 [Электронный ресурс]: Режим доступа https://avidreaders.ru/book/web- konstruirovanie-elektivnyy-kurs.html свободный – 91 - 93 с. Дуванов А.: Web-конструирование. HTML. — СПб: БХВ-Петербург, 2010. – 91 – 93 с. Немец Ю.: Основы html [Электронный ресурс]: Режим доступа http://www.sitehere.ru/urok-2-paragrafy-zagolovki свободный – Урок 2.
Задание 1. Создать HTML-документ «Задание 1-1.html»
Открыть текстовый редактор Блокнот и прописать в нём следующие теги:
Заголовок 1
Заголовок 2
Заголовок 3
Заголовок 4
Заголовок 5
Заголовок 6
align=center> Заголовок 1
align=right> Заголовок 2
align=left> Заголовок 3
align=justify> Заголовок 4 Заголовок 4 Заголовок 4
size="+4"> текст
size="+3"> текст
size="+2"> текст
size="+1"> текст
size="+0"> текст
size="-1"> текст
size="-2"> текст
текст (куча пробелов) текст
текст (куча пробелов) текст текст (куча пробелов) текст
Использование специальных тэгов Торговая марка
Большой BIG > Нормальный
Маленький
текст и пять пробелов текст и два пробела текст >
size=7> Шрифт 7
size=1> Шрифт 1
size=+2> Шрифт на 2 больше базового
size=-3> Шрифт на 3 меньше базового
face=Arial> Этот текст будет показан шрифтом Arial face=Algerian color=blue> Этот текст будет показан шрифтом Alge- rian |