« 1 2 3 4 »
Код
[b]Тег <audio>[/b]

Добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице. Путь к файлу задается через атрибут src или вложенный тег . Внутри контейнера можно написать текст, который будет выводиться в браузерах, не работающих с этим тегом.
Код
[b]Синтаксис[/b]
<audio src="URL"></audio>
<audio>
  <source src="URL">
</audio>

Цитата
Атрибуты
autoplay Звук начинает играть сразу после загрузки страницы.
Код
<audio autoplay="autoplay">
</audio>

controls Добавляет панель управления к аудиофайлу.
Код
<audio controls="controls">
</audio>

loop Повторяет воспроизведение звука с начала после его завершения.
Код
<audio loop="loop">
</audio>

preload Используется для загрузки файла вместе с загрузкой веб-страницы.
Код
<audio preload="none | metadata | auto">
</audio>
[b]none[/b] Не загружать аудиофайл.
[b]metadata[/b] Загрузить только служебную информацию (продолжительность звучания и др.).
[b]auto[/b] Загрузить аудиофайл целиком при загрузке страницы.


src Указывает путь к воспроизводимому файлу.

Код
<audio src="URL">
</audio>


примеры
Код
<audio controls>
  <source src="audio/music.ogg" type="audio/ogg; codecs=vorbis">
  <source src="audio/music.mp3" type="audio/mpeg">
  Тег audio не поддерживается вашим браузером.  
  <a href="audio/music.mp3">Скачайте музыку</a>.
  </audio>

Код
<audio autoplay>
  <source src="audio/music.ogg" type='audio/ogg; codecs=vorbis'>
  <source src="audio/music.mp3" type="audio/mpeg">
  Тег audio не поддерживается вашим браузером. <a href="audio/music.mp3">Скачайте музыку</a>.
  </audio>

Код
<audio controls>
  <source src="audio/music.ogg" type='audio/ogg; codecs=vorbis'>
  <source src="audio/music.mp3" type="audio/mpeg">
  Тег audio не поддерживается вашим браузером. <a href="audio/music.mp3">Скачайте музыку</a>.
  </audio>

Код
<audio autoplay loop>
  <source src="audio/music.ogg" type='audio/ogg; codecs=vorbis'>
  <source src="audio/music.mp3" type="audio/mpeg">
  Тег audio не поддерживается вашим браузером. <a href="audio/music.mp3">Скачайте музыку</a>.
  </audio>

Код
<audio autoplay preload="metadata">
  <source src="audio/music.ogg" type='audio/ogg; codecs=vorbis'>
  <source src="audio/music.mp3" type="audio/mpeg">
  Тег audio не поддерживается вашим браузером. <a href="audio/music.mp3">Скачайте музыку</a>.
  </audio>

Код
<audio src="audio/music.ogg" controls="controls">
Категория: html | Просмотров: 366 | Добавил(а): antina | Дата: 16.02.2015 | Комментарии (0)

Звук на странице

Тег <bgsound> определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии. 

Громкость, продолжительность звучания музыки и другие характеристики определяются с помощью атрибутов тега Этот тег размещается в контейнере <head>.


Синтаксис

<head>

  <bgsound атрибуты>

</head>

Атрибуты

balance

Управляет балансом звука между правой и левой колонками.

loop

Устанавливает, сколько раз проигрывать музыкальный файл.

src

Путь к музыкальному файлу.

volume

Задает громкость звучания музыки.

Закрывающий тег

Не обязателен.


Пример

 

<bgsound src="URL" loop="число" balance="число" volume="число">

loop="число" Значение 0 проигрывает файл один раз, -1 проигрывает музыку до тех пор, пока текущая веб-страница открыта. 

Любое целое положительное число заставляет браузер проигрывать музыкальный файл указанное число раз.

src="URL" Путь к музыкальному файлу, который будет проигрываться на веб-странице. Список допустимых типов файлов зависит от браузера и его настроек, 

но популярные форматы, например, MIDI поддерживается браузером без установки дополнительных плагинов.

balance="число" Целое число от -10000 до 10000. Значение ноль служит для баланса громкости,

 отрицательные числа увеличивают громкость в левой колонке, а положительные — в правой.

volume="число" Целое число от -10000 до 0. Ноль соответствует максимальной громкости звучания

Категория: html | Просмотров: 315 | Добавил(а): antina | Дата: 14.02.2015 | Комментарии (0)
Код
<!-- --> Определяют комментарии
<!DOCTYPE> Определяет тип документа
<a> </a> Определяют гиперссылку
<abbr> </abbr> Определяют аббревиатуру
<address> </address> Отображают текст в формате адреса
<area /> Определяeт активную область навигационной карты
<article> </article> oпределяют внешний контент
<aside> </aside> дополнительный контент
<audio> </audio> определяют фоновый звук
<b> </b> Отображают часть текста полужирным шрифтом
<bdo> </bdo> Определяют направление текста
<blockquote> </blockquote> Определяют блочную цитату
<body> </body> Определяют тело документа

