-Рубрики

 -Поиск по дневнику

Поиск сообщений в SHEMOSKA

 -Подписка по e-mail

 


Без заголовка

Понедельник, 12 Декабря 2011 г. 14:38 + в цитатник
Цитата сообщения Silvestr Список всех тегов HTML с описанием

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

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

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

Гиперссылка

accesskey

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

href

Определяет имя и местоположение объекта гиперссылки
Задает URL ресурса, на который должен перейти пользователь, щелкнув по ссылке. Атрибут может указывать как на внешний документ, так и на элемент внутри данного документа.
Для создания гиперссылки вызова почтовой программы для написания письма используется . Причем многие почтовые программы позволяют заполнить многие поля (все поля опционны, вы можете заполнять только те что нужны): Параметры соединяются символом &, для пробелов используйте %20, для перевода на новую строку в сообщении - %0d%0a mailto:terminator2@mail.ru?subject=HTML%20в%20примерх&Body=Отличный%20справочник%20Так%20держать!&CC=billgates@microsoft.com&BCC="gooddy@rambler.ru (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 с описанием
      Часть 19 - Женя Попов сошел с ума!
      Часть 20 - Оптимизация картинок. Зачем?
      Часть 21 - ТОП 10HTML ошибок новичков
      Часть 22 - Оптимизация изображений для блога или сайта
      Рубрики:  ПОЛЕЗНЫЕ СОВЕТЫ/все для Оформление блога

       

      Добавить комментарий:
      Текст комментария: смайлики

      Проверка орфографии: (найти ошибки)

      Прикрепить картинку:

       Переводить URL в ссылку
       Подписаться на комментарии
       Подписать картинку