Справочник тегов по HTML - файл 1.doc

Справочник тегов по HTML
(138.5 kb.)
Доступные файлы (1):
1.doc139kb.16.11.2011 00:12
содержание

1.doc




Справочник по HTML


Заголовок документа

Функция

Тег

Атрибут

Значение

Примечание

Организация заголовка документа

<head>…</head>

Нет




Предоставление информации приложению, интерпретирующему документ

Присвоение названия документу

<title>…</title>

Нет




Название документа, отображаемое в строке заголовка броузера. Располагается между тегами <head>… </head>


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

Функция

Тег

Атрибут

Значение

Примечание

Размещение основной части материала документа

<body>…</body>

Background

URL изображения

Указание URL изображения, которое используется в качестве фона







Bgcolor

Цвет

Определение цвета фона документа







Leftmargin

N

Ширина левого поля документа в пикселях







Topmargin

N

Ширина верхнего поля документа в пикселях







Text

Цвет

Определение цвета текста







Link

Цвет

Определение цвета ссылки, которая не была посещена







Vlink

Цвет

Определение цвета ссылки, которая была посещена







Alink

Цвет

Определяет цвет, которым выделяется активная ссылка

Определение цвета фона документа




Bgproperties

Fixed

Если это значение установлено, то изображение фона не будет прокручиваться



Форматирование текста в HTML. Основные теги


Функция

Тег

Атрибут

Значение

Примечание

Формирование заголовков

<h1>..</h1>

<h2>..</h2>

…………..

<h6>..</h6>

Align

Left

Right

Center

Организация заголовков.

<h1- верхний уровень в иерархии заголовков.

<h6> - нижний (самый мелкий).

Формирование абзаца

<p>

Align

Left

Right

Center

Justify

Задает начало абзаца и вставляет соответствующий пустой интервал для отделения данного абзаца от предыдущего. Парный тег можно опустить

Принудительный разрыв строки

<br>







Перенос оставшейся части текста абзаца на следующую строку. Это непарный тег. Не увеличивает интервал в тексте.

Горизонтальные линии

Встраивание горизонталь-ной линии

<Hr>

Align

Left

Right

Center

Выравнивание линии по горизонтали. По умолчанию линия выравнивается по центру.

ALIGN=LEFT – смещение линии к левому краю экрана.

ALIGN=CENTER –по умолчанию. Линия выравнивается горизонтально по центру экрана.

ALIGN=RIGHT – смещение линии к правому краю экрана.

Noshade




Выключение теней. В окне браузера линии изображаются трехмерными. Задание атрибута NOSHADE подавляет иллюзию трехмерности.

Size

n – где n-количество пикселов (по умолчанию=3)

Задает толщину линии.

SIZE=N, где N определяет толщину линии в пикселях. При использовании больших значений size линия превращается в прямоугольник.

Width

N

N%

Задает длину линии.

WIDTH=N – устанавливает длину линии в пикселях равной n. ^ WIDTH = N% - длина линии задается в процентах от ширины экрана. 100% - установка по умолчанию.

Начертания шрифтов

<b>…</b>







Текст полужирным шрифтом.

<i>…</i>







Текст в курсивном начертании

<u>…</u>







Подчеркнутый текст

Нижние и верхние индексы

<sub>..</sub>

<sup>..</sup>







Текст будет опущен на полстроки ниже (поднят выше), чем обычный текст, но будет изображаться шрифтом того же размера

Изменение шрифта

<font> </font>

Size

N

используется для задания абсолютного размера между 1 и 7.
SIZE = n или –n – увеличивает или уменьшает шрифт относительно текущего значения.







Color




COLOR=“ИМЯ” задает цвет текста.







Face

Имя шрифта

Задает имя шрифта, используемого для отображения данного фрагмента текста через запятую. Использоваться будет тот, чье имя найдено первым

Нумерованные и маркированные списки

Маркированные списки

<ul>…</ul>

Type

  1. Disc

  2. Circle

  3. Square

- закрашенный круг

- окружность

- квадрат

Отдельный элемент маркированного списка

<li>

Type

  1. Disc

  2. Circle

  3. Square

---//---

Нумерован-ные списки.

<ol>…</ol>

Start

N

Задает число, с которого начинается список

Задание способа нумерации элементов




Type


Type=1

Type=A

Type=A

