на главную

синтаксис

полезные книги

ниже представлен список основных html тегов и их описания

*c селекторами CSS их значениями и атрибутами вы можете познакомиться по адресу www.css-doc.ru

Основные теги

  • < html></html> Тег HTML указывает начало и конец HTML документа.
  • < head></head> Тег HEAD (заголовок HTML-документа) содержит информацию, относящуюся к документу в целом.
  • < body></body> Тег BODY охватывает ту часть HTML-документа (текст, изображения и элементы формирования), которая будет видна пользователю.
  • < title></title> Тег TITLE устанавливает заголовок HTML-документа, выводимый в строке заголовка окна броузера.
  • < body bgcolor=?> Атрибут BGCOLOR устанавливает цвет фона HTML-документа. Цвет может быть указан с помощью с помощью названия или шестнадцатиричного кода.
  • < body text=?> Атрибут TEXT устанавливает цвет для всего текста HTML-документа. Цвет может быть указан с помощью с помощью названия или шестнадцатиричного кода.
  • < body link=?> Атрибут LINK устанавливает цвет всем ссылкам HTML-документа, которые еще не были активизированы. Цвет может быть указан с помощью с помощью названия или шестнадцатиричного кода.

Теги элементов текста

  • < pre></pre> Тег PRE или "preformatted" (заранее форматированный) сохраняет все имеющиеся в теле текста пробелы и переносы строк.
  • < h1></h1> Тег H1 определяет заголовок первого уровня (самые крупные буквы в заголовке). Всего имеется шесть уровней заголовков.
  • < h6></h6> Тег H6 определяет заголовок шестого уровня (самые мелкие буквы в заголовке). Всего имеется шесть уровней заголовков.
  • < b></b> Тег B устанавливает отображение текста в жирном начертании.
  • < i></i> Тег I устанавливает отображение текста курсивом.
  • < tt></tt> Тег TT ("teletype" - телетайп) устанавливает отображение текста моноширинным шрифтом, создавая иллюзию того, что текст был напечатан с помощью телетайпа.
  • < cite></cite> Тег CITE устанавливает отображение текста курсивом. Используется для указания на факт цитирования поисковым машинам.
  • < em></em> Тег EM устанавливает отображение текста жирным курсивом.
  • < strong></strong> Тег STRONG устанавливает отображене текста в жирном начертании.
  • < font size=?></font> Атрибут SIZE тега FONT устанавливает относительный размер шрифта. Список возможных значений состоит из положительных и отрицательных чисел от 0 до
  • .
  • < font color=?></font> Атрибут COLOR тега FONT устанавливает цвет текста. Цвет может быть указан с помощью с помощью названия или шестнадцатиричного кода.
  • < p></p> Тег P устанавливает начало и конец абзаца.
  • < p align=?> Атрибут ALIGN тега P устанавливает режим выравнивания текста: влево (LEFT), вправо (RIGHT) или по центру (CENTER).
  • < br> Тег BR устанавливает перенос строки (даже если текст продолжается за тегом).
  • < blockquote></blockquote> Тег BLOCKQUOTE устанавливает отступы слева и справа от текста. Кроме этого тег устанавливает разрыв абзаца до и после указанного текста.
  • < ol></ol> Тег OL ("ordered list" - упорядоченный список) устанавливает режим последовательной нумерации элементов, размещенных внутри списка.
  • < ul></ul> Тег UL ("unordered list" - неупорядоченный список) устанавливает режим отображения текста в виде маркированного списка.
  • < li></li> Тег LI устанавливает режим отображения текста в виде пункта списка. Такой список может быть неупорядоченным, упорядоченным или маркированным.
  • < div align=?> Тег DIV используется для структурирования и форматирования текста. Атрибут ALIGN тега DIV устанавливает режим выравнивания текста. Возможно выравнивание влево (LEFT), вправо (RIGHT) или по центру (CENTER).

Теги графических элементов

  • < img src="name"> Тег IMG устанавливает режим отображения графического файла.
  • < img src="name" align=?> Атрибут ALIGN тега IMG устанавливает режим выравнивания указанного изображения в отведенном ему пространстве. Возможно выравнивание влево (LEFT), вправо (RIGHT), по центру (CENTER), вниз (BOTTOM), вверх (TOP), посередине (MIDDLE).
  • < img src="name" border=?> Атрибут BORDER тега IMG устанавливает режим отображения рамки вокруг указанного изображения. Рисунок с гиперссылкой по умолчанию имеет рамку, цвет которой совпадает с цветом, используемым для гиперссылок.
  • < img src="name" alt=?> Атрибут ALT тега IMG устанавливает режим отображения указанного текста (в качестве альтернативы) в случае, если броузер не может отобразить графический файл.
  • < hr> Тег HR ("horizontal rule" - горизонтальная линия) образует горизонтальную линию или объемную линию с тенью. Такая горизонтальная линия часто используется для разделения блоков HTML-документа. Тегу HR не нужен закрывающий тег.
  • < hr size=?> Атрибут SIZE тега HR устанавливает высоту горизонтальной линии в пикселах.
  • < hr width=?> Атрибут WIDTH тега HR устанавливает ширину горизонтальной линии либо в пикселах, либо в процентах от размера доступной области просмотра.
  • < hr noshade> Атрибут NOSHADE тега HR указывает на то, что горизонтальная линия не должна иметь тени, придающей линии объемный вид (которая по умолчанию присутствует).

