- •Введение
- •От автора
- •С труктура html документов
- •Анатомия web страницы
- •Указание приложения, в котором был создан документ
- •Оформление основной части страницы
- •Форматирование текста
- •Теги управления шрифтом
- •Специальные символы
- •Задание произвольного вида маркеров в списке
- •Работа с графикой, звуком и видео клипами
- •Гиперссылки
- •Изображения-карты
- •Создание стилей
- •Сценарии
- •Редакторы гипертекста
- •Форматы графических файлов
- •Лабораторная работа №1 Тема. Оформление страницы
- •Лабораторная работа №2 Тема. Стилевое оформление текста
- •Лабораторная работа №3 Тема. Таблицы
- •Лабораторная работа №4 Тема. Списки
- •Лабораторная работа №5 Тема. Работа с графикой, звуком и видеоклипами
- •Лабораторная работа №6 Тема. Ссылки
- •Приложение а. Цветовая модель rgb
- •Приложение b. Свойства таблиц стилей
Задание произвольного вида маркеров в списке
<html><head>
<STYLE type="text/css">
OL.c01 {list-style-type: circle}
UL.c02 {list-style-image: URL(map1.gif) }
</style> </head><body>
<ul class="c02">
<li>one
<li>too
</ul>
</body></html>
Работа с графикой, звуком и видео клипами
<IMG>
Создание ссылки на графический файл. Задание атрибутов Height,Width позволяет ускорить загрузку страницы содержащею графические элементы, т.к. данные атрибуты сразу определяют конкретные области отводимые под рисунок. Браузер отображая страницу выводит сначала элементы текстовой информации оставляя место под графические элементы, затем подгружает их в указанные области. Если не использовать данные атрибуты, то пока браузер не загрузит в свою память всю страницу целиком, пользователю представиться возможность наблюдать за чистым листом на своем мониторе.
Атрибут |
Описание |
Пример задания значения |
src |
Указывает URL рисунка и его имя. |
<IMG src=”ris.gif”> |
alt |
Выводит текст вместо рисунка, когда рисунок загрузить нет возможности. Иногда используется для сообщения о размере рисунка. |
<IMG alt=”Здесь рисунок” src=”ris.gif”> |
Height Width |
Задают высоту и ширину области отводимую под рисунок. Рисунок масштабируется под указанные параметры. Если задан только один из параметров, то рисунок автоматически масштабирует на указанную величину. Иногда масштабирование может вызвать деформацию изображения. |
<IMG src=”ris.gif” height=100px> |
ismap |
Атрибут используется при использовании карты (тег <map>), когда реакцию на щелчок на карте обрабатывает программа расположенная на сервере. |
<IMG src="pict3.jpg" Ismap=”ismap”> |
usemap |
Указывает имя рисунка (изображения-карты) в котором присутствуют активные области. Смотри использование тега <MAP> |
<IMG src="pict3.jpg" usemap="#color”> |
<BGSOUND>
Команда для воспроизведения звуковых эффектов помещается в секцию HEAD.
Атрибут |
Описание |
Пример задания значения |
scr |
Указывает звуковой файл |
<BGSOUND src=“start.wav”> |
loop |
Задает число повторений звукового файла. Для задания непрерывного воспроизведения указывается значение loop=-1 или “loop= infinite” |
<BGSOUND src=“start.wav” loop=1> |
volume |
Определяет громкость |
<BGSOUND src=“start.wav” Volume=10 > |
<EMBED>
Элемент, являющийся контейнером для какого-либо объекта.
Атрибут |
Описание |
Пример задания значения |
src |
Источник данных |
<EMBED SRC=”Путь и имя файла с клипом” height=240 width=300> |
Height |
Высота |
|
Width |
Ширина |
|
Attribute_1 |
Значение первого атрибута Attribute_1=”значение” |
|