Type=I

Нумерация выполняется арабскими цифрами

Нумерация выполняется строчными буквами

Нумерация выполняется прописными буквами

Нумерация выполняется римскими цифрами

Отдельный элемент нумерованного списка

<li>

Type







Бегущая строка

Организация бегущей строки

<marquee>..

</marquee>

Align

Top


Middle


Bottom

Выравнивает верхнюю границу поля по самому верхнему краю самого высокого элемента в текущей текстовой строке

Центрирует поле по осевой линии текущей текстовой строки

Выравнивает нижнюю границу поля по нижней линии текущей текстовой строки







Direction

Left


Right

Движение строки справа на лево (по умолчанию)

Движение строки слева на право







Bgcolor

Цвет

Задает цвет фона бегущей строки.







Behavior

Scroll


Slide


Alternate

BEHAVIOR =SCROLL –по умолчанию. Строка “вбегает” со стороны, определенной атрибутом direction в пустое поле и выходит из него на противоположной стороне.

Behavior=Slide – текст не “выбегает” с другой стороны поля, а останавливается.

BEHAVIOR=ALTERNATE – текст появляется в окне, “добегает” до противоположного конца окна, останавливается и начинает движение в противоположном направлении.







Height

N

N%

Высота поля бегущей строки

В %







Width

N

N%

Ширина поля бегущей строки

В %







Hspace

N

Расстояние до текста по горизонтали в пикселях







Vspace

N

Расстояние до текста по вертикали в пикселях







Loop

N

Infinite

n- кратное прохождение строки по экрану

- повторяет бегущую строку до тех пор, пока отображение документа не будет прервано







Scrollamount

N

задает количество пикселов, на которое бегущая строка перемещается за один шаг







Scrolldelay

N

Задает количество миллисекунд, которое ожидает Internet Explorer после каждого выполненного шага, прежде чем строка побежит дальше (плавность движения)

Встраивание иллюстраций в HTML-документы

Функция

Тег

Атрибут

Значение

Встраивание иллюстрации

<img>

align

Выравнивание иллюстрации.

ALIGN = TOP   выравнивает верхний край иллюстрации по верхнему краю самого «высокого» элемента в текущей текстовой строке

ALIGN =MIDDLE – центрирует иллюстрацию по вертикали на оси текущей текстовой строки.

ALIGN =BOTTOM   выравнивает нижний край иллюстрации по горизонтали на оси текущей текстовой строки.

ALIGN=LEFT – смещает графику к левому краю рабочей зоны. Последующий текст начинает «обтекать» графику.

ALIGN=RIGHT   смещает графику к правому краю рабочей зоны. Последующий текст начинает «обтекать» графику.







alt

Текст, замещающий иллюстрацию в текстовом режиме отображения.







border

Ширина рамки вокруг иллюстрации.







height

Предварительное задание высоты иллюстрации.







hspace

Расстояние до текста по горизонтали.







src

Исходный файл иллюстрации.







vspace

Расстояние до текста по вертикали.







width

Предварительное задание ширины иллюстрации.


Форматирование таблиц в HTML. Основные теги



Функция

Тег

Атрибут

Значение

Организация таблицы

<table>…

</table>

Align

Выравнивание таблицы по горизонтали. Обычно таблица отображается на левом краю страницы.

ALIGN = LEFT   выравнивание таблицы по левому краю.

ALIGN = RIGHT   выравнивание таблицы по правому краю.

ALIGN = CENTER   выравнивание таблицы по центру.







Bgcolor

Задает цвет фона таблицы. Фон таблицы соответствует фону всего HTML-документа.







Border

Задает толщину границ ячеек таблицы. Значение n определяет ширину рамки таблицы в пикселях <TABLE BORDER=1>. При отсутствии атрибута BORDER или равному нулю, рамка у таблицы не отображается, но пустое место для нее будет отведено.







Bordercolor

Задает цвет границ таблицы и ее ячеек

<TABLE BORDERCOLOR=ЦВЕТ>.







Width

Задает ширину таблицы в процентах от ширины окна браузера или в пикселях (100% - полная ширина окна)

<TABLE WIDTH=50%> или <TABLE WIDTH=200>.







Height

Задает высоту таблицы в пикселях или в процентах от высоты окна браузера.

Организация строки таблицы

<tr>…</tr>

Align

