Лабораторная работа №2 Работа с текстом

Лабораторная работа №2.
Работа с абзацем.
Заголовки
Теги заголовков:

...

...

Метки вида (где i цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня самый крупный, шестого уровня, естественно самый мелкий.

Параграфы
Теги

...

описывают абзац. Все, что заключено между

и

, воспринимается как один абзац.

. Эта метка используется, если необходимо перейти на новую строку, не прерывая абзаца. Очень удобно при публикации стихов.
Метки и

могут содержать дополнительный атрибут ALIGN (от английского "выравнивать") (атрибут ALIGN может принимать три значения: LEFT – по левому краю, RIGHT – по правому краю и CENTER – по центру), например:

Образец абзаца с выравниванием по правому краю

.
Задания.
Запустить программу Блокнот и открыть документ main.html.
Изменить документ так, чтобы надпись «Институт экономики и управления – Web-дизайн» была заголовком первого уровня и выровнена по центру.
Добавить в документ вывод своей фамилии, имени, отчества как заголовок второго уровня с выравниванием по центру.
Добавить в документ параграф: Привет, меня зовут . Я учусь на курсе . Сейчас я на занятиях изучаю язык HTML (Hypertext Markup Language.
Добавить в документ параграф: Страничка создана , выровненный по правому краю.
Добавить в документ параграф: Мой адрес , выровненный по правому краю.
Добавить в документ параграф: по всем вопросам обращаться: [ Cкачайте файл, чтобы посмотреть ссылку ]. (здесь можно вставить адрес своей электронной почты)

Изменение шрифта текста
Стили текста.
Тег FONT – определяет вид, размер и цвет шрифта для текста.
Атрибут SIZE тега позволяет задавать размер текста (значения от 1 до 7).
Атрибут COLOR тега позволяет изменять цвет шрифта (значения см. в лабораторной работе №1).
Атрибут FACE задает имя шрифта. Тег требует закрывающегося тега

Задание:
Установить для слова Привет размер 5, цвет – желтый.
Для всего оставшегося параграфа: размер 4, цвет – maroon.
Для 3 последних абзацев установить шрифт: размер 2, цвет – зеленый.
Для слова Привет установить шрифт Impact.
Для своей фамилии, имен, отчества установить шрифт Arial Black.

Физические стили. Под физическим стилем принято понимать прямое указание броузеру на модификацию текущего шрифта.
Тег делает текст жирным.
Тег преобразует текст текста в курсив.
Тег делает текст подчеркнутым.

Задание:
Подчеркнуть фамилию, имя, отчество.
Слово Привет написать курсивом.

Логические стили. При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные броузеры толкуют одни и те же метки логических стилей по-разному. Некоторые броузеры игнорируют некоторые метки вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические стили.
... – выделяет текст, обычно курсивом.
... – выделяет текст жирным шрифтом.
или – выводит текст зачеркнутым.
– выделяет текст, переводя его в нижний регистр.
– переводит текст в верхний регистр, как степень.
... – рекомендуется использовать для фрагментов исходных текстов. ... – рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами.
... – рекомендуется использовать для указания того, что нужно ввести с клавиатуры.
... – рекомендуется использовать для написания имен переменных.

Задание:
Строку [email protected] выделить тегом .
Строку Страничка создана выделить стилем .
Слово HTML зачеркнуть.
После слова HTML добавить предложение: Еще мы знаем немного математики, например разность кубов вычисляется по формуле: a3-b3=(a-b)*(a2+ab+b2), а в прямоугольном треугольнике c2=a2+b2.

 ... 
– текст выводится броузером на экран как есть – со всеми пробелами, символами табуляции и конца строки.
...
– текст выводится броузером на экран с увеличенным левым полем.

Бегущая строка
– создания бегущей строки.
Рассмотрим несколько атрибутов:
- атрибут BGCOLOR = цвет устанавливает цвет фона бегущей строки,
- LOOP = значение устанавливает число повторов анимации бегущей строки (значение может быть целым или infinite – текст будет продолжать бегать пока читатель не перейдет на новую страницу).
- DIRECTION определяет направление: left (по умолчанию) – справа налево, right – слева направо, up – снизу вверх, down – сверху вниз.

Горизонтальная линия
Метка
. Метка
описывает горизонтальную линию.
Метка может дополнительно включать атрибуты:
- ALIGN=тип: задается способ выравнивания линейки: по левому края, центру (по умолчанию) или правому краю.
- SIZE=пиксели: установка толщины линии в пикселях.
- WIDTH=значение: установка ширины линейки либо равной целому числу пикселей, либо в процентах от ширины страницы.
Задания:
Для первого абзаца увеличить левое поле.
Сделать строку Институт экономики и управления – Web-дизайн бегущей, установив цвет фона gray, ширину подобрать таким образом, чтобы она равнялась длине строки.
Сделать строку Фамилия, имя, отчество бегущей, установив цвет фона gray, направление слева направо.
Нарисовать линию под надписью Институт экономики и управления – Web-дизайн.
Нарисовать линию перед строкой Страничка создана











Приложенные файлы

  • doc 15144339
    Размер файла: 48 kB Загрузок: 1

Добавить комментарий


© 2018 Образовательный портал «EduDocs.net». Обратная связь | Пользовательское соглашение | Распечатать страницу