Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Все теги A-Z.doc
Скачиваний:
1
Добавлен:
20.08.2019
Размер:
1.53 Mб
Скачать

Синтаксис

<BR clear="all | left | right | none">

Аргументы

all

Отменяет обтекание элемента одновременно с правого и левого края.

left

Отменяет обтекание с левой стороны элемента, расположенного после тега <BR>.

right

Отменяет обтекание с правой стороны элемента.

none

Отменяет действие данного свойства.

Значение по умолчанию

Нет.

Пример 2. Отмена обтекания текста

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <div style="float: left; background: #fd0; border: solid 1px black; padding: 10px; width: 40%"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </div> <br clear="left"> Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. </body> </html>

Примечание

Использование параметра clear в спецификации HTML 4 осуждается и взамен рекомендуется применять элемент CSS clear — BR { clear: both | left | none | right }.

Тег BUTTON

Описание

Тег <BUTTON> создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега <INPUT> (с параметром type="button | reset | submit"). В отличие от этого тега, <BUTTON> предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. Используя стили можно определить вид кнопки путем изменения шрифта, цвета фона, размеров и других параметров.

Кнопка с текстом  Кнопка с рисунком

Теоретически, тег <BUTTON> должен располагаться внутри формы, устанавливаемой элементом <FORM>. Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с тегом BUTTON, если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, помещать <BUTTON> в контейнер <FORM> обязательно.

Синтаксис

<form>  <button>...</button> </form>

Параметры

disabled

Блокирует доступ и изменение элемента.

type

Тип кнопки — обычная, для отправки данных формы на сервер или для очистки формы.

value

Значение кнопки, которое будет отправлено на сервер или прочитано с помощью сприптов.

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

Обязателен.

Пример 1. Использование тега <BUTTON>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <p align="center"> <button>Кнопка с текстом</button> <button><img src="/images/umbrella.gif" align="absmiddle"> Кнопка с рисунком</button> </p> </body> </html>

Описание параметров тега <BUTTON>

Параметр DISABLED

Описание

Блокирует доступ и изменение кнопки. Она в таком случае отображается серой и недоступной для активации пользователем. Кроме того, такая кнопка не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, такое состояние кнопки можно изменять через скрипты.

Синтаксис

<button disabled>...</button>

Аргументы

Нет.

Значение по умолчанию

По умолчанию это значение выключено.

Пример 2. Использование параметра disabled

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form> <button>Активная кнопка</button> <button disabled>Неактивная кнопка</button> </form> </body> </html>

Активная кнопка  Неактивная кнопка

Параметр TYPE

Описание

Определяет тип кнопки, который устанавливает ее поведение в форме. По внешнему виду кнопки разного типа никак не различаются, но у каждой такой кнопки свои функции.

Синтаксис

<button type="button | reset | submit">...</button>

Аргументы

button

Обычная кнопка.

reset

Кнопка для очистки введенных данных формы и возвращения значений в первоначальное состояние.

submit

Кнопка для отправки данных формы на сервер.

Значение по умолчанию

button

Пример 3. Использование параметра type

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form action="/cgi-bin/handler.cgi"> ... <button type="reset">Очистить форму</button> <button type="submit">Отправить форму</button> </form> </body> </html>

Параметр VALUE

Описание

Определяет значение кнопки, которое будет отправлено на сервер. На сервер отправляется пара «имя=значение», где имя задается параметром name тега <BUTTON>, а значение — параметром value. Значение может, как совпадать с текстом на кнопке, так быть и самостоятельным. Также параметр value применяется для доступа к данным через скрипты.

Синтаксис

<button value="значение">...</button>

Аргументы

Любая текстовая строка.

Значение по умолчанию

Нет.

Пример 4. Значение кнопки

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form action="/cgi-bin/handler.cgi"> ... <button value="11111010101" name="hidden" type="submit">Отправить форму</button> </form> </body> </html>

Тег CAPTION

Описание

Тег <CAPTION> предназначен для создания заголовка к таблице и может размещаться только внутри контейнера <TABLE>, причем сразу после открывающего тега. Такой заголовок представляет собой текст, отображаемый перед таблицей и описывающий ее содержание.

Таблица 1. Пример создания заголовка таблицы с помощью тега <CAPTION>

 

Чебурашка

Крокодил Гена

Шапокляк

Съел, кг

5

2

1

Выпил, л

6

8

2

Смог, раз

5

5

1