Задает выравнивание всех элементов строки. Каждая ячейка имеет собственное выравнивание. Оно подавляет выравнивание, заданное Align   атрибутом строки.

ALIGN=LEFT - выравнивание по левому краю.

ALIGN=CENTER - выравнивание по центру.

ALIGN=RIGHT – выравнивание по правому краю.







Bgcolor

Задает для каждой строки собственный фоновый цвет







Bordercolor

Задает цвет рамки для строки







Valign

Задает выравнивание по вертикали для содержимого элементов строки таблицы. По умолчанию элементы центрируются по вертикали.

VALIGN=TOP   выравнивание верхнему краю.

VALIGN=CENTER   центрирует по вертикали.

VALIGN=BOTTOM   выравнивание по нижнему краю.

VALIGN=BASELINE   выравнивание по самой верхней текстовой строке.

Организация ячейки таблицы

<th> </th>




Ячейка заголовка (содержимое горизонтально центрируется и выделяется полужирным шрифтом)




<td>…</td>




Ячейка данных







Align

Выравнивание данных в ячейке по горизонтали.

ALIGN=LEFT –выравнивание по левому краю.

ALIGN=CENTER   выравнивание по центру.

ALIGN=RIGHT   выравнивание по правому краю.







Bgcolor

Цвет фона ячейки







Bordercolor

Цвет рамки ячейки







Colspan

Ширина ячейки, выраженную в столбцах.

COLSPAN=N, где N определяет, сколько табличных столбцов займет данная ячейка в пределах строки.







Rowspan

Высота ячейки, выраженную в строках.

ROWSPAN =N определяет, сколько табличных строк займет данная ячейка.







Nowrap

Выключает разрыв строки. Содержимое ячейки таблицы форматируется как текст в окне, то есть в нужных местах вставляются разрывы строк <br> и <p>. Задание атрибута NOWRAP отменяет верстку строк и отображает все содержимое ячейки в одну строку.







Valign

Выравнивание данных в ячейке по вертикали

VALIGN=TOP – выравнивание по верхнему краю

VALIGN=BOTTOM – выравнивание по нижнему краю

VALIGN=CENTER – выравнивание по центру

VALIGN=BASELINE – по самой верхней текстовой строке всех находящихся в данной строке данных.







Width

Ширина ячейки таблицы в пикселях или в процентах от ширины таблицы. Если же ячейка в действительности шире (то есть ее содержимое требует для размещения больше места, чем задано этим атрибутом), WIDTH игнорируется.







Height

Задание высоты ячейки в пикселях.

Caption




Align

Выравнивание названия по горизонтали относительно ширины таблицы.

ALIGN=LEFT – по левому краю таблицы.

ALIGN=CENTER   по центру таблицы.

ALIGN=RIGHT   по правому краю таблицы.







Valign

VALIGN=TOP – название размещается над таблицей.

VALIGN= BOTTOM – название размещается под таблицей.



^

Организация гиперссылок





Функция

Тег

Атрибут

Значение

Примечание

Организация гиперссылки

<a>…</a>.

Href

#метка


Имя файла#метка


Имя файла


Адрес в Internet

Ссылка на раздел внутри текущего документа (<a NAME=”МЕТКА”>Глава1</a>)


Переход на помеченный фрагмент другого документа.


использование в ссылке адреса на своем сервере.


удаленный переход







Title

Имя цели гиперсвязи

Текст, который браузер отображает в строке состояния в процессе загрузки указанного в связи объекта.



Организация фреймовой структуры страницы

Функция

Тег

Атрибут

Значение

Примечание

Задание кадровой структуры

<frameset>

Cols

Cols = n – столбец шириной в n пикселов.
Cols = n% -выделяет данному столбцу фрейма n% - долю ширины всего окна

Задает количество и ширину столбцов кадра







Rows

Rows = n – строка высотой в n пикселов.
Rows = n% - выделяет данной строке фрейма n% долю высоты окна

Задает количество и высоту строк кадра.







Border

N

Ширина всех рамок фреймовой структуры







Frameborder

Yes

No

Трехмерная рамка

Невидимая рамка







bordercolor

Цвет

Цвет рамки



^

Описание фрейма


Функция

Тег

Атрибут

Значение

Примечание

Описание фрейма

<frame> (непарный)

Name

имя

Задает имя фрейма.







