Лекция: CAPTION

(HTML 3.2) — Caption
Задает заголовок таблицы. Содержание заголовка должно состоять только из текста. Использование блочных элементов в этом случае недопустимо.

 

Параметры:

ALIGN — определяет способ вертикального выравнивания заголовка таблицы. Возможные значения:

top — помещает заголовок над таблицей (значение по умолчанию);
bottom — помещает заголовок под таблицей.

 

Пример:
<TABLE BORDER=«1»> <CAPTION ALIGN=«bottom»>Заголовок таблицы</CAPTION> <TR> <TD>Ячейка таблицы</TD> </TR> </TABLE>

 

 

CITE

(HTML 2.0) — Citation
Оформляет находящийся между начальным и конечным тэгами текст как цитату или ссылку на источник. Обычно используется для коротких цитат (в отличие от элемента BLOCKQUOTE). Цитируемый текст отображается курсивом.

 

Пример:
Как сказал классик:<BR> <CITE>«Грамотное написание HTML способствует пищеварению»</CITE>

 

 

CODE, SAMP

(HTML 2.0) — Code, Sample
Данные элементы оформляют текст, находящийся между начальным и конечным тэгами, как формулу или программный код. Текст при этом как правило отображается моноширинным шрифтом.

 

Пример:
Формула: <CODE> n=((x*15-z/1.25)/4)^5 </CODE>

 

 

DD

(HTML 2.0) — Definition Description
Cоздает определение термина внутри элемента DL.

DIV

(HTML 3.2) — Division
Используется для отделения блока HTML-документа от остальной части документа. Находящиеся между начальным и конечным тэгами текст или HTML-элементы оформляются как отдельный параграф.

 

Параметры:

ALIGN — определяет выравнивание содержимого элемента DIV. Параметр может принимать следующие значения: left, right, center.

 

Пример:
… Текст документа… <DIV ALIGN=«center»>… Текст, таблицы, изображения. Выравнивание по центру. </DIV>… Текст документа…

 

 

Примечание:

У параметра ALIGN есть еще одно значение — justify, поддерживаемое современными браузерами. Оно позволяет путем равномерного распределения выравнивать текст одновременно по левому и правому краям документа. Не понимающие justify браузеры будут выравнивать текст по левому краю.

 

DL

(HTML 2.0) — Definition List
Открывает и закрывает список определений (терминов и их описаний). Определения задаются с помощью тэгов <DT> и <DD>.

 

Параметры:

COMPACT — включает режим «компактного» отображения списка. Удобно использовать, если список определений очень велик. Данный параметр является флагом и не требует присвоения значения.

Пример:
<DL COMPACT> <DT>Жапура<DD>Река в Колумбии и Бразилии <DT>Зайцы<DD>Семейство млекопитающих отряда зайцеобразных… </DL>

 

 

EM

(HTML 2.0) — Emphasis
Логическое ударение. Используется для смыслового выделения текста, стоящего между начальным и конечным тэгами. Результат обычно отображается курсивом. То есть элемент EM практически аналогичен по действию элементу I.

 

Пример:
Порой в России встречаются <EM>действительно талантливые</EM> веб-мастера. Но только не друг с другом.

 

 

EMBED

(В спецификациях W3C отсутствует) — Embed
Используется для вставки в HTML различных объектов: не-HTML документов и media-файлов. Тип вставляемого объекта, будь то музыкальный wav/midi-файл или трехмерный мир VRML, должен быть зарегистрирован на машине пользователя как проигрываемый одним из имеющихся plug-in'ов или поддерживаемый каким-либо приложением. Если браузер поддерживает элемент EMBED, содержащиеся между начальным и конечным тэгами текст и элементы будут игнорироваться.

 

Параметры:

Вставка объекта происходит так же, как и вставка изображения (см. элемент IMG): под внедряемый объект необходимо сначала выделить место. Поэтому элемент EMBED имеет ряд одинаковых с элементом IMG параметров, а именно: NAME, ALIGN, ALT, BORDER, WIDTH, HEIGHT, HSPACE и VSPACE.

Другие параметры:

SRC — обязательный параметр. Определяет имя файла вставляемого объекта.

