Архитектура Аудит Военная наука Иностранные языки Медицина Металлургия Метрология
Образование Политология Производство Психология Стандартизация Технологии


Как вставить музыку в html файл?



Просто вставьте данный скрипт в вашу страничку:

< SCRIPT LANGUAGE=" JavaScript" > <! -- Hide the script from old

browsers

function BGSound()

// find out what browser it is

var Cmd = " "

var Brwsr = window.navigator.appName

if (Brwsr == " Microsoft Internet Explorer" )

// Use BGSOUND for MSIE

Cmd = " < BGSOUND SRC=" + " music.mid" + " > "

else

// Everyone else gets EMBED

Cmd =" < EMBED SRC='music.mid' HIDDEN=TRUE> "

return Cmd

// do it!

document.write(BGSound())

// end hiding here -->

< /SCRIPT>

Как сделать так, чтобы при наведении мышки на текст с ссылкой, он (текст) поменял цвет?

Вставьте данный скрипт в вашу страничку:

< SCRIPT language=" JScript" >

<! --

ua=navigator.userAgent;

v=navigator.appVersion.substring(0, 1);

if ((ua.lastIndexOf(" MSIE" )! =-1) & & (v! ='1') & & (v! ='2') & &

(v! ='3')) document.body.onmouseover=makeCool;

document.body.onmouseout=makeNormal;

function makeCool()

src = event.toElement;

if (src.tagName == " A" ) src.oldcol = src.style.color; src.style.color = " FF0000"; function makeNormal() src=event.fromElement; if (src.tagName == " A" ) src.style.color = src.oldcol; //--> < /SCRIPT>

Как сделать неподчеркнутые ссылки? Вставить в < head> вот такой кусок:

< STYLE type=" text/css" >

<! --

A: link text-decoration: none;

A: visited text-decoration: none;

A: active text-decoration: none;

A: hover text-decoration: none;

-->

< /STYLE>

Как сделать кнопку «Back»?

< a href=" javascript: history.back()" > Hазад< /a>

Что такое «форма»?

Форма начинается и заканчивается тэгами < FORM>, она может содержать различные поля и кнопки.

Формат:

< FORM ACTION=" URL" METHOD=" GET/POST" >

....

< /FORM>

В поле ACTION — адрес программы, которая будет запущена по нажатию кнопки Sumbit(срабатывание формы). Поле METHOD может принимать одно из двух значений: GET или POST. GET — введенная пользователем информация помещается в конец URL.

Поскольку размер формы может быть большой, то получится большой URL при выполнении формы.

POST — информация от пользователя вливается в общий поток данных

Что такое «разворачивающиеся списки»? Формат:

< SELECT NAME=" name" >

< OPTION SELECTED> Text_1< /OPTION>

< OPTION> Text_2< /OPTION>

< OPTION> ...... < /OPTION>

< OPTION> Text_N< /OPTION>

< /SELECT>

NAME — уникальное имя элемента. Каждый элемент должен иметь уникальное имя, чтобы при получении введенной пользователем информации. < OPTION> < /OPTION> — добавляет новый элемент списка. Внутри тэга вводится имя этого элемента.

Если у элемента определена опция VALUE, программе-обработчику будет передано указанное значение, иначе — сам текст элемента.

Также один любой элемент может быть исходно выделен. Для этого используется опция SELECTED внутри тега < OPTION>.

Что такое «список со множественным выбором»?

Формат такой же как и у обычного разворачивающегося списка, только в тег SELECT добавляются еще две опции:

< SELECT NAME=" name" SIZE=" 2" MULTIPLE=" MULTIPLE" > < OPTION VALUE=" 1" > Text_1< OPTION> < OPTION VALUE=" 2" > Text_2< OPTION> < SELECT>

SIZE — определяет сколько элементов должно одновременно отображаться в списке.

MULTIPLE — указывает, что одновременно можно выбрать более одного элемента из списка.

VALUE — дает команду посылать заданный параметр _вместо_ текста между тэгом < OPTION>.

Что такое «флажки»? Формат: < INPUT TYPE=" CHECKBOX" NAME=" name" VALUE=" value" >

Что такое «переключатели»?

Отличие переключателей от флажков в том, что вы можете выбрать только один переключатель из группы name, но любое количество флажков.

Формат:

< INPUT TYPE=" RADIO" NAME=" name" VALUE=" value" >

Что такое «текстовые поля»? Формат: < INPUT TYPE=" TEXT" NAME=" name" SIZE=" XX" MAXLENGTH=" XX" >

MAXLENGTH — указывает максимально возможную длину вводимой строки.

SIZE — видимый размер поля.

Что такое «текстовые области»? Формат:

< TEXTAREA NAME=" name" ROWS=" XX" COLS=" XX" > ROWS — количество строк.

COLS — количество символов в строке.

