- •Красноярск
- •Введение
- •1 Введение в html
- •1.1 Основные понятия
- •1.2 Пример html-документа
- •2 Теги текста
- •2.1 Основные теги текста
- •2.2 Теги форматирования текста
- •2.3 Пример использования тегов текста
- •2.4 Лабораторная работа
- •2.5 Контрольные вопросы
- •3 Стилевое оформление
- •3.1 Основные сведения и примеры стилевого оформления
- •3.2 Лабораторная работа
- •3.3 Контрольные вопросы
- •4 Таблицы
- •4.1 Основные теги таблиц
- •4.2 Пример использования тегов таблиц
- •4.3 Лабораторная работа
- •4.4 Контрольные вопросы
- •5 Списки
- •5.1 Основные теги списков
- •5.2 Пример использования тегов списков
- •5.3 Лабораторная работа
- •5.4 Контрольные вопросы
- •6 Изображения
- •6.1 Основные теги изображений
- •Примечание:
- •6.2 Примеры использования тегов изображения
- •6.3 Лабораторная работа
- •6.4 Контрольные вопросы
- •7 Гиперссылки
- •7.1 Основные теги гиперссылок
- •7.2 Навигационные карты
- •7.3 Пример использования гиперссылок
- •7.3 Лабораторная работа
- •7.4 Контрольные вопросы
- •8 Фреймы
- •8.1 Основные теги фреймов
- •8.2 Пример использования фреймов
- •8.3 Лабораторная работа
- •8.4 Контрольные вопросы
- •9 Формы
- •9.1 Основные теги форм
- •9.2 Пример использования формы
- •9.3 Лабораторная работа
- •9.4 Контрольные вопросы
- •10.1 Назначение JavaScript
- •10.2 История создания языка
- •10.3 Возможности языка
- •11 Задание для самостоятельной работы
- •Библиографический список
- •Содержание
Примечание:
-
Для передачи Java-программе каких-либо параметров используется элемент PARAM.
PARAM. Располагается в начале элемента APPLET. Используется для передачи Java-программе каких-либо параметров. Элемент задает пару "имя - значение" переменной, которая будет передана Java-программе.
6.2 Примеры использования тегов изображения
<IMG src="img/picture.gif" WIDTH="45" HEIGHT="53" ALT="Рысь" HSPACE="10" ALIGN="left"> Этот текст обтекает картинку с рысью справа и находится от нее на расстоянии 10 пикселов.
<A HREF="carlson.html">
<IMG src="img/button.jpg" WIDTH="70" HEIGHT="30" ALIGN="right" BORDER="0" ALT="Досье Карлсона">
</A>
Для просмотра досье нажмите на кнопку справа.
<A HREF="http://www.igf.ru/bin/imagemaps/map1">
<IMG SRC="map.gif" ISMAP></A>
<IMG src="img/buttons.jpg" WIDTH="170" HEIGHT="120" ALIGN="middle" BORDER="0" USEMAP="#ButtonsMap">
<EMBED SRC="music.mid" HIDDEN="true">
<NOEMBED>Альтернативный текст для старых браузеров</NOEMBED>
</EMBED>
<EMBED SRC="music.vrml" HEIGHT="300" WIDTH="200" HSPACE="10" ALIGN="center" PLUGINSPACE="../plugins/download_vrml.html">
<NOEMBED>Альтернативный текст для старых браузеров</NOEMBED>
</EMBED>
<EMBED SRC="music.mid" HIDDEN="true">
<NOEMBED> Ваш браузер морально устарел ;-D </NOEMBED>
</EMBED>
<APPLET CODE="JumpingGirl.class" WIDTH="30" HEIGHT="40" ALIGN="left" ALT="Прыгающая девочка">
Если вы видите этот текст, значит ваш браузер не поддерживает Java.
</APPLET>
<APPLET CODEBASE="http://www.igf.ru/javagames" CODE="CrazyTetris.class" WIDTH="300" HEIGHT="500" ALIGN="right" SRC="http://www.igf.ru" ALT="Игра Тетрис">
</APPLET>
<APPLET CODEBASE="http://www.igf.ru/applets" CODE="JavaTetris.class" WIDTH="440" HEIGHT="475" ALIGN="center">
<PARAM NAME="width" VALUE="10">
<PARAM NAME="height" VALUE="20">
<PARAM NAME="name" VALUE="Cool Tetris">
...
</APPLET>
6.3 Лабораторная работа
-
Запустите текстовый редактор Блокнот. Создайте HTML файл, содержащий в заголовке окна наименование темы лабораторной работы. Задайте файлу имя 5.htm
-
Используя тег <IMG> отобразите на странице рисунок. Задайте размер выводимого рисунка 200300 пикселей.
-
Поместите текст рядом с рисунком, используя таблицу.
-
Используя таблицу, поместите рядом с первым рисунком еще один рисунок.
-
Создайте бегущую строку: задов цвет фона – голубой; цвет текста – темно синий; размер букв – 10 пикселей; направление движения – с лева на право; число проходов по экрану – 5.
-
Создайте картинку, которая сопровождалась звуком. Для озвучивания картинки используйте структуру:
<IMG SRC=”Путь и имя рисунка” DYNSRC=”Путь и имя звукового файла”>
-
Создайте рисунок на месте, которого демонстрировался клип. Используйте следующую структуру для вывода на экран картинки, а после загрузки всей страницы на месте картинки будет воспроизведен видеофайл:
<IMG SRC=”Путь и имя рисунка” DYNSRC=”Путь и имя звукового файла”>
-
Используя тег <EMBED> загрузим на страницу видеоклип, указав размеры экрана отведенного под воспроизведения клипа:
<EMBED SRC=”Путь и имя файла с клипом” height=240 width=300>
-
Задайте атрибут AVTOSTART=YES тега <EMBED>. Обновите страницу. Что изменилось?
-
Используя тег <EMBED> воспроизведите звуковой файл. Используйте структуру:
<EMBED SRC=” Путь и имя звукового файла ” >
-
Используя тег <BGSOUND> воспроизведите звуковой файл. Используйте структуру:
<BGSOUND SRC=” Путь и имя звукового файла ” >