PLUGINSPACE — указывает на адрес (URL), по которому можно найти plug-in, необ-ходимый для просмотра типа файлов, аналогичных указанному в параметре SRC.

PALETTE — определяет тип цветовой палитры для просмотра объекта. Данный параметр работает только на Windows-машинах с 256-цветной системной палитрой. Возможные значения:

background — использовать background-палитру для отображения объекта (используется по умолчанию).
foreground — использовать foreground-палитру для отображения объекта.

HIDDEN — определяет, отображать указанный объект или нет. Возможные значения:

true — отображать объект.
false — не отображать объект (используется по умолчанию).

TYPE — явно указывает браузеру к какому типу файлов относится загружаемый объект, помогая определить необходимое средство просмотра (plug-in). В качестве значения указывается зарегестрированный MIME-тип файла.

 

Пример 1:
<EMBED SRC=«music.mid» HIDDEN=«true»> <NOEMBED>Альтернативный текст для старых браузеров</NOEMBED> </EMBED>

 

 


Пример 2:
<EMBED SRC=«music.vrml» HEIGHT=«300» WIDTH=«200» HSPACE=«10» ALIGN=«center» PLUGINSPACE="../plugins/download_vrml.html"> <NOEMBED>Альтернативный текст для старых браузеров</NOEMBED> </EMBED>

 

 

Примечания:

Для старых браузеров, не поддерживающих элемент EMBED, необходимо использовать элемент NOEMBED с указанием между начальным и конечным тэгами альтернативного текста, как показано в примерах выше.
Обратите внимание — в спецификациях консорциума W3C про EMBED ничего не сказано (!), скороее всего данный элемент появился по инициативе разработчиков Netscape 1.1 и с тех пор поддерживается всеми браузерами для совместимости (начиная с MSIE 3.0-beta-2 и выше).
Каким бы привлекательным элемент EMBED вам ни казался, но, поверьте, лучше его не использовать. Далеко не каждому может понравиться принудительное проигрывание MID-файла или попытка прокрутить ролик в неизвестном браузеру формате. Если вам все же не терпится украсить HTML чем-нибудь из ряда вон выходящим, не поленитесь, потратьте время на усиленное тестирование со всеми популярными видами браузеров.

 

FONT

(HTML 3.2) — Font
Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тэгами. Вне тэгов <FONT> и </FONT> используется шрифт, указанный в элементе BASEFONT.

 

Параметры:

SIZE — определяет размер шрифта. Возможные значения:

— целое число от 1 до 7;
— относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью параметра SIZE элемента BASEFONT.

COLOR — определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

FACE — определяет используемый шрифт.

 

Пример:
<FONT SIZE="+2" COLOR="#AA0000">Увеличенный красный шрифт</FONT> <FONT SIZE=«3» FACE=«Courier» COLOR=«Magenta»>Моноширинный фиолетовый текст 3 размера</FONT>

 

 

Примечание:

Будьте внимательны. Многие элементы форматирования текста (PRE, CODE, KBD, SAMP...), расположенные внутри элемента FONT, работают некорректно. Параметр FACE старайтесь никогда не использовать. Если на компьютере пользователя не окажется указанного шрифта — глюки неизбежны.

 

FORM

(HTML 2.0) — Form
Используется для создания заполяемой формы. Необходимо присутствие начального и конечного тэгов. Внутри элемента FORM разрешается использовать большинство HTML-элементов.

 

Параметры:

NAME — определяет имя формы, уникальное для данного документа. Используется, если в документе присутствует несколько форм.

ACTION — обязательный параметр. Определяет URL, по которому будет отправлено содержимое формы. Это может быть либо адрес электронной почты, либо путь к скрипту сервера, обслуживающему данную форму.

METHOD — определяет способ отправки содержимого формы. Возможные значения GET (по умолчанию) и POST.

ENCTYPE — определяет способ кодирования содержимого формы при отправке. По умолчанию используется «application/x-www-form-urlencoded».

TARGET — определяет имя окна, в которое возвращается результат обработки отправленной формы. Возможные значения: _self, _parent, _top, _blank или явно указанное имя окна. Подробное описание значений смотрите в параметре TARGET элемента A.

 

