Файл: Примеры_по_HTML.docx

Скачать файл
Заказать решение

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 04.12.2019

Просмотров: 4882

Скачиваний: 4

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

СОДЕРЖАНИЕ

<!-- -->

Пример:

Примечания:

Заголовок

Элементы, относящиеся к заголовку документа

HEAD

Пример:

TITLE

Пример:

Примечания:

BASE

Атрибуты

Пример:

STYLE

Атрибуты

Пример:

Примечания

Рекомендуем почитать про CSS:

LINK

Атрибуты

Пример 1

Пример 2

Примечание

META

Атрибуты

Пример:

Фреймы

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

Примечания

FRAME

Атрибуты

Пример (файл index.html):

FRAMESET

Атрибуты

Примечание

NOFRAMES

Пример:

Скрипты

Элементы для работы со скриптами

SCRIPT

Атрибуты

Пример 1:

Пример 2:

Где размещать скрипт

NOSCRIPT

Пример:

Навигационные карты

Пример:

Примечание

MAP

Атрибуты

Пример:

AREA

Атрибуты

Пример:

Примечания

Тело документа

Примечания

BODY

Атрибуты

Пример:

Примечания

Гиперссылки

Ссылки на другие сайты по данной теме

A

Атрибуты

Пример 1

Пример 2

Пример 3

Примечания

Ссылки на другие сайты по данной тематике

Текстовые блоки

Элементы

H1,H2,...H6

Атрибуты

Пример:

DIV

Атрибуты

Пример:

Примечание

ADDRESS

Пример

Примечание

BLOCKQUOTE

Пример:

BR

Атрибуты

Пример:

Примечание

HR

Атрибуты

Пример:

PRE

Пример:

Примечание

LISTING, PLAINTEXT, XMP

Форматирование текста

Элементы форматирования текста

BASEFONT

Атрибуты

Пример:

Примечание

Пример

FONT

Атрибуты

Пример:

Примечание

I

Пример:

EM

Пример:

Примечание

B

Пример:

STRONG

Пример:

Примечание

U

Пример:

S, STRIKE

Пример:

BIG

Пример:

Примечание

SMALL

Пример:

Примечание

SUP

Пример:

SUB

Пример:

CODE, SAMP

Пример:

TT

Пример:

TT

Пример:

KBD

Пример:

VAR

Пример:

CITE

Пример

Списки

Элементы

UL

Пример:

UL

Пример:

OL

Атрибуты

Пример:

LI

Атрибуты

Пример

Примечания

MENU, DIR

DL

Атрибуты

Пример:

DT

DD

Объекты

Элементы

IMG

Атрибуты

Пример 1:

Пример 2. Использование изображения в качестве гиперссылки:

Пример 3. Использование ISMAP:

Пример 4. Использование USEMAP:

Примечания (особо важно)

EMBED

Атрибуты

Другие атрибуты

Пример 1:

Пример 2:

Примечания

Смотрите также

Ссылки на другие сайты по данной теме

NOEMBED

Пример:

APPLET

Атрибуты

Пример 1:

Пример 2:

Примечание

PARAM

Пример

CAPTION

Атрибуты

Пример:

TABLE

Атрибуты

Примечания

Пример

TD и TH

Атрибуты

Примечания

Пример:

TR

Атрибуты

Примеры таблиц

Пример 1:

Пример 2:

Формы

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

FORM

Атрибуты

Пример:

Примечания

TEXTAREA

Атрибуты

Пример:

Примечание

SELECT

Атрибуты

Пример:

Результат

OPTION

Атрибуты

Пример:

INPUT

Атрибуты

Пример 1:

Пример 2:

INPUT

(HTML 2.0) - Input

Элемент INPUT создает поле формы (кнопку, поле ввода, чекбокс и т.п.), содержание которого может быть изменено или активизировано пользователем. Элемент не имеет конечного тега. Элемент INPUT должен располагаться внутри элемента FORM.

Атрибуты

NAME - определяет имя, используемое при передаче содержания данной формы на сервер. Этот атрибут необходим для большинства типов (атрибут TYPE - cм. ниже) элемента INPUT и обычно используется для идентификации поля или для группы полей, связанных логически.

