Навигация по сайту

Интересное

Проверено

VDS-хостинг - именно на этом хостинге работает наш сайт.

Sape - биржа временных ссылок, доход 80р/день.

Trustlink - биржа временных ссылок, доход 60р/день.

GogetLinks - биржа вечных ссылок, доход 100р/день.

Партнеры

Последние сообщения с форума

Название темы	Автор	Статистика	Последнее сообщение
продажа аккаунтов разных сервисов Тема в разделе: Услуги и сервисы ваших web-сайтов	Sdelkin	Просмотров: 183975 Ответов: 26	Автор: Sdelkin 3-02-2018, 18:55
хостинг от M-HOSTER Тема в разделе: Хостинг	wmmax	Просмотров: 57963 Ответов: 0	Автор: wmmax 1-02-2018, 15:42
Комплексное продвижение (прогон) сайтов ру и en Тема в разделе: Поисковая оптимизация	Kysovue	Просмотров: 145315 Ответов: 73	Автор: Kysovue 25-01-2018, 21:16
Special offer! SSD NVMe хостинг, Выделенный сервер и VPS SSD Тема в разделе: Хостинг	iphoster	Просмотров: 61525 Ответов: 0	Автор: iphoster 10-11-2017, 22:56
продвижение сайтов, прогоны Тема в разделе: Поисковая оптимизация	brig2	Просмотров: 78438 Ответов: 7	Автор: brig2 5-11-2017, 14:00

Как использовать тэги FIELDSET и LEGEND в Web дизайне

Дата: 28-03-2011, 20:24 Автор: Golden Категория: HTML и DHTML

Как использовать тэги FIELDSET и LEGEND в Web дизайне

В этой статье я расскажу вам об одном из элементов html, с помощью которого удобно оформлять заголовки картинок, форм и тематических блоков сайта. Эти элементы называются

<fieldset /> и <legend />.

Давайте посмотрим, что я имею в виду:

1. Контейнер для любого контента.

Первый образец - это скриншот сайта. Этот сайт полностью основан на использовании связки FIELDSET+LEGEND. Каждая статья помещена в тег FIELDSET, а заголовок отображен с помощью тега LEGEND.

2. Контейнер для изображений

В этом примере связка FIELDSET+LEGEND использованы для оформления изображения:

3. Контейнер для форм.

Использование этих тегов для форм - главная цель их создания. Если в вашей форме несколько полей, вы можете объединить их с помощью FIELDSET+LEGEND.

Итак, как же эти теги использовать?

Посмотрим на схему:

<fieldset>
<legend>Здесь пишем название изображения или формы</legend>
Сюда помещаем содержание (картинку, форму или другой контент)
</fieldset>