Теги элементов ссылок

  • < a href="URL"></a> Тег A устанавливает связь с некоторой точкой внутри того же HTML-документа или с другим URL (гипертествовая ссылка). Атрибут HREF тега A описывает объект, представляющий собой текст или рисунок внутри HTML-документа, либо текст или рисунок во внешнем документе.
  • < a name="NAME"></a> Тег A устанавливает связь с некоторой точкой внутри того же HTML-документа или с другим URL (гипертествовая ссылка). Атрибут NAME тега A описывает точку внутри HTML-документа, в которую нужно переместить пользователя.

Теги таблиц

  • < table></table> Тег TABLE устанавливает начало и конец таблицы. Все теги, определяющие структуру таблицы, должны располагаться между тегами TABLE.
  • < tr></tr> Тег TR определяет строку таблицы.
  • < td></td> Тег TD определяет колонку таблицы. Текст, заключенный между тегами TD ("table data" - табличные данные), отображается внутри одной ячейки.
  • < th></th> Тег TH устанавливает режим отображения текста в виде заголовка таблицы.
  • < table border=?> Атрибут BORDER тега TABLE устанавливает ширину рамки таблицы в пикселах.
  • < table cellspacing=?> Атрибут CELLSPACING тега TABLE устанавливает расстояние между соседними ячейками таблицы в пикселах.
  • < table cellpadding=?> Атрибут CELLPADDING тега TABLE устанавливает расстояние между границей ячейки и ее содержимым.
  • < table width=?> Атрибут WIDTH тега TABLE устанавливает ширину таблицы в пикселах или в процентах от ширины области просмотра.
  • < tr align=?> or <td align=?> Атрибут ALIGN устанавливает выравнивание содержимого ячейки по ее левому краю (LEFT), по центру (CENTER) или по ее правому краю (RIGHT).
  • < tr valign=?> or <td valign=?> Атрибут VALIGN устанавливает вертикальное выравнивание содержимого ячейки по ее верхнему краю (TOP), посередине (MIDDLE) или по ее нижнему краю (BOTTOM).
  • < td colspan=?> Атрибут COLSPAN тега TD устанавливает сколько соседних ячеек в строке будут объединены с данной.
  • < td rowspan=?> Атрибут ROWSPAN тега TD устанавливает число ячеек, объединяемых в одну. Объединяются ячейки, расположенные одна под другой.
  • < td nowrap> Атрибут NOWRAP тега TD препятствует разбиению текста внутри ячейки на несколько строк.

Теги фреймов

  • < frameset></frameset> Тег FRAMESET устанавливает область экрана, которая должна использоваться броузером для отображения кадров.
  • < frameset rows="value,value"> Атрибут ROWS тега FRAMESET устанавливает высоту каждого кадра в пикселах или в процентах от доступного пространства окна. Значения этого атрибута должны разделяться запятыми.
  • < frameset cols="value,value"> Атрибут COLS тега FRAMESET устанавливает ширину каждого кадра в пикселах или в процентах от доступного пространства окна. Значения этого атрибута должны разделяться запятыми.
  • < frame> Тег FRAME применяется для задания единичного кадра в совокупности кадров, называемой набором кадров.
  • < noframes></noframes> Тег NOFRAMES заставляет броузер выводить альтернативный текст при невозможности отображения кадров в наборе FRAMESET.
  • < frame src="URL"> Атрибут SRC тега FRAME устанавливает отображение содержимого указанного файла в описываемом кадре.
  • < frame name="name"> Атрибут NAME устанавливает имя окна FRAME, состоящее из букв и цифр, на которое может ссылаться гиперссылка в другом HTML-документе.
  • < frame marginwidth=?> Атрибут MARGINWIDTH тега FRAME устанавливает величину горизонтального отступа (в пикселах) между объектом в кадре и левым и правым краями кадра.
  • < frame marginheight=?> Атрибут MARGINHEIGHT тега FRAME устанавливает величину вертикального отступа (в пикселах) между расположенными в кадре объектами и верхним и нижним краями кадра.
  • < frame scrolling=VALUE> Атрибут SCROLLING тега FRAME устанавливает, следует ли отображать внутри кадра полосы прокрутки. (Возможные значения атрибута: YES, NO или AUTO).
  • < frame noresize> Атрибут NORESIZE тега FRAME устанавливает режим, при котором размеры описываемого кадра не могут быть изменены пользователем.
Hosted by uCoz