- •Изображения
- •Активные карты изображений
- •Создание карты
- •Для прямоугольника задаются четыре координаты:
- •Для многоугольника задаются координаты всех вершин
- •Создание таблиц
- •-текст;
- •Если число равно нулю или этот атрибут отсутствует, то таблица будет без рамки.
- •Атрибуты ячеек и строк
- •2) вертикальное выравнивание:
- •Б. Для ячеек
- •Для заголовка таблицы применяются теги контейнера
- •Пример:
- •Использование фреймов
- •В первом случае мы указываем соотношения окон в абсолютных размерах (в пикселях),
- •Пример:
- •При использовании ссылок во фреймах можно:
- •4)- менять содержимое всего окна браузера;
- •Родительский фрейм отличается от всего окна браузера только в том случае, если Вы
- •Пример 1.
- •Пример 2.
- •Создание форм
- •Поля
- •2) “radio” - группа кнопок типа «радио» (то есть группа зависимых кнопок);
- •“reset” - кнопка для сброса введенной информации;
- •3) “file” - для присоединения имени файла для отправки на сервер.
- •Здесь:
- •- selected – первоначально отмеченный элемент в списке или меню.
- •Новые элементы форм
- •Пример1.
- •3. button - расширяет функциональные возможности кнопок. Имеет атрибут
- •Пример 2.
- •Пример 3.
- •4. optgroup - позволяет группировать пункты в элементе SELECT.
- •Пример 4.
- •Более того, каждую группу можно раскрасить в свой цвет с помощью CSS. Для
- •Пример 5.
Здесь:
-size=3 – будет показываться список из трех элементов с прокруткой;
-если нет атрибута size или size равно нулю или единице, то показывается меню;
-multiple – можно помечать несколько элементов списка или меню (по Ctrl+);
- selected – первоначально отмеченный элемент в списке или меню.
<option> может иметь атрибут value=“значение”, задающий, что посылается на сервер, если этот элемент отмечен.
Если value отсутствует, то на сервер отсылается текст поля (Яблоко, Арбуз).
Значение в лучше записывать латинскими буквами,
чтобы не зависеть от кодировки, в которой пришли данные по <select>.
Новые элементы форм
1. fieldset - позволяет группировать элементы форм. Данная группировка помогает пользователям проще
ориентироваться в формах. На элемент fieldset можно писать стили, то есть,
например, можно сделать рамку любого цвета или ещё что-то.
2. legend - позволяет группе дать имя.
Пример1.
<form>
<fieldset style="border: 2px solid #000; padding: 10px; width: 300px; height:400px;">
<legend>Ваш комментарий</legend> <P>Некоторый комментарий,
касающийся данной темы</P>
<table><tr><td>Имя:</td> <td><input size=12></td></tr>
<tr><td>e-mail:</td><td><input size=12></td></tr>
<tr><td>Страна:</td><td>
<select>
<option selected>Донецк </option> </select>
</td></tr>
<tr><td colspan=2>Комментарий:<br>
<textarea rows=4 cols6></textarea></td></tr>
<tr><td colspan=2>
<input type="submit" value="Отправить"></td></tr>
</table>
</fieldset>
</form>
3. button - расширяет функциональные возможности кнопок. Имеет атрибут
type, который может принимать значения submit, reset и button.
Внутри элемента button можно с размещать другие HTML-элементы, так что можно сделать кнопку с текстом и/или рисунком.
Пример 2.
<button type="button">Кнопка <img src="flower.gif" border=0 width=30 height=30 alt="кнопка с рисунком" > </button>
Получаем:
Пример 3.
Можно вместо рисунка поместить внутрь что-то другое, например,таблицу.
<button type="button">
<table border=1 cellspacing=0 width=200> <tr>
<td>Нажми на кнопку</td> <td>Получишь результат</td>
</tr>
</table>
</button>