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

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

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

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

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

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

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

Mihaela Drumitascu - 2008

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

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

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

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

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

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.graphicrating.com
Перевел: Сергей Патин
Урок создан: 10 Марта 2009
Просмотров: 34617
Правила перепечатки

5 последних уроков рубрики "HTML и DHTML"

^ Наверх ^