Лабораторная работа 8. Создание HTML-документа

Выполнили Петров Анатолий Александрович

Студенты ОмГПУ

курс I

направление Педагогическое образование

профиль (профиль) Теги: 1.

(закрывающий тэг необязателен) означает абзац, отделенный сверху и снизу пустой строкой, который с помощью атрибута align можно выровнять одним из следующих способов: − align=left − по левому краю; − align=right − по правому краю; − align=center − по центру; − align=justify − по ширине. 2.
(закрывающий тэг не используется) вставляет разрыв строки. 3.

применяется для форматирования абзаца текста заголовком первого уровня (стиль − полужирный шрифт и крупный размер). Всего используется шесть уровней заголовков. Абзац заголовка также может быть выровнен атрибутом align. Задание 4. Изменение цвета на Web-странице. Параметры шрифта. 1 Откройте в Блокноте файл страница 1.html для правки. 2 Измените цвет фона и текста в документе, присвоив атрибутам bgcolor и text открывающего тэга некоторые значения из таблицы (название цвета или его код), например: 3 Используйте в содержательной части документа тэг с атрибутами face (гарнитура), color (цвет, см. таблицу), size (размер, целые числа от 1 до 7), например:

Выполнили Петров Анатолий Александрович 4 Измените цвет, размер и гарнитуру других фрагментов текста на свое усмотрение. 5 Сохраните файл страница 1.html в Блокноте и просмотрите, как отразились внесенные изменения на внешнем виде Web-страницы в Internet Explorer. Некоторые цвета и их коды в формате RGB Цвет Название Код Цвет Название Код Черный black #000000 Темно-зеленый green #008000 Темно-синий navy #000080 Голубой teal #008080 Светло-серый silver #c0c0c0 Зеленый lime #00ff00 Синий blue #0000ff Бирюзовый agua #00ffff Малиновый maroon #800000 Оливковый olive #808000 Сиреневый purple #800080 Темно-серый gray #808080 Красный red #ff0000 Желтый yellow #ffff00 Розовый fuchsia #ff00ff Белый white #ffffff Задание 5. Вставьте в документ бегущую строку с помощью элемента Например: бегущая строка бегущая строка бегущая строка . Измените цвет фона, характер, направление движения бегущей строки и другие параметры Некоторые атрибуты бегущей строки Атрибут Назначение Принимаемые значения behavior Характер движения бегущей строки scroll − насквозь; slide − до края и остановиться; alternate − влево-вправо bgcolor Цвет фона бегущей строки См. таблицу выше direction Направление движения left, right height (width) Высота (ширина) зоны бегущей строки Пиксели или проценты loop Число проходов бегущей строки Натуральные числа scrollamount Размер области смещения текста при каждой операции прокрутки Пиксели Задание 6. Вставка горизонтальной разделительной линии. Установка и изменение параметров разделительных линий. 1 Вставьте стандартную разделительную линию в подходящем по смыслу месте, например, как в нижеследующем фрагменте страница 1.html:

Студенты ОмГПУ

---

курс I 2 Придайте атрибутам разделительной линии определенные значения: отмените тень, выровняйте по центру (атрибут align), задайте цвет (оливковый), длину (80 % от ширины окна) и толщину (число от 1 до 175):

---

3 Сохраните страница 1.html и просмотрите изменения в браузере. Задание 7. Встраивание изображений в HTML-документ. Настройка параметров графического изображения. 1 Откройте в Блокноте документ страница 1.html и вставьте в него графическое изображение, добавив в любом месте содержательной части строку Сохраните файл и просмотрите его в браузере. 2 Произведите выравнивание изображения по правому краю, задав значение атрибута align элемента . Задайте размеры изображения в пикселях: 3 Измените размеры изображения в процентах от ширины окна, например: 4 Поместите изображение в рамку, используя параметр border тэга : 5 Добавьте в тэг атрибуты alt и title: 6 Отключите загрузку графических изображений в установках браузера. Просмотрите полученный результат, выяснив назначение атрибутов alt и title 7 Восстановите опцию загрузки рисунков в установках браузера.