Осуществляет перенос строки
<button> </button> Создают кнопку
<caption> </caption> Определяют надпись над таблицей
<cite> </cite> Преобразуют текст в наклонный (курсивный)
<code> </code> Преобразуют текст в моноширинный
<col /> Определяет свойства колонок таблицы
<colgroup> </colgroup> Группируют колонки таблицы
<command> </command> добавляют команду к кнопке
<datalist> </datalist> определяют допустимые значения
<dd> </dd> Определяют определение списка определений
<del> </del> Отображают перечеркнутый текст
<details> </details> определяют детали документа
<dialog> </dialog> определяют диалог
<dfn> </dfn> Преобразуют шрифт в наклонный
<dir> </dir> Не поддерживаются в HTML 5
<div> </div> Определяют секцию документа
<dl> </dl> Создают список определений
<dt> </dt> Oпределяют определяемый термин
<em> </em> Преобразуют текст в наклонный (курсивный)
<embed /> внедряет интерактивный объект
<fieldset> </fieldset> Объединяют элементы формы
<figure> </figure> группируют элементы страницы
<footer> </footer> нижняя часть документа
<form> </form> Определяют HTML форму
<h1> </h1> – <h6> </h6> Определяют заголовки
<head> </head> Содержат информацию о документе, инструкции
<header> </header> верхняя секция документа
<hgroup> </hgroup> определяют группу заголовков
<hr /> Создает горизонтальную линию
<html> </html> Определяют HTML документ
<i> </i> Преобразуют текст в наклонный (курсивный)
<iframe> </iframe> Создают документ внутри документа
<img /> Определяет изображение
<input /> Создаeт поля для ввода данных, кнопки
<ins> </ins> Преобразуют текст в подчеркнутый
<kbd> </kbd> Преобразуют текст в моноширинный
<label> </label> Определяют лeйбу для тега <input />
<legend> </legend> Заголовок для тегов <fieldset> </fieldset>
<li> </li> Определяют элемент (пункт) списка
<link /> Определяет ссылку на внешний источник
<map> </map> Определяют навигационную карту
<mark> </mark> определяют важную часть текста
<menu> </menu> Определяют список-меню
<meta /> Содержит информацию о документе
<nav> </nav> определяют группу ссылок
<noscript> </noscript> Предупредят если браузер не читает скрипты
<object /> Внедряет объекты в web-страницу
<ol> </ol> Определяют упорядоченный (нумерованный) список
<optgroup> </optgroup> Определяют группу елементов <option> </option>
<option> </option> Определяют элемент выпадающего списка
<p> </p> Определяют параграф
<param /> Определяет проигрыватель
<pre> </pre> Определяют отформатированный текст
<q> </q> Определяют короткую цитату
<samp> </samp> Преобразуют текст в моноширинный
<script> </script> Определяют скрипт
<section> </section> определяют секцию документа
<select> </select> Определяют выпадающий список
<small> </small> Преобразуют обычный текст в текст более мелкий
<span> </span> Определяют линейную секцию в документе
<strike> </strike> Не поддерживаются в HTML 5
<strong> </strong> Преобразуют шрифт в полужирный
<style> </style> Определяют стилевые описания
<sub> </sub> Преобразуют обычный текст в текст в нижнем индексе
<sup> </sup> Преобразуют обычный текст в текст в верхнем индексе
<table> </table> Определяют таблицу
<tbody> </tbody> Определяют тело таблицы
<td> </td> Определяют ячейку таблицы
<textarea> </textarea> Определяют текстовое поле
<tfoot> </tfoot> Определяют нижнюю часть таблицы
<th> </th> Определяют заголовок таблицы
<thead> </thead> Определяют верхнюю часть таблицы
<time> </time> определяют дату или время
<title> </title> Определяют основной заголовок документа
<tr> </tr> Определяют табличный ряд
<ul> </ul> Определяют ненумерованный список
<var> </var> Определяют переменную
<video> </video> внедряют видео в web-страницу
Категория: html | Просмотров: 404 | Добавил(а): antina | Дата: 07.02.2015 | Комментарии (0)

страница сайта в html



В голове сайта пишите название, ключевые слова, описание.
Код
<head>  
<title>Название страницы</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"
<meta name="keywords" content="Ключевые слова">
<meta name="description" content="описание сайта на странице результатов поиска">
<meta name="robots" content="all"/>
<meta name="robots" content="noindex, follow"/>
<link href="/*.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/Путь/favicon.ico" type="image/x-icon">
<script src="/Путь к скрипту/*.js"></script>
</head>