Пример:
<!-- Создаем форму --> <FORM ACTION=«www.igf.ru/cgi-bin/thanks.pl» NAME=«TestForm»><!-- Внутри формы создаем милое такое окошечко --> <INPUT TYPE=«text» SIZE=«20» VALUE=«Ф/И/О/Возраст/Размер ботинок»> <INPUT TYPE=«submit» VALUE=«Отправить»> </FORM><!-- Все, конец форме -->

 

 

Формы

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


Элементы для создания форм:

FORM Создает заполяемую форму
TEXTAREA Создает поле для ввода нескольких строк текста
SELECT Создает меню в заполняемой форме
OPTION Создает отдельные пункты в меню (см. SELECT)
INPUT Создает поле в форме

 

 

FRAME

(HTML 4.0) — Frame
Определяет фрейм и его свойства внутри FRAMESET-структуры. (см. элемент FRAMESET)

Параметры:

SRC — обязательный параметр. Указывает адрес (URL) HTML-файла, отображаемого в данном фрейме.

NAME — определяет имя данного фрейма, которое будет в дальнейшем использоваться для ссылки на него из других документов с помощью параметра TARGET (см. элемент A). В качестве значения нужно указать любое имя без пробелов с использованием латинских символов и цифр. Имя не должно начинаться с цифр и специальных символов.

MARGINWIDTH — определяет ширину (в пикселах) левого и правого полей фрейма. Если параметр не указан, браузер самостоятельно определит оптимальный размер отступа.

MARGINHEIGHT — определяет ширину (в пикселах) верхнего и нижнего полей фрейма. Если параметр не указан, браузер самостоятельно определит оптимальный размер отступа.

SCROLLING — определяет наличие линеек прокрутки содержимого фрейма. Возможные значения:

yes — отображать линейки прокрутки.
no — не отображать линейки прокрутки.
auto — отображать линейки прокрутки при необходимости (если документ, указанный в параметре SRC, не умещается во фрейме).

NORESIZE — не позволяет изменять размеры фрейма. Данный параметр является флагом и не требует указания значения.

FRAMEBORDER — определяет наличие рамок у фрейма. Возможные значения:

yes — отображать рамки;
no или — не отображать рамки;

Браузеры Netscape не поддерживают данный параметр в полной мере и для глобального определения ширины рамок используют параметр BORDER элемента FRAMESET.

 

Пример (файл index.html):
… <FRAMESET FRAMEBORDER=«0» FRAMESPACING=«0» BORDER=«0» COLS=«265,*»> <FRAME SRC=«frame1.html» NAME=«page»> <FRAMESET ROWS=«165,*»> <FRAME SRC=«frame2.html» NAME=«menu1» MARGINWIDTH=«0»> <FRAME SRC=«frame3.html» NAME=«menu2» MARGINWIDTH=«0»> </FRAMESET> <NOFRAMES>Ваш браузер не поддерживает фреймы</NOFRAMES> </FRAMESET> <BODY> </BODY>…

 


В результате окно браузера разделится на три фрейма, как показано ниже. Причем frame1.html будет иметь ширину 265 пикселов, а frame2.html — высоту 165.

Фреймы

Фреймы используются для разбивки окна браузера на несколько областей, каждая из которых представляет собой отдельный HTML-документ (фрейм). Как правило, фреймы используются для облегчения навигации по сайту, создания навигационного меню. Тем не менее, большинство разработчиков избегают использования фреймов, к чему, поверьте, имеют довольно веские основания. Старайтесь использовать фреймы только тогда, когда это действительно необходимо.

 

 

Элементы для создания фреймов и работы с ними:

FRAMESET Определяет фреймовую (оконную) структуру документа: размеры и расположение фреймов на странице
FRAME Определяет фрейм и его свойства внутри FRAMESET-структуры
NOFRAMES Определяет что показывать, если браузер не поддерживает фреймы

 

 

Примечания:

Внимательно следите, чтобы все вышеперечисленные элементы находились вне элемента BODY. Фреймы к телу документа никаким боком не относятся!

 

еще рефераты
Еще работы по информатике