- •Лекція №3
- •Тіло документу складається з:
- •Формати графічних файлів
- •Таблиці
- •Теги для створення таблиць
- •Параметри тегів TR, TH, TD
- •Злиття ячєєк
- •Злиття ячєєк
- •Параметр TARGET
- •Приклади
- •Відносна і абсолютна адресація
- •Атрибути
- •Нові теги структури
- •HTML 5 приклад
- •HTML 5 приклад
- •header
- •Обхід браузерів, що не підтримують HTML 5
- •основного на архів,
- •Відеокодеки
- •Множинні елементи SOURCE
- •API геолокації
- •Література
Відеокодеки
|
WEBM |
MP4 |
OGG |
Opera |
+ |
– |
+ |
FireFox |
+ |
– |
+ |
Chrome |
+ |
+ (–) |
+ |
IE9+ |
+ (заст.) |
+ |
– |
Safari |
– |
+ |
+ |
Множинні елементи SOURCE
<video width="320" height="240“ controls="controls">
<source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> <source src="movie.webm" type="video/webm" />
<P> Скачайте відео по
<A HREF="video.avi">посиланню</A> </video>
<AUDIO>
<audio controls>
<source src="audio/music.ogg" type='audio/ogg; codecs=vorbis'>
<source src="audio/music.mp3" type="audio/mpeg">
<a href="audio/music.mp3">Скачуйте музику</a>.
</audio>
<VIDEO>, <AUDIO> та JavaScript
•Нові події тегів
•Призначені для користувача елементи управління
•Прокрутка, сповільнене і прискорене відтворення
•Додавання субтитрів до відео
•Синхронізація декількох медіатреків
•Відеоконференції
Тег <EMBED>
<embed src="images/mouse.swf" width="400" height="300" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
<embed src="melody.mid" width="140" height="40" autostart="false"></embed>
<embed src="sound.wav" width="120" height="40" autostart="false"></embed>
|
Атрибути <EMBED> |
ALIGN |
Визначає як об'єкт вирівнюватиметься на сторінці і спосіб |
|
його обтікання текстом. |
HEIGHT |
Висота об'єкту. |
HIDDEN |
Вказує, приховати об'єкт на сторінці чи ні. |
HSPACE |
Горизонтальний відступ від об'єкту до довколишнього |
|
контента. |
PUGINSPAGE |
Адреса сторінки в Інтернеті, звідки можна викачати і |
|
встановити плагин до браузеру.. |
SRC |
Дорога до файлу. |
TYPE |
MIME-тип об'єкту. |
VSPACE |
Вертикальний відступ від об'єкту до довколишнього |
|
контента. |
WIDTH |
Ширіна об'єкту. |
API геолокації
<!DOCTYPE html> <html>
<body>
<script>
function show_map(position) {
var latitude = position.coords.latitude; var longitude = position.coords.longitude;
document.write("Широта: "+latitude+"<BR>"); document.write("Долгота: "+longitude+"<BR>");
}
function get_location()
{ navigator.geolocation.getCurrentPosition(show_map);
}
</script>
<H1>Ваші координати:</H1> <script>
get_location(); </script> </body> </html>