01-lect_html
.pdfКарта изображений
Контейнер <MAP>
name — итендификатор карты изображений. Уникален в пределах документа.
Элемент <AREA>
shape — форма активной области. Допустимые значения: circle (окружность), rect (прямоугольник), poly (полигон).
alt — альтернативный текст области. Служит лишь комментарием для ссылки, поскольку на экран не выводится.
coords — координаты активной области. Координаты отсчитываются в пикселях от левого верхнего угла изображения, которому соответствует значение "0,0". Первое число является координатой по горизонтали, второе — по вертикали. Список координат зависит от формы области:
Для окружности задаются координаты центра круга и радиус: <AREA coords="x,y,r">
Для прямоугольника — координаты левого верхнего и правого нижнего угла: <AREA coords="x1,y1,x2,y2">
Для полигона задаются координаты его вершин: <AREA coords="x1,y1,x2,y2,…,xN,yN">
При этом первая и последняя точки полигона автоматически замыкаются в линию.
href — Определяет адрес ссылки для области. Правила записи такие же, как и для тега <А>.
http://ru.wikipedia.org/wiki/Карта_изображений
Пример
<img src="./goroshekgreen.png" alt="зеленый" usemap="#map1" border=5 hspace=10 vspace=10 align=left>
<MAP name="map1">
<area shape="circle" coords="25,25,10" href="result.htm"> </MAP>
Тег audio
Autoplay – Звук начинает проигрываться сразу после загрузки страницы
Controls – Панель управления аудиофайлом.
Loop – Повтор проигрывания
Preload – Загрузка вместе со страницей.
Src – Путь к файлу.
Пример
<audio autoplay id="bgsound" controls="controls">
<source src="./sound/Dance_Of_The_Sugar_Plum_Fairies.wav" type="audio/wav">
<p>HTML5 (тег audio) не поддерживается Вашим браузером</p> </audio>
Тег EMBED
EMBED
src - адрес type - MIME-тип width - ширина height - высота
Примеры MIME: video/mp4 image/jpeg audio/ogg
NOEMBED
Тег OBJECT
OBJECT
IMG
EMBED
NOEMBED
APPLET
PARAM
Пример видео с youtube:
<object width="480" height="390"><param name="movie" value="http://www.youtube.com/v/Gg5DKVkffvQ? fs=1&hl=ru_RU"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Gg5DKVkffvQ? fs=1&hl=ru_RU" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="390"></embed></object>
Тег MARQUEE
MARQUEE
Align (см. IMG)
Behavior (Scroll (default), Slide, Alternate)
Bgcolor
Direction (left, right, up, down)
Практика “Б”
Оформить страницу “КУПИТЬ”
Сделать страницу покупки желтого цвета. Бегущая строка "РАСПРОДАЖА".
Написать и оформить соответственно:
Текст бывает большим, маленьким, мигающим, красным, наклонным, полужирным, подчеркнутым, зачеркнутым, верхим, нижним.
Полужирный текст может быть курсивным.
Добавить таблицу:
Оформление – заголовки светло-зеленым.
Наименование |
|
Цена |
|
Розничная |
Оптовая |
||
|
|||
Книга... |
100 |
90 |
|
Книга... |
200 |
180 |
|
Книга... |
300 |
270 |
Практика “Б”
Оформить страницу книги
Добавить список (открывающийся):
Оценка: "Не читал", "Плохо", "Хорошо", "Отлично".