Что такое «парольные поля»? Формат:

< INPUT TYPE=" PASSWORD" NAME=" name" SIZE=" XX" MAXLENGTH=" XX" > Отличие от простого текстового поля только в том, что вводимые

символы на экране не изображаются (заменяются звездочками).

Что такое «скрытые поля»?

Формат:

< INPUT TYPE=" HIDDEN" NAME=" name" VALUE=" value" >

Данное поле нужно для передачи параметров программе-обработчику без предоставления пользователю возможности поменять их.

Для чего нужны кнопки Submit & Reset? Формат:

< INPUT TYPE=" SUBMIT" VALUE=" Отправить" > < INPUT TYPE=" RESET" VALUE=" Сброс" >

По кнопке SUBMIT происходит отправка формы, а по кнопке RESET — сброс в исходное состояние.

Мне нужно, чтобы формы отсылались на мой e-mail. Как это сделать?

а) Если надо отослать одно поле, то подойдет следующая конструкция:

< FORM ACTION=" mailto: your@email" METHOD=" POST" >

б) Если же полей много (имя, фамилия), то надо использовать ха-лявные сервера со скриптами — например, cgi-free. Недостаток — реклама: перекидывает после Послать на страничку с своей рекламой.

< FORM action=" http: //www.cgi-ree.com/mailer.cgi? your@email; temp.htm" method=POST name=" form1" >

Здесь your@email — ваш email (на который вышлется), temp.htm — полный адрес к странички благодарности «что вы заполнили форму»

Как использовать «карту»?

Для того, чтобы при нажатии на определенную область картинки происходил переход на один адрес, а при нажатии в другой области — на другой, то проще всего воспользоваться следующей конструкцией:

< IMG SRC=" адрес_картинки" USEMAP=" #имя_мэпа" >

В любом месте html-файла описать сам " мэп" (карту):

< MAP NAME=" имя_мэпа" > < AREA элементы> < /MAP>

Где «элементы»:

  1. SHAPE — очертания области. Принимает значения: RECT, CIRCLE, POLY. По умолчанию RECT.

а) RECT — прямоугольник. COORDS=" x1, y1, x2, y2" x и y задают координаты верхнего левого и нижнего правого углов.

б) CIRCLE — круг. COORDS=" x0, y0, r" x0 и y0 — координаты центра. r — радиус.

в) POLY — многоугольник. COORDS=" x1, y1, x2, y2, x3, y3..." x и y — координаты вершин.Все координаты указываются в пикселах, за исключением случаев COORD=" 0, 0, 50%, 100%" (в процентах).

  1. COORDS — координаты области. Форма, определяемая SHAPE.
  2. HREF — адрес документа (URL)
  3. NOHREF — означает, что этот регион не действует. Используйте его — когда хотите «вырезать» область.
  4. ALT — текстовое описание области. Используется для того, чтобы показывать текстовые метки, которые могут высвечиваться в строке статуса, когда мышь или другое устройство управления курсором находится над горячей зоной, или же для создания текстовой строки для неграфической программы просмотра.

Обратите внимание, что при описании «мэпа» пишется просто имя_мепа, а при описании картинки пишется #имя_мэпа. Пример:

< IMG SRC=" Stamp.GIF" HEIGHT=168 WIDTH=173 USEMAP=" #m1" > < map name=" m1" >

< area href=" file1.htm" shape=rect coords=" 0, 0, 50, 50" > < area href=" file2.htm" shape=circle coords=" 50, 0, 100" > < /map>

Так же можно воспользоваться специальными программами для нарезки мэпов.

Как отформатировать текст по ширине? < p align=" justify" > text < /p>

Как изменить абзацный отступ?

< p style=" text-indent: 15pt" >... Абзац...< /p>

Как можно изменить параметры < hr>?

  • SIZE=xx — Атрибут указывает высоту линии.
  • WIDTH=xx — Пикселы или проценты. Длина линии.
  • ALIGN=word — Выравнивание (CENTER, LEFT, RIGHT).
  • NOSHADE — Атрибут для создания линий без тени.
  • COLOR=word — Имя цвета или # RRGGBB. Цвет линии. Работает только в IE.

Тэг < HR > можно (но не нужно) использовать для создания окружностей:

< HR NOSHADE SIZE=100 WIDTH=" 1%" > (SIZE — диаметр)

Примеры:

< HR COLOR=" red" NOSHADE SIZE=1 WIDTH=" 90%" >

< HR COLOR=" #cdef1a" SIZE=2 WIDTH=" 500" ALIGN=CENTER>


Поделиться:



Популярное:

Последнее изменение этой страницы: 2017-03-03; Просмотров: 589; Нарушение авторского права страницы


lektsia.com 2007 - 2024 год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! (0.026 с.)
Главная | Случайная страница | Обратная связь