- •Изображения
- •Активные карты изображений
- •Создание карты
- •Для прямоугольника задаются четыре координаты:
- •Для многоугольника задаются координаты всех вершин
- •Создание таблиц
- •-текст;
- •Если число равно нулю или этот атрибут отсутствует, то таблица будет без рамки.
- •Атрибуты ячеек и строк
- •2) вертикальное выравнивание:
- •Б. Для ячеек
- •Для заголовка таблицы применяются теги контейнера
- •Пример:
- •Использование фреймов
- •В первом случае мы указываем соотношения окон в абсолютных размерах (в пикселях),
- •Пример:
- •При использовании ссылок во фреймах можно:
- •4)- менять содержимое всего окна браузера;
- •Родительский фрейм отличается от всего окна браузера только в том случае, если Вы
- •Пример 1.
- •Пример 2.
- •Создание форм
- •Поля
- •2) “radio” - группа кнопок типа «радио» (то есть группа зависимых кнопок);
- •“reset” - кнопка для сброса введенной информации;
- •3) “file” - для присоединения имени файла для отправки на сервер.
- •Здесь:
- •- selected – первоначально отмеченный элемент в списке или меню.
- •Новые элементы форм
- •Пример1.
- •3. button - расширяет функциональные возможности кнопок. Имеет атрибут
- •Пример 2.
- •Пример 3.
- •4. optgroup - позволяет группировать пункты в элементе SELECT.
- •Пример 4.
- •Более того, каждую группу можно раскрасить в свой цвет с помощью CSS. Для
- •Пример 5.
Изображения
<img src=“имя.gif” >
• =“имя.jpg”
• =“имя.png”
Формат .gif может –включать анимацию, где фрагменты повторяются.
Часто применяются атрибуты размера изображения в пикселях:
ширина – width высота – height
Часто применяется атрибут alt=“альтернативный текст”
Если параметры рисунка не заданы, то браузер начинает расставлять текст только после того, как получены все изображения страницы
Если параметры рисунков заданы, то браузер, зная где их будет ставить, сразу расставляет текст.
Рисунок может быть ссылкой <a href=“URL”>
<img src=“имя_рисунка”> </a>
Активные карты изображений
Такие карты могут быть для:
–Для сервера, которые в настоящее время мало применяются;
–Для клиента, которые сейчас более распространены
Создание карты
1.<img src=“URL_рисунка”>
2.Должен быть атрибут usemap, где идет описание карты
<img src=1.gif usemap=“#my_map” alt=“Активная карта”>
my_map – название карты;
#- описание карты находится в этом же файле
3. При помощи тега <map>…</map>
Описываются области разбиения карты и соответствующие их адреса.
<map name=“my_map”>
Области карты:
<area shape=“начертание” coords =“x1,y1,x2,y2,…” href=“URL”>
</map>
Тег <area> задает подобласти изображения.
Атрибут shape задает форму области: “rect” – область прямоугольник, “circle” – область круг,
“polygon” - область замкнутый многоугольник.
Атрибут coords задает координаты области в пикселях относительно левого верхнего угла рисунка, который имеет координаты (0,0).
Для прямоугольника задаются четыре координаты:
(X_l_u,Y_l_u, X_r_d,Y_r_d).
Для круга – три координаты (центр- x1,y1; радиус - R)
Для многоугольника задаются координаты всех вершин
(x1,y1,x2,y2,……..xn,yn).
Создание таблиц
Используется контейнер <table>……</table>
Для задания строки <tr>….</tr> Для задания ячейки <td>….</td> В ячейке может находиться: