ONLine - HTML Теги

Теги HTML

ОСНОВНЫЕ ТЕГИ
`< html > </ html >`	Указывает программе просмотра страниц что это HTML документ.
< head > </ head >	Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
< body > </ body >	Определяет видимую часть документа
ТЕГИ ОГЛАВЛЕНИЯ
< title > </ title >	Помещает название документа в оглавление программы просмотра страниц

АТРИБУТЫ ТЕЛА ДОКУМЕНТА
< body bgcolor=? >	Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.
< body text=? >	Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.
< body link=? >	Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
< body vlink=? >	Устанавливает цвет гиперссылок на котох вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
< body alink=? >	Устанавливает цвет гиперссылок при нажатии.

ТЕГИ ДЛЯ ФОРМАТИРОВАНИЯ ТЕКСТА
< pre > </ pre >	Обрамляет предварительно отформатированный текст.
< h1 > </ h1 >	Создает САМЫЙ БОЛЬШОЙ заголовок
< h6 > </ h6 >	Создаетсамый маленький заголовок
< b > </ b >	Создает жирый текст
< i > </ i >	Создает наклонный текст
< tt > </ tt >	Создает текст - имитирующий стиль печатной машинки.
< cite > </ cite >	Используется для цитат, обычно наклонный текст.
< em > </ em >	Используется для выделения из текста слова (наклонный или жирный текст)
< font size=? > </ font >	Устанавливает размер текста в пределах от 1 до 7.
< font color=? > </ font >	Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

ГИПЕРССЫЛКИ
< a href= "URL" > </ a >	Создает гиперссылку на другие документы или часть текущего документа.
< a href= "mailto:EMAIL" > </ a >	Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу.
< a name= "NAME" > </ a >	Отмечает часть текста как цель для гипперссылок в документе.
< a href= "#NAME" > </ a >	Создает гиперссылку на часть текущего документа.

ФОРМАТИРОВАНИЕ ТЕКСТА
< p >	Создает новый параграф
< p align=? >	Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center
< br >	Вставляет перевод строки.
< blockquote > </blockquote>	Создает отступы с обеих сторон текста.
< dl > </ dl >	Создает список определений.
< dt >	Определяет каждый из терминов списка
< dd >	Описывает каждое определение
< ol > </ ol >	Создает нумерованный список
< li >	Определяет каждый элемент списка и присваивает номер
< ul > </ ul >	Создает ненумерованный список
< li >	Предваряет каждый элемент списка и добавляет кружок или квадратик.
< div align=? >	Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей

ГРАФИЧЕСКИЕ ЭЛЕМЕНТЫ
< img src= "name" >	Добавляет изображение в HTML документ
< img src= "name" align=? >	Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
< img src= "name" border=? >	Устанавливает толщину рамки вокруг изображения
< hr >	Добавляет в HTML документ горизонтальную линию.
< hr size=? >	Устанавливает высоту(толщину) линии
< hr width=? >	Устанавливает ширину линии, можно указать ширину в пикселах или процентах.
< hr noshade >	Создает линию без тени.
< hr color=? >	Задает линии определенный цвет. Значение RRGGBB.

ТАБЛИЦЫ
< table > </ table >	Создает таблицу.
< tr > </ tr >	Определяет строку в таблице.
< td > </ td >	Определяет отдельную ячейку в таблице.
< th > </ th >	Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
АТРИБУТЫ ТАБЛИЦЫ
< table border =# >	Задает толщину рамки таблицы.
< table cellspacing =# >	Задает расстояние между ячейками таблицы.
< table cellpadding =# >	Задает расстояние между содержимым ячейки и ее рамкой.
< table width =# >	Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
< tr align =? > или < td align =? >	Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
< tr valign =? > или < td valign =? >	Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.
< td colspan =# >	Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1)
< td rowspan =# >	Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)
< td nowrap >	Не позволяет программе просмотра делать перевод строки в ячейке таблицы.

ФРЕЙМЫ
< frameset > </ frameset >	Предваряет тег <body> в документе, содержащем фреймы;
< frameset rows ="value ,value" >	Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы фреймов.
< frameset cols ="value ,value" >	Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов.
< frame >	Определяет единичный фрейм или область в таблице фреймов.
< noframes > </ noframes >	Определяет, что будет показано в окне браузера если он не поддерживает фреймы.

АТРИБУТЫ ФРЕЙМОВ
< frame src ="URL" >	Определяет какой из HTML документов будет показан во фрейме.
< frame name ="name" >	Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фреймр или область из других фреймов.
< frame marginwidth =# >	Определяет величину отступов по левому и правому краям фрейма; должно быть равно или больше 1.
< frame marginheight =# >	Определяет величину отступов по верхнему и нижнему краям фрейма; должно быть равно или больше 1.
< frame scrolling =VALUE >	Указывает будет-ли выводится линейка прокрутки во фрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.
< frame noresize >	Препятствует изменению размеров фрейма.

ФОРМЫ
Для форм, выполняющих какие-то функции должны быть запущены соответствующие CGI- или PHP-скрипты на сервере. HTML только создает внешний интерфейс формы.
< form > </ form >	Создает формы
< select multiple name ="NAME" size=? > </ select >	Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.
< option >	Указывает каждый отдельный элемент меню
< select name ="NAME" > </ select >	Создает ниспадающее меню
< option >	Указывает каждый отдельный элемент меню
< textarea name ="NAME" cols =40 rows=8 > </ textarea >	Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.
< input type= "checkbox" name= "NAME" >	Создает checkbox. За тегом следует текст.
< input type= "radio" name= "NAME" value ="x" >	Создает radio кнопку. За тегом следует текст.
< input type= text name= "foo" size=20 >	Создает строку для ввода текста. Параметром Size указывается длина в символах.
< input type= "submit" value= "NAME" >	Создает кнопку "Принять"
< input type= "image" border =0 name= "NAME" src= "name.gif" >	Создает кнопку "Принять" - для этого используется изображение
< input type= "reset" >	Создает кнопку "Отмена"