• Статьи

  • Женские курсы

  • Комментарии

  • Поблагодарить


  • Список всех тегов HTML с описанием

    Это цитата сообщения Silvestr Оригинальное сообщениеСписок всех тегов HTML с описанием

    Сегодня я публикую самый полный набор тегов html. Как выяснилось, эта тема востребована моими читателями и многие хотели бы освоить этот язык веб-разметки документов. А учеба, как известно, начинается с букваря. Вот я и решил разместить на своем блоге такой своеобразный букварь с полным набором тегов html и их описанием.


    HTML справочник — дескрипторы и их атрибуты

     
    Наименование дескриптора/атрибутаОписание

    Гиперссылка

    accesskey

    Определение «горячей клавиши» для гиперссылки

    href

    Определяет имя и местоположение объекта гиперссылки
    Задает URL ресурса, на который должен перейти пользователь, щелкнув по ссылке. Атрибут может указывать как на внешний документ, так и на элемент внутри данного документа.
    Для создания гиперссылки вызова почтовой программы для написания письма используется . Причем многие почтовые программы позволяют заполнить многие поля (все поля опционны, вы можете заполнять только те что нужны): Параметры соединяются символом &, для пробелов используйте %20, для перевода на новую строку в сообщении — %0d%0a mailto:[email protected]?subject=HTML%20в%20примерх&Body=Отличный%20справочник%20Так%20держать!&[email protected]&BCC=»[email protected] (subject — тема письма, Body — содержание письма, CC — копия на другой адрес

    name

    Служит для именования области Вэб-страницы

    tabindex

    Определяет порядок перехода по гиперссылкам

    target

    Определяет окно для отображения объекта гиперссылки
    _blank — загружает ссылку в новое окно
    _parent — Загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self
    _search — загружает ссылку в панель поиска браузера. Доступно в Internet Explorer 5 и выше
    _self — по умолчанию. Загружает ссылку в это же окно, где был произведен клик по ссылке
    _top — Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self.


    Определяет информацию зоны карты ссылок

    alt

    Задает текстовый ярлык для зоны карты ссылок

    coords

    Задает координаты характерных точек зоны карты ссылок

    href

    Задает имя и местоположение файла, связанного с зоной карты ссылок

    shape

    Задает форму зоны карты ссылок

    tabindex

    Задает порядок перехода по зонам карты ссылок

    Признак полужирного начертания текста

    Изменяет внешний вид всего текста

    size

    Изменяет размер шрифта всего текста

    Определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии. Громкость, продолжительность звучания музыки и другие характеристики определяются с помощью параметров тега, а также могут управляться через скрипты. Этот тег должен размещаться только в контейнере HEAD. Пользователи, как правило, отрицательно относятся к музыке, которая играет на сайте, поэтому используйте эту возможность с осторожностью и по необходимости.

    src

    Путь к музыкальному файлу

    loop

    Устанавливает, сколько раз проигрывать музыкальный файл

    volume

    Задает громкость звучания музыки на веб-странице. По умолчанию уровень звука устанавливается максимальным и зависит от текущих настроек оборудования и операционной системы. Целое число от -10000 до 0. Ноль соответствует максимальной громкости звучания.

    Укрупняет шрифт относительно размера соседнего текста

    Создает блок цитаты

    Тело Вэб-страницы — определяет видимую часть документа.В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты).

    alink, link, vlink

    Опрделеляют цвет гиперссылок

    background

    Определяет графический фон

    bgcolor

    Изменяет цвет фона

    bgproperties

    Определяет возможность перемещения графического фона при пролистывании страницы

    bottommargin

    Изменяет высоту нижнего поля

    leftmargin

    Изменяет ширину левого поля

    marginheight

    Изменяет высоту верхнего и нижнего полей

    marginwidth

    Изменяет ширину левого и правого полей

    rightmargin

    Изменяет ширину правого поля

    topmargin

    Изменяет высоту верхнего поля

    text

    Изменяет цвет текста


    Вставляет перевод строки

    clear

    Предотвращает перенос слов текста

    Создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега INPUT (с параметром type=»button | reset | submit»). В отличие от этого тега, BUTTON предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. Используя стили можно определить вид кнопки путем изменения шрифта, цвета фона, размеров и других параметров. Теоретически, тег BUTTON должен располагаться внутри формы, устанавливаемой элементом FORM. Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с тегом BUTTON, если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, помещать BUTTON в контейнер FORM обязательно.

    type

    Определяет тип кнопки, который устанавливает ее поведение в форме. По внешнему виду кнопки разного типа никак не различаются, но у каждой такой кнопки свои функции:
    button — обычная кнопка;
    reset — кнопка для очистки введенных данных формы и возвращения значений в первоначальное состояние;
    submit — кнопка для отправки данных формы на сервер.

    value

    Определяет значение кнопки, которое будет отправлено на сервер. На сервер отправляется пара «имя=значение», где имя задается параметром name тега BUTTON, а значение — параметром value. Значение может, как совпадать с текстом на кнопке, так быть и самостоятельным. Также параметр value применяется для доступа к данным через скрипты.


    Определяет заголовок для таблицы TABLE. Элемент CAPTION может располагаться только непосредственно после начального тега TABLE. Закрывающий тег обязателен.

    align

    Выравнивание заголовка относительно таблицы. Возможные значения: left, right, top (по умолчанию), bottom

    Центрирует элемент Web-страницы


    Создает неструктурную группу столбцов таблицы

    align

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

    bgcolor

    Задает цвет фона ячеек группы

    char

    Задает символ, определяющий порядок выравнивания данных в ячейках группы

    span

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

    valign

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


    Создает структурную группу столбцов таблицы

    align

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

    bgcolor

    Задает цвет фона ячеек группы

    char

    Задает символ, определяющий порядок выравнивания данных в ячейках группы

    span

    Определяет количество столбцов в группе

    valign

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

    Отмечает статью определения в списке определений

    Снабжает текст признаком зачеркивания

    Элемент

    является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить параметр class или id с именем селектора.

    class

    Определяет стиль, применяемый для области Вэб-страницы

    Создает список определений

    Отмечает текст термина в списке определений

    Выделяет текст курсивом


    Предназначен для группирования элементов формы. Такая группировка облегчает работу с формами, содержащих большое число данных. Например, один блок может быть предназначен для ввода текстовой информации, а другой — для флажков. Браузеры для повышения наглядности отображают результат использования тега FIELDSET в виде рамки. Ее вид зависит от операционной системы, а также используемого браузера. Закрывающий тег обязателен.

    align

    Определяет выравнивание группы по краю формы. По умолчанию группа, созданная с помощью тега FIELDSET, занимает 100% от ширины формы, поэтому добавление параметра align не приведет к заметному эффекту. Результат этого параметра будет проявляться только в случае, когда ширина формы (тег FORM) и блока FIELDSET различается. Используя стили и атрибут width (например, style=»width: 50%») можно указать разную ширину, и тогда параметр align будет выравнивать блок внутри формы. Такой же результат можно получить и путем применения свойства CSS text-align.

    Изменяет внешний вид текста

    color

    Изменяет цвет текста

    face

    Определяет гарнитуру шрифта

    size

    Размер текста в пределах от 1 до 7,где 1 — самый мелкий шрифт. По умолчанию равен 3.


    Создает форму

    accept-charset

    Задает формат кодировки данных

    action

    Задает место назначения данных формы

    enctype

    Определяет формат передаваемых данных формы

    method

    Задает способ пересылки данных формы по сети

    target

    Определяет место отображения сообщения о доставке данных формы

    Определяет свойства отдельного фрейма, на которые делится окно браузера. Этот элемент должен располагаться в контейнере FRAMESET, который к тому же задает способ разметки страницы на отдельные области. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью параметра src. Хотя обязательных атрибутов у тега и нет, рекомендуется задавать каждому фрейму имя через атрибут name. Это особенно важно, если требуется по ссылке из одного фрейма загружать документ в другой.

    bordercolor

    изменяет цвет линий рамки фрейма

    frameborder

    Обеспечивает сокрытие рамки фрейма

    marginheight

    Изменяет высоту верхнего и нижнего полей фрейма

    marginwidth

    Изменяет ширину левого и правого полей фрейма

    name

    Служит для именования фрейма

    noresize

    Предотвращает возможность изменения размеров фрейма

    scrolling

    Обеспечивает сокрытие или отображение полос прокрутки фрейма

    src

    Определяет имя и местоположение файла данных, отображаемых фреймом

    Создает набор фреймов

    border

    Изменяет толщину линий рамок фреймов

    bordercolor

    изменяет цвет линий рамок фреймов

    cols

    Создает столбцы рамок фреймов

    frameborder

    Скрывает рамки фреймов

    framespacing

    Задает толщину линий рамок фреймов

    rows

    Создает строки фреймов

    ..

    Заголовки разных уровней. Тегу H1 соответствует самый большой заголовок, тегу H6 — самый маленький. Закрывающий тег требуется.

    align

    Признак выравнивания заголовка

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



    Создает горизонтальную линейку

    align

    Признак выравнивания линейки

    noshade

    Создает линию без тени

    size

    Устанавливает высоту(толщину) линии

    width

    Устанавливает ширину линии в пикселах или процентах

    Указывает программе просмотра страниц, что это HTML документ

    Признак курсивного начертания текста

    Создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы. Тег IFRAME является контейнером, содержание которого игнорируется браузерами, не поддерживающих данный тег. Для таких браузеров можно указать альтернативный текст, который увидят пользователи. Он должен располагаться между элементами и .

    src

    Путь к файлу, содержимое которого будет загружаться во фрейм

    align

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

    name

    Имя фрейма. В обычном HTML-документе при переходе по ссылке, в окне браузера текущий документ заменяется новым. Чтобы направить содержимое во фрейм, он должен иметь уникальное имя, задаваемое атрибутом name. В этом случае при создании ссылки у тега требуется указать параметр target, в качестве значения которого выступает имя фрейма.

    Тег IMG служит для внедрения графики на страницы. На данный момент поддерживаются форматы файлов GIF, JPG, JPEG, PNG. Возможно использование анимированных картинок (GIF). Чтобы картинка была одновременно и ссылкой, то поместите тег IMG между

    align

    Задает признаки выравнивания текста относительно изображения

    alt

    Выводит текст к картинке. Полезно, если браузер не отображает графику на странице

    border

    Устанавливает толщину рамки вокруг изображения в пикселах. По умолчанию рамка не используется. При использовании изображения в качестве гиперссылки рекомендуется установить BORDER=0, чтобы подавить цветовую окантовку, которая появится вокруг изображения

    dynsrc

    Создает внедренный объект видео в IE

    controls

    Добавление кнопок управления просмотра видеоролика

    loop

    Для указания числа повторений видеоролика:
    loop=n — число повторений (n=1,2,3…)
    Loop=infinite — бесконечно повторяющийся видеоролик

    height, width

    Высота и ширина картинки в пикселах или процентах. Всегда желательно явно устанавливать эти параметры для ускорения загрузки страницы браузером

    hspace, vspace

    Обрамляет графическое изображение полосами чистого пространства

    ismap

    Создает карту ссылок

    lowsrc

    Указывает имя и расположение файла изображения низкого разрешения

    name

    Именует изображение

    src

    Определяет имя и местоположение файла графического изображения

    tabindex

    Определяет порядок перехода по изображениям

    usemap

    Определяет имя карты ссылок

    Предназначен для создания элементов управления и всегда используется совместно с атрибутом TYPE. Закрывающий тег не требуется. Главным образом INPUT предназначен для создания текстовых полей, различных кнопок, переключателей и флажков. Хотя элемент INPUT не требуется помещать внутрь контейнера FORM, определяющего форму, но если введенные пользователем данные должны быть отправлены на сервер, где их обрабатывает CGI-программа, то указывать FORM обязательно. То же самое обстоит и в случае обработки данных с помощью клиентских приложений, например, скриптов на языке JavaScript.

    type

    Описывает тип интерфейсного элемента. Может принимать следующие значения:
    text — текстовое поле. Предназначено для ввода символов с помощью клавиатуры.
    password — создает строку для ввода текста, при этом отображает вводимые символы как звездочки (*)
    checkbox — флажки. Позволяют выбрать более одного варианта из предложенных.
    radio — переключатели. Используются, когда следует выбрать один вариант из нескольких предложенных.
    file — создает элемент для выбора локальных файлов. Например, строку для имени файла и кнопку «Обзор», при нажатии на которую открывается диалог «Выбор файла»
    hidden — создает невидимый для пользователя элемент. Может использоваться для отправки дополнительной, служебной информации
    image — создает элемент формы в виде кнопки-изображения
    button — создает стандартную кнопку
    submit — кнопка для отправки данных формы на сервер.
    reset — кнопка для возвращение данных формы в первоначальное значение.

    size

    Устанавливает число видимых символов в text

    value

    Определяет значение элемента формы, которое будет отправлено на сервер или получено с помощью клиентских скриптов. На сервер отправляется пара «имя=значение», где имя задается параметром name тега INPUT, а значение — параметром value.

    checked

    Этот параметр определяет, помечен ли заранее такой элемент формы, как флажок или переключатель. В случае использования переключателей (radiobutton), может быть отмечен только один элемент группы, для флажков (checkbox) допустимо пометить хоть все элементы.

    name

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

    title

    Всплывающая подсказка

    Подчеркивает вставленный фрагмент текста

    Выделяет текст, который необходимо ввести

    Позиционирует слой (группу элементов) страницы

    height, width

    Задает высоту и ширину слоя

    left

    Координата слоя относительно левой кромки окна

    top

    Координата слоя относительно верхней кромки окна

    z-index

    Задает приоритет воспроизведения перекрывающихся элементов слоя

  • Определяет элемент списка

    type

    Стиль маркирования элемента списка

    value

    Устанавливает номер элемента списка

    Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега , тег размещается всегда внутри контейнера и не создает ссылку

    href

    Определяет имя и местоположение файла внешнего листа стилей

    rel

    Тип отношения внешнего листа стилей к Вэб-странице. Браузеры, как правило, из этого списка понимают только параметр stylesheet — определяет, что подключаемый файл хранит таблицу стилей (CSS)

    type

    Формат внешнего листа стилей. Для подключаемых таблиц связанных стилей применяется тип text/css


    Создает карту ссылок

    name

    Именование карты ссылок

    Создает объект бегущей строки

    behavior

    Способ поведения бегущей строки — определяет вид скроллинга:
    alternate — колебательные движения налево и направо;
    scroll — перемещение текста в направлении, указанном в DIRECTION. Достигнув края экрана, надпись появляется снова с противоположной стороны;
    slide— схоже с SCROLL, но текст перемещается только один раз и останавливается

    bgcolor

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

    direction

    Направление перемещения бегущей строки:
    down — движение вниз;
    left — движение справа налево (По умолчанию);
    right — движение слева направо ;
    up — движение вверх

    height, width

    Высота и ширина бегущей строки

    hspace, vspace

    Обрамление бегущей строки полосами чистого пространства

    loop

    Число циклов перемещения бегущей строки

    scrollamount

    Скорость движения строки. Может принимать значения от 1 до 10.
    1 — самое медленное движение, 10 — самое быстрое

    scrolldelay

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

    truespeed

    Определяет минимальное значение нтервала задержки scrolldelay

    Специальная группа инструкций

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

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

    Используется для указания имени автора. Поисковые системы могут найти нужный сайт по имени автора (или найти самого автора).

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

    Список терминов и ключевых слов  это то, что является самым главным при индексировании Вашего сайта поисковой машиной! Длина содержимого тегов МЕТА «keywords» не должна превышать 1000 символов

    Краткое описание Вашего сайта, используемое поисковым сервером для индексирования, и, как правило, вставляемое в текст страницы найденных совпадений в качестве описания Вашего сайта. Длина содержимого тегов МЕТА «description» не должна превышать 200 символов

    Запрещает индексацию страницы поисковыми роботами.

    Указывает, что страница динамичная, т.е. ее содержание периодически меняется

    Указывает роботу периодичность смены информации

    Указывает, что страница статичная, т.е. ее содержание не меняется

    (NO BReak line) запрещает перевод строки. Бывают случаи, когда возникает надобность в операции противоположного назначения – запретить перевод строки. Текст, заключенный между тэгами и , будет гарантированно располагаться в одной строке без переноса на другую. Длинная строка не уместится на экране, и для ее просмотра придется использовать горизонтальную полосу прокрутки. Закрывающий тег обязателен

    Отображает альтернативный текст при невозможности показа фреймов

    Отображает альтернативный текст при невозможности исполнения сценариев JavaScript

      Служит для создания нумерованного списка. Допускается вложение нумерованного списка в списки другого вида

      start

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

      type

      Определяет стиль нумерации списка:
      A — заглавные буквы;
      a — строчные буквы;
      I — заглавные римские цифры;
      i — строчные римские цифры;
      1 — арабские цифры (по умолчанию)

      Каждый элемент SELECT должен содержать хотя бы один или более элементов OPTION, с помощью которого создаются строки списков

      selected

      Индикатор, что данная строка является выбранной по умолчанию. Если данный индикатор отсутствует, то такой строкой является первый элемент

      Создает новый абзац

      align

      Признак выравнивания текста абзаца:
      left — выравнивание по левому краю (По умолчанию);
      right — выравнивание по правому краю;
      center — выравнивание по центру;
      justify — выравнивание по ширине

       обрамляет предварительно отформатированный текст. Преформатированный текст отображается моношириным шрифтом. Получается как бы текстовая вставка в html

      Краткий блок цитаты

      Выделяет текст примеров

      Серия сообщений «Правила, коды, подсказки«:
      Часть 1 — Обойма сервисов по работе с цветом.
      Часть 2 — По щучьему велению для веб-мастера.

      Часть 15 — Отличный тестер текста онлайн.
      Часть 16 — Ссылки и кнопки в HTML.
      Часть 17 — Список всех тегов HTML с описанием
      Часть 18 — Список всех тегов HTML с описанием


      Оставить комментарий

    1. Наш форум

    2. Женские курсы

    3. Свежие записи

    4. Рубрики