Вставка горизонтальной линии

Горизонтальная линия визуально подчеркивает законченность той или иной области документа. Тегом <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.

 


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: