Горизонтальная линия визуально подчеркивает законченность той или иной области документа. Тегом <hr> создается горизонтальная линия.
Вставка бегущей строки
<marquee> – начало бегущей строки, </marquee> – конец бегущей строки. Фрагмент текста, картинки или любые другие объекты между этими тегами будут двигаться так, как определят атрибуты.
Разметка карты – изображения
Чтобы разбить картинку на несколько «горячих» областей, для начала помещают ее в HTML – документ обычным способом. Затем добавляют атрибут картирования – usemap=”#...”, где вместо точек пишется имя карты. Далее пишется код самой карты – изображения с координатами всех «горячих» областей. Карта определяется тегами <map name=”…”> </map>, где вместо точек пишется имя карты.
Код координат областей имеет вид:
<area shape=”rect” coords=”n,n,n,n” href=”место ссылки”> или
<area shape=”circle” coords=”n,n,n” href=”место ссылки”>
<html>
<head>
<title> Пример </title>
</head>
<body>
<img src="*.jpg" usemap=”#karta”>
|
|
<map name=”karta”>
<area shape=”circle” coords=”152,167,10” href=”page1.html”>
<area shape=”circle” coords=”189,102,10” href=”page2.html”>
</map>
</body>
</html>
Координаты «горячих» областей можно просмотреть через любой графический редактор, например, Paint.
Мультимедиа
Видео
Для воспроизведения видео в html5 используется элемент video. Чтобы настроить элемент, используются следующие атрибуты:
src – источник видео;
width – ширина элемента;
height – высота элемента;
controls – добавление элемента управления воспроизведением;
autoplay – устанавливает автовоспроизведение;
loop – количество повторений;
muted – отключает звук по умолчанию.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Видео в HTML5</title>
</head>
<body>
<video src="cats.mp4" height="300" controls ></video>
</body>
</html>
Главной проблемой при использовании элемента video является поддержка различными веб – браузерами определенных форматов. С помощью вложенных элементов sourse можно задать несколько источников видео, один из которых будет использоваться.
<video height="300" controls>
<source src="cats.mp4" type="video/mp4">
<source src="cats.webm" type="video/webm">
<source src="cats.ogv" type="video/ogg">
</video>
Элемент source использует два атрибута для установки источника видео:
src – путь к видеофайлу;
type - тип видео.
Аудио
Для воспроизведения звука без видео в html5 применяется элемент audio. Для его настройки используют следующие атрибуты:
src – путь к аудиофайлу;
controls – добавление элемента управления воспроизведением;
autoplay – устанавливает автовоспроизведение;
loop – количество повторений;
|
|
muted – отключает звук по умолчанию;
preload – устанавливает режим загрузки файла.
Большинство браузеров поддерживают формат mp3.