Справочник тегов по HTML
скачать (138.5 kb.)
Доступные файлы (1):
| 1.doc | 139kb. | 16.11.2011 00:12 |  скачать |
содержание
- Смотрите также:
- Сценарий работы web-приложения [ документ ]
- Вопросы - Мировые информационные ресурсы [ вопрос ]
- Автоматизация учебного процесса. Руководство пользователя [ документ ]
- Справочник по TurboPascal 7.0 [ справочник ]
- Курушин Анатолий. Учебник по HTML [ документ ]
- Справочник по микросхемам для блоков питания [ справочник ]
- Визуальный HTML-редактор DreamWeaver. Разработка Web-дизайна [ документ ]
- Справочник по аналоговым элементам [ справочник ]
- HTML. Beб-технологии [ документ ]
- Что такое html? Html [ документ ]
- Лекції по HTML [ лекция ]
- Разработка web сайта на основе HTML с использованием JavaScript [ документ ]
1.doc
Заголовок документа
| Функция | Тег | Атрибут | Значение | Примечание |
| Организация заголовка документа | <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. ^ длина линии задается в процентах от ширины экрана. 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 |
| - закрашенный круг - окружность - квадрат |
| Отдельный элемент маркированного списка | <li> | Type |
| ---//--- |
| Нумерован-ные списки. | <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 позволяет задать текст, который будет отображен на кнопке в документе.
Скачать файл (138.5 kb.)