HTML Работа с графикой
Тег IMG Cлужит для внедрения графики на страницы. Поддерживаемые форматы файлов: GIF, JPG, JPEG, PNG. Атрибуты src - Обязательный атрибут, указывающий URL рисунка align - Выравнивает изображение к одной из сторон документа left- по левому краю bottom - по нижнему краю right - по правому краю top - по верхнему краю center - по центру middle - по середине alt - Выводит текст к картинке. Примеры: • <img src=". . /cat. jpg" alt="Отдыхаем!"> • <IMG src=. . /pic/cheshr. jpg align=middle> - вертикальное выравнивание по центру • <IMG src=. . /pic/cheshr. jpg alt="А нас и тут неплохо кормят!" width=300 height=200 border=5 align=right> - горизонтальное выравнивание по правому краю • <IMG src=. . /pic/cheshr. jpg alt="А нас и тут неплохо кормят!" align=bottom>
Тег IMG Атрибуты border - Устанавливает толщину рамки вокруг изображения в пикселах. height - Высота картинки в пикселах или процентах. width - Ширина картинки в пикселах или процентах. hspace - Определяет размер свободного места в пикселах слева и справа от изображения, улучшает внешний вид страницы, отделяя изображение от текста. vspace - Определяет размер свободного места в пикселах сверху и снизу от изображения, улучшает внешний вид страницы, отделяя изображение от текста. Примеры: • <IMG src=. . /pic/cheshr. jpg alt="А нас и тут неплохо кормят!" width=300 height=200 border=5 bordercolor="#00 ff 00"> • <img src=". . /cat. jpg" alt="Отдыхаем!" vspace=10 GALLERYIMG="yes">
Фоновая графика Фоновое изображение – графический файл с изображением небольшой прямоугольной плашки. При просмотре в браузере эта плашка многократно повторяется, заполняя все окно, независимо от его размеров. Задается в теге Body. Back. Ground -Указывает на url-адрес изображения - фона документа. Bgproperties=fixed –Фиксация фонового изображение. Bgcolor – цвет фона Примеры: • <body background=". /pic/fon 1. jpg" text="#000000"> • <body bgcolor = "#112233" text="#000000“ Bgproperties=“fixed”>
HTML Работа с таблицами
Таблицы <Table> текст </Table> <TR> текст </TR> <TD> текст </TD> Объявление таблицы Тег строки Тег столбца Определяет заголовок для столбца в таблице
Атрибуты тега <Table> align - Выравнивание таблицы относительно документа. Возможные значения: center, left, right background - Строка, определяющая рисунок для заднего фона bgcolor - Определяет задний фон таблицы border - Толщина рамки в пикселах. Если атрибут не указан, то таблица выводится без видимой рамки bordercolor - Цвет рамки Cellspacing - Задает расстояние между ячейками таблицы cellpadding -Задает расстояние между содержимым ячейки и ее рамкой rules - Описывает рамки вокруг таблицы. all - Отображает все части рамки внутри таблицы cols - Отображает все вертикальные рамки внутри таблицы none - Удаляет все рамки вокруг таблицы rows - Отображает все горизонтальные рамки внутри таблицы title - Всплывающая подсказка width - Ширина таблицы в процентах или пикселах. Примеры: <TABLE BORDER=2 BGCOLOR=“yellow” align=“center”> <TR> <TH>Заголовок столбца 1 </TH> <TH>Заголовок столбца 2</TH> </TR> <TD>Ячейка столбца 1, ряд 1 </TD> <TD>Ячейка столбца 2, ряд 1</TD> </TR> <TD>Ячейка столбца 1, ряд 2</TD> <TD>Ячейка столбца 2, ряд 2</TD> </TR> </TABLE>
Атрибуты тегов <TR> и <TD> Height - Указывает высоту элемента в процентах или пикселях Align - Выравнивает текст в ячейке left - по левому краю (по умолчанию) rigth - по правому краю center - по центру Valign - Выравнивает текст в ячейке по вертикали top - по верхнему краю middle - по центру bottom - по нижнему краю Colspan - Указывает кол-во столбцов, которое объединено в одной ячейке (по умолчанию=1) Rowspan -Указывает кол-во строк которое объединено в одной ячейке (по умолчанию=1) Title - Всплывающая подсказка
Домашнее задание: 1. Выучить темы «Работа с графикой» , «Работа с таблицами» . 2. Закончить работу над страницами. 3. Подготовить текстовый документ «содержание» исследовательской работы.