Scrolling


Auto

Yes

No

Показ/сокрытие полос прокрутки.

-по умолчанию.

-отображение полосы прокрутки

-подавление изображения полос прокрутки.







Noresize




Исключение возможности изменения границ фрейма.







Src

Url

Указывает HTML – документ, который должен быть отображен в данном фрейме







Marginwidth

N

Ширина левого и правого полей фрейма в пикселях







Marginheight

N

Ширина верхнего и нижнего полей фрейма в пикселях







Frameborder

Yes

No

Трехмерная рамка

Невидимая рамка







Bordercolor

Цвет

Цвет рамки


Формы

Функция

Тег

Атрибут

Значение

Примечание

Создание формы

<Form>

Name




Определяет имя, под которым содержимое поля будет передано обработчику (обязательный атрибут)

Action

Name

Указывает URL, по которому следует передать введенную информацию (обязательный атрибут)

Method



Post


Get (по умолчанию)


Определяет способ отправки содержимого формы.

METHOD=POST -данные из формы передаются серверу отдельно от URL сценария обработчика формы. METHOD=GET - информация из формы для передачи на сервер записывается в конец URL обработчика

Enctype




Определяет способ кодирования содержимого формы при отправке. По умолчанию используется "APPLICATION/X-WWW-FORM-URLENCODED"

Target


_self


_parent

_top


_blank


имя

Определение имени окна для результата

TARGET="_SELF" - указание на текущую форму

TARGET="_PARENT"

TARGET="_TOP" – указание на окно самого высшего уровня

TARGET="_BLANK" - окно не будет иметь имени

TARGET="_ИМЯ" - явно указанное имя окна

Создание поля для ввода нескольких строк текста

<Textarea>

Name




Определяет название, которое будет использоваться при идентификации заполненного поля сервером (обязательный параметр)

Rows




Определяет количество строк текста, видимых на экране

Cols




Определяет ширину текстового поля - в печатных символах

Wrap



Off

Virtual


Physical

Определяет способ переноса слов в данной заполняемой форме.

WRAP="OFF" - без переноса слов WRAP="VIRTUAL" – деление слов браузером

WRAP="PHYSICAL" – перенос слов во всех точках переноса

Создание меню выбора

<Select>

Multiple




Дает возможность выбора нескольких пунктов меню (по умолчанию - один пункт меню)

Name




Определяет имя меню, которое будет использоваться при передаче данных на сервер

Size




Определяет количество видимых пунктов в меню.

SIZE=n Если n>1, то результат будет – раскрывающийся список пунктов

Описание отдельных пунктов

<Option>

Value




Устанавливает значение, которое будет передано обработчику. Обязательный элемент

Selected




Показывает, что данный элемент выбран

Создает поле формы (кнопку, поле ввода, чекбокс и т.п.)

<Input>

Name




Указывает имя, под которым содержимое поля будет передано обработчику. Является обязательным

Size




Устанавливает размер поля ввода текста или пароля в символах

Maxlength




Устанавливает максимальное количество символов, вводимых в поле ввода текста или пароля

Value




Устанавливает текст по умолчанию для поля

Checked




Включает флажок или переключатель.

Type

(см. приложение 1)

Устанавливает нужный тип поля ввода.

ПРИЛОЖЕНИЕ 1

назад

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

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

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

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

checkbox - создает поле ввода для атрибутов типа Boolean ("да"/"нет") или для атрибутов, которые могут одновременно принимать несколько значений. Эти атрибуты представляют собой несколько полей CHECKBOX, которые могут иметь одинаковые имена. Каждое выбранное поле CHECKBOX создает отдельную пару name/value в информации, посылаемой на сервер, даже если результатом будут дублирующиеся имена. Поле типа CHECKBOX обязательно должно иметь параметры 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 получается посредством добавления к названию соответствующего поля IMAGE суффиксов ".x" в случае абсциссы, и ".y" в случае ординаты.

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

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

button - позволяет создать кнопку в HTML документе, что добавляет функции при использовании Visual Basic Script или Java Script. Параметр NAME позволяет задать имя данной кнопке, которое может быть использовано для какой-либо функции в скрипте. Параметр VALUE позволяет задать текст, который будет отображен на кнопке в документе.

Учебный материал
© studmed.ru
При копировании укажите ссылку.
обратиться к администрации