TYPE - определяет тип поля для ввода данных. По умолчанию - это "text". Возможные значения:

  • text - создает поле ввода под одну строку текста. Как правило используется совместно с атрибутами SIZE и MAXLENGTH.

  • textarea - создает поле ввода для текста в несколько строк. Но для этих целей лучше использовать элемент TEXTAREA

  • file - дает возможность пользователю приобщить файл к текущей форме. Возможно использование совместно с атрибутом ACCEPT.

  • password - создает поле ввода под одну строку, однако текст, вводимый пользователем, отображается в виде значков "*", скрывая тем самым его содержание от любопытных глаз.

  • checkbox - создает поле ввода для атрибутов типа Boolean ("да"/"нет") или для атрибутов, которые могут одновременно принимать несколько значений. Эти атрибуты представляют собой несколько полей checkbox, которые могут иметь одинаковые имена. Каждое выбранное поле chackbox создает отдельную пару name/value в информации, посылаемой на сервер, даже если результатом будут дублирующиеся имена. Поле этого типа обязательно должно иметь атрибуты NAME и VALUE, а также необязательный атрибут CHECKED, который указывает на то, что поле активизировано.

  • radio - создает поле ввода для атрибутов, которые принимают одно значение из нескольких возможных. Все кнопки (radio buttons) в группе должны иметь одинаковые имена, но только выбранная кнопка в группе создает пару name/value, которая будет послана на сервер. Как и для полей checkbox, атрибут CHECKED необязателен; он может быть использован для определения выделенной кнопки в группе кнопок (radio button).

  • submit - создает кнопку, при нажатии которой заполненная форма посылается на сервер. Атрибут VALUE в данном случае изменяет надпись на кнопке, содержание которой, заданное по умолчанию, зависит от браузера. Если атрибут NAME указан, то при нажатии данной кнопки к информации, посылаемой на сервер, добавляется пара name/value, указанная для для атрибута SUBMIT, в противном случае пара не добавляется.

  • image - создает графическую кнопку-картинку, инициализирующую передачу данных на сервер. Местонахождение графического изображения можно задать с помощью атрибута SRC. При передаче данных серверу сообщаются координаты x и y той точки на изображении, где был произведен щелчок клавишей мыши. Координаты измеряются из верхнего левого угла изображения. При этом информация о поле типа image записывается в виде двух пар значений name/value. Значение name получается посредством добавления к названию соответствующего поля суффиксов ".x" (абсциссы), и ".y" (ординаты).

  • reset - создает кнопку, сбрасывающую значения полей формы к их первоначальным значениям. При нажатии кнопки данные на сервер не отправляются. Надпись на кнопке может быть изменена с помощью атрибута VALUE. По умолчанию надпись на кнопке зависит от версии браузера.

  • hidden - поля этого типа не отображаются на экране монитора, что позволяет разместить "секретную" информацию в рамках формы. Содержание этого поля посылается на сервер в виде name/value вместе с остальной информацией формы. Этот тип полей удобно использовать для передачи данных от скрипта скрипту незаметно для пользователя. button - позволяет создать пользовательскую кнопку в HTML документе, что, при умелом использовании JavaScript, добавляет форме функциональность. Атрибут NAME позволяет задать имя данной кнопке, которое может быть использовано для какой-либо функции в скрипте. Атрибут VALUE позволяет задать текст, который будет отображен на кнопке в документе.

VALUE - задает текстовый заголовок для полей любого типа, в том числе и кнопок. Для таких полей как checkbox или radio, будет возвращено значение, заданное в атрибуте VALUE.

CHECKED - указывает, что поля типов checkbox и/или radio (см. выше атрибут TYPE) активизированы.

SIZE - определяет размер поля в символах. Например, чтобы определить поле с видимой шириной в 24 символа, надо указать SIZE="24".

MAXLENGTH - определяет максимальное количество символов, которые можно ввести в текстовом поле. Оно может быть больше, чем количество символов, указанных в атрибуте SIZE. По умолчанию количество символов не ограничено.

SRC - задает URL-адрес картинки, используемой при создании графической кнопки. Используется совместно с атрибутом TYPE="image".

ALIGN - определяет способ вертикального выравнивания для изображений. Используется совместно с атрибутом TYPE="image". Полностью аналогичен атрибуту ALIGN элемента IMG. По умолчанию имеет значение bottom.

ACCEPT - конкретизирует тип файла. Используется только совместно с параметром TYPE="file". Значение задается в виде MIME-типа.

Пример 1:

<FORM NAME="Form1" ACTION="http://www.igf.ru/cgi-bin/banya.pl">
        <INPUT TYPE="hidden" NAME="info" VALUE="Запись в баню на воскресенье">
        <INPUT TYPE="radio" NAME="sex" VALUE="Male" CHECKED> Мужик<BR>
        <INPUT TYPE="radio" NAME="sex" VALUE="Female"> Баба<BR>
        Имя:<BR>
        <INPUT TYPE="text" NAME="textfield" VALUE="Вася Пупкин" SIZE="30" MAXLENGTH="60"><BR>
        Пароль:<BR>
        <INPUT TYPE="password" WIDTH="10" NAME="passwd"><BR><BR>
        <INPUT TYPE="submit" VALUE="Запулить">
</FORM>

Пример 2:

Хочу получать следующие издания:<br>
<FORM NAME="Form2" ACTION="http://www.igf.ru/cgi-bin/magazines.pl">
        <INPUT TYPE="checkbox" NAME="m1">Страшная газета<br>
        <INPUT TYPE="checkbox" NAME="m2">6 соток<BR>
        <INPUT TYPE="checkbox" NAME="m3" CHECKED>Мурзилка<BR>
        <INPUT type="image" src="/img/button.gif" WIDTH="60" HEIGHT="30">
</FORM>



Смотрите также файлы