Главная страница | Контакты | Случайная страница Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

Размещение графических элементов.

2.1.Установить горизонтальную линию. Для этого следует использовать:

<HR> - тэг горизонтальной линии (Horizontal Rule), который имеет следующие параметры:

WIDTH=pixels½persent - размер в пк. или в % от размера экрана,

ALIGN=LEFT½RIGHT½CENTER - выравнивание фрагмента линейки,

SIZE=n - толщина линейки (по умолчанию n=1),

COLOR=#RRGGBB½color - задает цвет линейки,

NOSHADE - линия в форме сплошной полосы.

Выполнить следующие упражнения:

a) На поле нового документа установить заголовок темы и провести 4-е линии: линия в 1 пиксел, линия толщиной в 10 пк. в правой половине экрана, линия в 14 пк. в виде сплошной полосы, сплошная линия толщиной в 20 пк. на левой половине экрана размером в 40%; под каждой линией записать ее параметры.

b) Отделить выполненное задание зеленой сплошной полосой в 200 пк., размещенной по середине экрана.

c) Перейти на окно браузера и проверить правильность подготовки нового документа.

2.2.Установить изображение на поле страницы. Для этого следует использовать следующую конструкцию:

<IMG SRC="URL"> где "URL" - адрес изображения с указанием имени файла,

например <IMG SRC=label.gif>, Тэг имеет следующие параметры:

WIDTH=n, HEIGHT=m - ширина и высота рисунка в пикселях (габариты рисунка). Можно указать только один параметр, тогда другой будет вычислен автоматически,

ALT="текст" - установка текста всплывающей подсказки.

ALIGN=TEXTTOP½ABSMIDDLE½ABSBOTTOM - размещение поля рисунка относительно текста: по верху, по середине, по низу - по умолчанию, как показано на рисунке.

ALIGN=LEFT½RIGHT½ALL - прерывает строчку и очищает левое, правое, оба поля соответственно.

Для очистки поля под рисунок следует использовать тэг <BR CLEAR=LEFT½RIGHT½ALL> -. Если размещение трудно заранее предугадать, то следует использовать значение ALL.

Выполнить следующее задание:

a) Установить товарный знак фирмы, а рядом с ним - имя фирмы и направление ее деятельности: по верхнему, краю, по середине, по нижнему краю (В качестве рисунка можно использовать рисунок, разработанный при изучении курса "Информационные офисные системы" или взятый из любой Web-страницы).

b) Отделить пример горизонтальной цветной линией.

c) Перейти на окно браузера и проверить правильность выполнения задания.

2.3.Установить ссылки в форме рисунков:

a) Запомнить адреса трех Web-страниц (например университета, факультета, кафедры).

b) Установить таблицу размером 2х3 без разделительных линий и разместить в ячейках первой строки краткое наименование Web-страниц.

c) На второй строке в соответствующие ячейки ввести рисунки рисунков соответствующих Web-страниц.

d) Связать изображения с гиперссылкой, используя конструкцию:
<A HREF="URL-адрес"> <IMG SRC="имя картинки"></A>.

2.4.Установить рамку вокруг изображения товарного знака (п.2.2.), используя следующую конструкцию: <IMG SRC=label.gif BORDER=n>.

a) Проверить правильность выполненной разметки.