lt;INPUT type=filenаme="имя" size="ширина поля" maxlength="максимальная длина текста">Пример: <FORM enctype="multipart/form-data" action="URL" method=POST>Введите имя файла: <BR><INPUT type=file name=myfile> <BR><INPUT type=submit value="Отправить"></FORMФлажки. Флажки используют, когда необходимо выбрать два или более варианта из предложенного списка. Элемент представляет собой простую форму выбора, принимающую одно из двух состояний: "отмечено" - "не отмечено". Несколько флажков могут объединяться в группу, которая будет отвечать набору параметров выбора. Данный элемент оперирует с булевыми переменными, то есть переменными, каждая из которых может принимать значение true или false. Формат задания: <INPUT type=checkboxnаme="имя флажка или группы флажков" value="значение установленного флажка" checked title="всплывающая подсказка">По умолчанию начальное положение флажка считается не установленным. Чтобы задать начальное положение установленного флажка, надо дополнить его атрибутом checked. Значением установленного флажка является строка, заданная атрибутом value. Пример задания группы флажков: <INPUT type=checkbox name=systemvalue="WXP" checked> Windows XP<BR><INPUT type=checkboxname=systemvalue="W2000"> Windows 2000<BR><INPUT type=checkboxname=systemvalue="W98"> Windows 98<BR>В рассмотренном примере надписи рядом с флажками созданы как простой текст. Для того, чтобы флажок устанавливался не только щелчком непосредственно по квадратику флажка, но и щелчком по надписи, необходимо связать надпись с флажком с помощью тега LABEL, в котором содержится ссылка на связанный элемент управления с помощью атрибута for. Этому атрибуту ставится в соответствие идентификатор id. Пример связывания надписи с флажком: <INPUT type=checkbox id=WindowsXPname=systemvalue="WXP" checked><LABEL for=WindowsXP>Windows XP</LABEL><BR><INPUT type=checkboxid=Windows2000name=systemvalue="W2000"><LABEL for=Windows2000> Windows 2000</LABEL><BR><INPUT type=checkboxid=Windows98name=systemvalue="W98"><LABEL for=Windows98> Windows 98</LABEL><BR>Переключатели (кнопки выбора или радиокнопки) применяется в случае, когда какая-либо логическая переменная может принимать только одно значение из множества возможных. Формат задания: <INPUT type=radionаme="имя переключателя или группы" value="значение установленного переключателя" checked title="всплывающая подсказка">Все элементы radio одной группы обозначаются одним и тем же значением атрибута name. Использование радиокнопок требует явного указания значений атрибута value, одна из кнопок должна быть выделена атрибутом checked. Если атрибут checked не присвоен ни одному из переключателей группы, браузер при загрузке установит по умолчанию первый переключатель. При обработке формы на сервере будет отправлено значение установленного переключателя. Пример использования: <INPUT type=radioname=DVDvalue="DVDR" checked> DVD-R<BR><INPUT type=radioname=DVDvalue="DVDRW" checked> DVD-RW<BR>Как и в случае флажков, надписи можно связать с соответствующими переключателями так, чтобы каждый переключатель устанавливался при щелчке по надписи. Для связывания каждому переключателю должен быть присвоен уникальный идентификатор, а все переключатели должны образовывать группу с определенным именем. Пример связывания надписи с переключателем: <INPUT type=radioid=disk1name=DVDvalue="DVDR" checked> <LABEL for=disk1> DVD-R</LABEL><BR><INPUT type=radioid=disk2name=DVDvalue="DVDRW" checked><LABEL for=disk2> DVD-RW</LABEL><BR>Кнопки. Это элементы управления, которые используются для представления формы (кнопка submit), сброса данных формы (кнопка reset), создания эффектов для кнопки (кнопка button). Кнопку можно создать двумя способами: 1. Использование тега INPUT. Формат задания: <INPUT type=buttonnаme="имя кнопки" value="надпись на кнопке">2. Использование тега BUTTON. На таких кнопках можно размещать любые элементы HTML, в том числе изображения и таблицы и изменять вид кнопки. Формат задания: <BUTTON> Надпись или изображение</BUTTON>В HTML предусмотрены два типа кнопок, которые создаются без использования значения button. Это кнопки специального назначения: Подача запроса (submit) и Сброс (reset). Кнопка submit предназначена для запуска процедуры передачи формы на сервер. Формат задания: <INPUT type=submitnаme="имя кнопки" value="надпись на кнопке">или<BUTTON type=submit> Надпись на кнопке</BUTTON>Если атрибут value отсутствует, то кнопка по умолчанию имеет надпись "Подача запроса". В версиях Internet Explorer 4.0 и выше кнопка submit может работать как кнопка по умолчанию, то есть она активизируется при нажатии клавиши Enter. В форме можно применять несколько кнопок submit. Кнопка reset предназначена для приведения формы в начальное положение (сброс всех введенных данных). Формат задания: <INPUT type=resetnаme="имя кнопки" value="надпись на кнопке">или<BUTTON type=reset> Надпись на кнопке</BUTTON>Если атрибут value отсутствует, то кнопка по умолчанию имеет надпись "Сброс". Кнопка с изображением. Создает кнопку отсылки, аналогичную элементу submit, но с использованием графического изображения. Обычно применяется в случаях, когда стандартная серая прямоугольная кнопка "не вписывается" в дизайн сайта. Формат записи: <INPUT type=imagenаme="имя кнопки" scr="URL изображения"value="надпись на кнопке">В этом случае тег INPUT может содержать все атрибуты тега IMG. Пример задания кнопок: |
1. Обычная кнопка <INPUT type=button name=press value="Нажми меня! "> | | | 2. Обычная кнопка <Button> Кнопка с текстом </Button> | | | 3. Кнопка с рисунком <Button> <IMG src="tips. gif" align=absmiddle> Кнопка с рисунком </Button> | | | 4. Кнопка submit <INPUT type=submit value="Отправить"> | | | 5. Кнопка reset <INPUT type=reset value="Очистить"> | | | 6. Кнопка с изображением <INPUT type=image src="tips. gif"> | | | |
Списки. Эти элементы представляют пользователю список вариантов для выбора. Существует три типа списков: раскрывающийся список, представляющий собой однострочное поле т треугольной стрелкой, которая раскрывает список; поле-список, в котором на экран выводится заданное число строк; для просмотра всех срок список может быть снабжен полосой прокрутки; список со множественным выбором, позволяющий благодаря полосе прокрутки просматривать все позиции списка и выбирать одновременно несколько позиций. Формат записи: <SELECT name="имя списка" size="целое число" multiple> <OPTION value="значение" selected> Пункт 1 </OPTION> </SELECT> Атрибуты тега: multiple включает режим выбора нескольких элементов из списка, т.е. определяет список со множественным выбором; size устанавливает высоту списка. Если значение size=1, то список становится раскрывающимся. При добавлении параметра multiple список отображается как "крутилка"; selected делает текущий элемент списка выделенным. Примеры задания списка: |
1. Раскрывающийся список <SELECT name=СD> <OPTION value=1>CD-R</OPTION> <OPTION value=2>CD-RW</OPTION> </SELECT> | | | 2. Список множественного выбора <SELECT multiple size=1> <OPTION value=1>CD-R</OPTION> <OPTION value=2>CD-RW</OPTION> </SELECT> | | | 3. Список единственного выбора <SELECT size=2> <OPTION value=1>CD-R</OPTION> <OPTION value=2>CD-RW</OPTION> </SELECT> | | | |
Группирование элементов управления. Чтобы страница имела законченный вид, элементы формы должны быть распределены по группам. Формат задания группы: <FIELDSET> <LEGEND> Легенда группы элементов </LEGEND> … </FIELDSET> Теги <LEGEND> вводят надпись, которая помещается в разрыв рамки, обрамляющей группу. Пример: |
<FIELDSET> <LEGEND>Флажки</LEGEND> <INPUT type=checkbox checked> Windows XP<BR> <INPUT type=checkbox> Windows 2000<BR> <INPUT type=checkbox> Windows 98<BR> </FIELDSET> | | | |
11. Мета-определителиМЕТА-определители - это элементы заголовков HTML-документов, несущие исключительно служебные функции. Они не влияют на отображение web-страниц в броузере и не могут каким-либо образом изменить их содержимое. МЕТА-определители описывают свойства документа. МЕТА-определители записываются в заголовке документа HTML между тегами <НЕАD> и </HEAD> после тега <TITLE>. Существуют два вида МЕТА-определителей: МETA-определители, использующие атрибут name и МЕТА-определители, использующие директиву http-equiv. 11.1 МETA-определители, использующие атрибут nameФормат записи: <МЕТА name="значение" сontent="значение2>Виды META-определителей: <МЕТА name="description" соntent="краткое описание содержимого сайта">Эта директива применяется для облегчения и ускорения процесса индексации ресурса поисковыми машинами. Большинство автоматических поисковых серверов оснащены специальными программными модулями, отыскивающими во Всемирной сети web-страницы, соответствующие введенному пользователем тематическому запросу. В этом случае в динамически создаваемый поисковым сервером файл отчета включается либо информация, встречающаяся первой в тексте документа HTML, либо данные, указанные в теге МЕТА. Таким образом, наличие МЕТА-определителя увеличивает шансы ресурса попасть в первую десятку сайтов, которые "найдёт" поисковый сервер. <МЕТА name="keywords" content="перечень ключевых слов через запятую">Тег содержит перечисление ключевых слов, на которые, должны "реагировать" поисковые машины, включая сайт в файл отчета. Не рекомендуется указывать в нем более тридцати ключевых слов подряд. Поскольку ряд поисковых машин не учитывает регистр, в котором записаны ключевые слова, рекомендуется указывать в поле content оба варианта их записи: как в строчном, так и в заглавном регистре. Хорошим тоном считается указывать в атрибуте content описание сайта на русском и английском языках. Пример: <НЕАD><ТIТLЕ>Разведение белых медведей в домашних условиях</ТIТLЕ> <МЕТА name="description"соntеnt=”Cайт, посвященный особенностям разведения белых медведей в домашних условиях"><МЕТА name="keywords" content="белые медведи, БЕЛЫЕ МЕДВЕДИ, медведь, МЕДВЕДЬ, разведение, РАЗВЕДЕНИЕ, животные, ЖИВОТНЫЕ"></НЕАD><МЕТА name="abstract" соntеnt="описание содержимого сайта и перечень ключевых выражений через запятую"> Директива рассчитана на обработку поисковыми серверами, имеющими отличный от стандартного алгоритм индексации html-документов. Данный тег используется редко. <МЕТА name="subject" content="главная тема сайта, выраженная одним-двумя словами"><META name="page-type" content="Тип, к которому относится страница">Директива применяется с целью автоматического занесения ссылки на сайт в какую-либо тематическую рубрику поискового сервера. Наиболее "нейтральным" вариантом представления поля content является фраза "information resource". <МЕТА name="distribution" content="Global"><МЕТА name="rating" content="General">Последние два МЕТА-тега определяют область действия информации, представленной на сайте. Рекомендуется оставить их "как есть". <META name="title" content="Зaгoлoвoк web-cтpaницы"> <МЕТА name="page-topic" content="3aголовок wеb-страницы">Эти МЕТА-определители предназначены для поисковых машин, не умеющих работать с тегом <TITLE>. В поле content данных директив можно скопировать текстовое содержимое, записанное в заголовке страницы. <МЕТА name="site-created" content="Дата">Декларирует дату создания web-сайта, которая иногда отображается в файле отчета некоторых поисковых серверов в качестве дополнительной информации о ресурсе. Дата записывается в форматеМЕСЯЦ-ДЕНЬ-ГОД с ведущим нулем, например, 16-12-2006. <МЕТА name="expires" content="Дата">Предполагаемая дата закрытия сайта, после которой упоминание о нем будет удалено из базы данных поискового сервера. Дата записывается в том же формате, что и дата создания страницы. <МЕТА name="revisit" content="N days"> <МЕТА name="revisit-after" content="N days">Эти теги несут абсолютно идентичную функциональную нагрузку и указывают поисковому серверу, через сколько дней следует вновь обратиться к ресурсу для его переиндексации. Данные МЕТА-определители применяют, если страница регулярно обновляется, причем эти обновления затрагивают ее тематическое содержание, указанное в других МЕТА-тегах. Включением данной команды в код HTML можете избежать процедуры повторной регистрации сайта в поисковых машинах - сервер сделает это автоматически. Вместо ключа N в поле content данной подставляется любое целое число от 1 до 30. <МЕТА name="robots" content="noindex">Директива запрещает поисковым машинам индексировать данную web-страницу. <МЕТА name="robots" content="nofollow">Тег запрещает поисковому серверу следовать по гиперссылкам, установленным на данной странице. <META name="content-language" content="язык">Директива декларирует язык, на котором представлена опубликованная на сайте информация. В поле content вносится название языка, написанное в английской транскрипции, например "russian" или "english". <МЕТА name="resource-type" content="document"> Указание на тип ресурса. Рекомендуется оставить без изменений. <МЕТА name="audience" content="all">Определяет аудиторию сайта. <МЕТА name="robots" content="index, аll">Указания на правила регистрации ресурса поисковыми серверами. При указании в поле content параметра "all" будут проиндексированы все документы сайта, при указании параметра "index" - только индексные страницы. <МЕТА name="Copyright"соntent="Имя вебмастера, Copyright 2006"> <МЕТА name="Autor" content="Имя вебмастера, Copyright 2006">Декларируют ссылку на авторские права. Эта информация отображается в файле отчета некоторых поисковых машин. <МЕТА name="reply-to" content="aдpec электронной почты">Указание на адрес электронной почты автора проекта. Иногда показывается в файлах отчета поисковых серверов. <МЕТА name="Owner" content="Название компании или имя владельца"> <МЕТА name="Address" content="Адрес офиса"> <МЕТА name="Owner-type"content="corporation, company/small или personal">Информация о владельце ресурса. В поле content первого МЕТА-определителя заносится полное название фирмы-владельца ресурса или имя владельца, если он - частное лицо, второй тег содержит адрес офиса, по которому можно обратиться за дополнительной информацией, третий указывает на тип фирмы: corporation - для больших корпораций, company/small - для малых компаний и, наконец, personal - для частных предпринимателей и физических лиц. <МЕТА name="Publisher-name"content="Название компании или имя лица, опубликовавшего сайт"> <МЕТА name="Publisher-type"content="corporation. company/small или personal"><МЕТА name="Publisher - location" content="ru">Для первых двух тегов справедливо все то же самое, что и для предыдущих МЕТА-определителей, за исключением того, что они представляют информацию не о владельце ресурса, а о том, кто его опубликовал. В общем случае издатель web-страницы не обязательно должен быть ее владельцем, например, когда какая-либо фирма заказывает себе сайт у стороннего web-мастера или дизайн-агентства. Как раз на такую ситуацию и рассчитаны данные директивы. В поле content МЕТА-тега с именем "Publisher-location" заносится обычно обозначение домена первого уровня страны издателя сайта. <META name="home-url" content="URL">Указывается адрес ресурса в сети Интернет, который издатель сайта считает своей домашней страничкой. Обычно этот тег используется для представления URL разработчика web-сайта, если сам сайт был создан для сторонней фирмы или частного лица. <МЕТА name="Generator" content="Haзвание программы">Редкий и абсолютно бесполезный тег, не несущий ни малейшей смысловой нагрузки. Данный МЕТА-определитель был придуман разработчиками html-редакторов для рекламы собственных программных продуктов. Практически все программы, предназначенные для верстки web-страниц, вставляют этот тег в код HTML автоматически, не спрашивая разрешения у пользователя. 11.2 МЕТА-определители, использующие директиву http-equivВ отличие от первого вида МЕТА-тегов, имеющих чисто информационное назначение, теги второй категории играют определенную роль при передаче документов посредством протокола HTTP. Эти директивы используются для придания web-страницам некоторых примечательных свойств, которые в ряде случаев могут быть полезны web-дизайнеру. <META http-equiv="Refresh" content="N; URL=адрес">Автоматический переход броузера по указанному в поле content адресу через N секунд. Данная функция, называемая "редиректом", или "перенаправлением" пользовательского броузера на какой-либо ресурс, применяется тогда, когда сайт сменил адрес, переместился на другой хост. В этом случае на сервере со старым адресом размещается файл index. html, содержащий описанную выше директиву и соответствующую поясняющую надпись, например: "Извините, наш сайт переехал по адресу <адрес>. Через несколько секунд данная страница будет загружена автоматически". Иногда такая команда применяется также для автоматического переключения пользователя с заглавной ("splash") на стартовую страницу сервера. <МЕТА http-equiv="Refresh" content="N">Текущая web-страница будет автоматически перезагружаться в броузер каждые N секунд. <МЕТА http-equiv="Expires" content="Tue, 02 Jan 2007 01: 00: 00 GMT">Определяет дату "устаревания" страницы для протокола HTTP. Зачастую в данной директиве указывают заведомо устаревшую дату: такой подход позволяет избежать кэширования документа на диск. Большинство броузеров сохраняют загружаемые из Интернета html-документы в специальную папку на жестком диске пользовательского компьютера при повторном обращении к сайту открывают эту web-страницу уже с винчестера, что позволяет значительно сократить время ее считывания. Данная процедура называется "кэшированием". <МЕТА http-equiv="Content-type"content="text/html: charset=KOI8-R">Осуществляет жесткую установку так называемого "чар-сета", или пользовательской кодировки страницы. Встретив в заголовке документа такую команду, пользовательский броузер автоматически переключается на заданную в теге кодировку. Однако практически все современные http-серверы поддерживают функцию автоматического изменения кодировки документов в зависимости от установленных в пользовательском броузере предпочтений. <МЕТА http-equiv="Content-type"content="text/html">На запрос броузера сервер сформирует ответ с указанием, что данная страница является HTML-документом. <МЕТА http-equiv="Content-Script-Type"content="text/javascript">Определяет применение сценариев на языке JavaScript. <МЕТА http-equiv="Content-style-Type"content="text/css">Определяет, что в документе используются фрагменты CSS. ЛитератураАйзекс С. Dynamic HTML / Пер. С англ. - СПб.: BHV. - Санкт-Петербург, 2000. - 496 с.: ил. Браун М.Р., Хоникатт Д. Использование HTML 4 / Пер с англ. - 4 изд., спец. - М.: Вильямс, 2000. - 784 с.: ил. Гаевский А.Ю., Романовский В.А. Самоучитель по созданию Web-страниц: HTML, JavaScript и Dynamic HTML. - К.: А.С.К., 2002. - 472 с. Холмогоров В. Основы web-мастерства. Учебный курс. - СПб.: Питер, 2001. - 352 с.: ил. Пауэл Т. HTML: справочник программиста / Т.А. Пауэл, Д. Уитворт. - М.: АСТ, 2003. - 383 с. Полянский А. Хитрости, трюки и секреты создания web-страниц на базе языка гипертекстовых документов HTML 3.0-4.0 - М.: Познавательная книга плюс, 2000. - 240 с.
Страницы: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11
|