в тело вставляете, шапку, меню, контент, низ.
Код
<body >
<table width="100%" border="1" cellspacing="10" cellpadding="10">  
<tr>  
<td colspan="2">Шапка сайта</td>
</tr>
<tr>  
<td width="120"><p>меню</p>
<p>сайта</p></td>
<td width="100%">Контент</td>
</tr>
<tr>  
<td colspan="2">Футер</td>
</tr>
</table>
</body >
Категория: html | Просмотров: 333 | Добавил(а): antina | Дата: 01.02.2015 | Комментарии (0)

Атрибуты тега MARQUEE.

direction=" " - атрибут устанавливающий направление скроллинга:
Значения:
left - движение справа налево (по умолчанию)
right - движение слева направо
up - движение снизу верх
down - движение сверху вниз
behavior=" " - атрибут устанавливающий тип скроллинга:
Значения:
scroll - скроллинг в одном из заданных направлений (по умолчанию)
slide - одноразовый скроллинг с остановом контента
alternate - возвратно-поступательный скроллинг

width=" " - устанавливает ширину блока для строки
height=" " - устанавливает высоту блока
hspace=" " - отступа в пикселях от вертикальных границ блока
vspace=" " - отступ в пикселях от горизонтальных границ блока

bgcolor=" " - атрибут устаналивающий параметр цвета фона скроллинга
style=" " - атрибут указывает стиль форматирования блока и контента
class=" " - атрибут внедрение стиля форматирования блока и контента

loop=" " - определяет количество циклов перемещения
"-1" или "infinite" - безконечное перемещение наполнения в блоке
"N" - целое число, задающее количество показов в блоке
bgcolor=" " - атрибут устаналивающий параметр цвета фона скроллинга
Атрибут scrollAmount - устанавливает скорость движения строки.

 



Готовые шаблоны бегущей строки, вставляйте только и изменяйте параметры.

 

Код

<marquee>простая строка - по умолчанию</marquee>

<marquee width="500px" height="20px">заданные размеры блока строки</marquee>

<marquee bgcolor="#00FF33" width="500px" height="20px">меняем фон блок</marquee>

<marquee direction="right" bgcolor="#00FF33" width="500px" height="20px">движение слева направо</marquee>

<marquee behavior="alternate" bgcolor="#00FF33" width="500px" height="20px" >постоянное движение</marquee>

<marquee direction="up" bgcolor="#00FF33" width="150px" height="50px">снизу вверх</marquee>

<marquee direction="down" bgcolor="#00FF33" width="150px" height="50px">сверху вниз</marquee>

<marquee behavior="alternate" direction="right" scrollAmount="1" bgcolor="#00FF33" width="500px" height="20px">меняем скорость на маленькую</marquee>

<marquee direction="down" behavior="alternate" scrollAmount="1" bgcolor="#00FF33" width="300px" height="50px">медленное движение текста снизу вверх и наоборот </marquee>

<marquee behavior="alternate" direction="right" scrollAmount="1" bgcolor="#00FF33" width="500px" height="20px">строка со ссылкой на <a href="адрес сайта"rel=nofollow" title="сайт с примерами">сайт с примерами</a></marquee>

<marquee direction="right" scrollAmount="4" bgcolor="#00FF33" width="500px" height="100px"><img src="адрес рисунка" alt="бегущая строка с изображением"</marquee>

Категория: html | Просмотров: 364 | Добавил(а): antina | Дата: 15.01.2015 | Комментарии (0)
каждый желающий может легко написать сайт, используя коды html. это как конструктор, просто берутся элементы и складываются..как нравится..

список кодов html














Категория: html | Просмотров: 984 | Добавил(а): antina | Дата: 27.04.2014 | Комментарии (0)

коды html для новичков в верстке сайта

- <a href="Здесь ссылка">текст</a> - ссылка на страницу. 
Если добавить "target="_blank"", то ссылка будет открываться в новом окне. пример: <a href="Здесь ссылка" target="_blank">Текст</a> 
Если добавить "title=""", то при наведении курсора на мышку будет выводиться текст. Пример: <a href="Здесь ссылка" title="Привет">Текст</a>

<hr>

- <area> - оперделяет геометрические области внутри карты и ссылки, связанныес каждой областью.
Если добавить "shape="rect" (circle, poly)" то будет выводиться тип оласти круг или прямоугольник(rect - прямоугольник, circle - круг, poly - многоугольник). Пример:  <area shape="rect">
Если добавить alt="описание" - будет выводиться описание, подсказка. Пример: <area alt="описание">
Если добавить href="тут ссылка" то поле будет ссылкой. Пример: <area href="тут ссылка">

... Читать дальше »

Категория: html | Просмотров: 1065 | Добавил(а): antina | Дата: 01.04.2014 | Комментарии (0)