Теги HTML

В столбце / отмечается наличие парного (закрывающего) тега: + (необходим), (отсутствует), ± (имеется, но необязателен).

тег / описание
служебные
<HEAD> + «голова» html-документа, здесь располагается служебная информация
<BODY> + «тело» документа
  • link — цвет гиперссылки
  • alink — цвет активной гиперссылки
  • vlink — цвет посещённой гиперссылки
  • text — цвет текста
  • bgcolor — цвет фона
  • background — адрес графического файла, содержащего фоновое изображение
  • bgproperties="fixed" — фон не будет прокручиваться
  • <TITLE> + заголовок странички
    <META> информация о документе для браузера, поисковых серверов и др.
  • name — имя тега (keywords — ключевые слова, description — краткое описание)
  • content — содержимое тега
  • абзац
    <P> ± абзац
  • align — выравнивание (left, right, center, justify)
  • <DIV> + раздел документа
    <CENTER> + выравнивание содержимого по центру
    <BR> разрыв строки
    <H1>..<H6> + заголовки от 1 до 6 уровней
  • align — выравнивание
  • title — текст-подсказка
  • текст
    <FONT> + размер, гарнитура и цвет шрифта
  • color — цвет
  • face — имя или список имён шрифтов через запятую
  • size — размер
  • title — текст-подсказка
  • <B> + полужирное начертание
    <I> + курсивное начертание
    <U> + подчёркнутый текст
    <S> + зачёркнутый текст
    <SUP> + верхний индекс
    <SUB> + нижний индекс
    <TT> + моноширинный шрифт
    <SPAN> + выделение фрагмента документа для применения стиля или задания идентификатора
    <MARQUEE> + бегущая строка
  • behavior — тип движения (alternate, scroll, slide)
  • bgcolor — цвет фона
  • direction — направление движения (left, right, up, down)
  • height — высота строки при вертикальном движении
  • loop — число повторений
  • scrollamount — скорость движения
  • title — строка-подсказка
  • width — ширина строки при горизонтальном движении
  • список
    <UL> + маркированный список
  • type — тип маркера (disk, circle, square)
  • title
  • <OL> + нумерованный список
  • type — тип нумерации (1, a, A, i, I)
  • start — начальное значение нумерации
  • title
  • <LI> ± элемент списка
  • type — тип нумерации
  • value — начальный номер
  • title
  • таблица
    <TABLE> + таблица
  • align — выравнивание таблицы
  • background — адрес фонового изображения
  • bgcolor — цвет фона
  • border — толщина рамки
  • bordercolordark — цвет тени рамки
  • bordercolorlight — цвет подсветки рамки
  • cellpadding — поля внутри ячейки
  • cellspacing — поля между ячейками
  • rules — отображение внутренних разделительных линий (none, rows, cols, all)
  • title
  • width и height
  • <TR> + строка таблицы
  • align — выравнивание таблицы
  • background — адрес фонового изображения
  • bgcolor — цвет фона
  • width и height
  • valign — вертикальное выравнивание (top, bottom, center)
  • <TD> + ячейка таблицы
  • align — выравнивание таблицы
  • background — адрес фонового изображения
  • bgcolor — цвет фона
  • width и height
  • valign — вертикальное выравнивание (top, bottom, center)
  • <CAPTION> + заголовок таблицы
  • valign — вертикальное выравнивание (top, bottom, center)
  • рамки, управляющие элементы
    <FIELDSET> + рамка
    <LEGEND> + заголовок рамки
  • align — выравнивание (top, bottom, left, right)
  • <FORM> + форма
  • action — адрес для отправки формы по сети
  • enctype — кодирование передаваемых по сети данных (text/plain)
  • method — способ передачи формы (get, post)

  • Пример: отправка формы по e-mail:
    <FORM action="mailto:my_adr@mail.ru"
          enctype="text/plain"
          method="post">
    <INPUT> управляющий элемент
  • align — выравнивание текста, расположенного у элемента (top, middle, bottom)
  • disabled — элемент недостижим для пользователя
  • readonly — только для чтения
  • size — размер текстового поля в символах
  • title — текст-подсказка
  • value — значение элемента
  • type — тип элемента:
    • button — кнопка, атрибут value задаёт текст на кнопке
    • checkbox — флажок, атрибут value задаёт состояние флажка: on — установлен, off — снят, атрибут checked — переключатель установлен по умолчанию
    • hidden — скрытое значение
    • password — поле ввода пароля
    • image — рисунок
    • radio — переключатель, value — состояние переключателя (on, off), checked — переключатель установлен по умолчанию
    • reset — кнопка, устанавливающая во всех управляющих элементах значения, используемые по умолчанию
    • submit — кнопка, отправляющая содержимое формы на сервер
    • text — текстовое поле
    <SELECT> + список выбора, внутри разрешён только тег <OPTION>
  • disabled — элемент недоступен
  • multiple — разрешён множественный выбор
  • size — количество отображаемых строк, если этот атрибут не указан, список отображается раскрывающимся
  • <OPTION> + элемент списка выбора
  • selected — элемент выбран
  • value — значение элемента
  • <TEXTAREA> + многострочное поле ввода
  • cols и rows — ширина и высота поля в символах
  • disabled — элемент недоступен
  • wrap — признак переноса слов (off — не переносить, physical — слова переносятся как на экране, так и при передаче данных серверу, virtual — слова переносятся только на экране)
  • изображение или видеоклип
    <IMG> вставка изображения или видеоклипа
  • align — выравнивание изображения в окружающем тексте (absbottom, absmiddle, baseline, bottom, left, middle, right, texttop, top)
  • alt — замещающий текст
  • border — толщина рамки
  • dynsrc — адрес видеоклипа
  • width и height — ширина и высота изображения
  • hspace и vspace — горизонтальные и вертикальные поля вокруг изображения
  • src — адрес изображения
  • usemap — ссылка на имя карты
  • <MAP> + описание карты
  • name — имя карты
  • <AREA> описание области на карте
  • shape — форма области (rect, circle, poly)
  • coords — координаты
  • href — ссылка
  • alt — альтернативный текст
  • гиперссылка, закладка
    <A> + гиперссылка или закладка
  • href — адрес
  • name — имя метки (закладки)
  • target — место загрузки документа:
    • _blank — новое окно
    • _parent — родительский фрейм
    • _self — текущее окно или фрейм
    • _top — во всё окно браузера
  • title — текст-подсказка
  • фрейм
    <FRAMESET> + расстановка кадров
  • border — толщина рамки
  • framespacing — поля кадров
  • cols и rows — количество частей по вертикали и горизонтали
  • title — текст-подсказка
  • <FRAME> ± кадр
  • name — имя кадра
  • src — адрес странички, размещаемой в кадре
  • noresize — изменение размеров кадров пользователем (noresize — запрещено, resize — разрешено)
  • scrolling — отображение полос прокрутки (auto, no, yes)
  • title
  • <NOFRAMES> + информация для пользователей браузеров, не поддерживающих фреймы
    CSS
    <STYLE> + описание пользовательского стиля
    <LINK> привязка стилевого файла
    скрипты
    <SCRIPT> + описание скрипта
  • language — язык скрипта
  • type — язык скрипта (альтернатива language)
  • src — адрес файла со скриптами
  • <NOSCRIPT> + информация для пользователей браузеров, не поддерживающих скрипты