Операторы html: Тег | htmlbook.ru

Тег | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
1.0+1.0+1.0+1.0+1.0+1.0+1.0+

Спецификация

HTML:3.24.015.0XHTML:1.01.1

Описание

Тег <img> предназначен для отображения на веб-странице
изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой
файл, поместив тег <img> в контейнер <a>.
При этом вокруг изображения отображается рамка, которую можно убрать, добавив
атрибут border=»0″ в тег <img>.

Рисунки также могут применяться в качестве карт-изображений, когда картинка
содержит активные области, выступающие в качестве ссылок. Такая карта по внешнему
виду ничем не отличается от обычного изображения, но при этом оно может быть
разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.

Синтаксис

HTML
<img src="URL" alt="альтернативный текст">
XHTML
<img src="URL" alt="альтернативный текст" />

Атрибуты

align
Определяет как рисунок будет выравниваться по краю и способ обтекания текстом.
alt
Альтернативный текст для изображения.
border
Толщина рамки вокруг изображения.
height
Высота изображения.
hspace
Горизонтальный отступ от изображения до окружающего контента.
ismap
Говорит браузеру, что картинка является серверной картой-изображением.
longdesc
Указывает адрес документа, где содержится аннотация к картинке.
lowsrc
Адрес изображения низкого качества.
src
Путь к графическому файлу.
vspace
Вертикальный отступ от изображения до окружающего контента.
width
Ширина изображения.
usemap
Ссылка на тег <map>, содержащий координаты
для клиентской карты-изображения.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Не требуется.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег IMG</title>
 </head>
 <body> 
  <p><a href="lorem.html"><img src="images/girl.png" 
  alt="lorem"></a>
  Lorem ipsum dolor sit amet...</p>
 </body>
</html>

Изображения

  • Альтернативный текст
  • Добавление рисунка
  • Изменение размеров рисунка
  • Изображение в качестве ссылки
  • Изображения
  • Изображения в тексте
  • Карты-изображения
  • Плавающие элементы
  • Почти стандартный режим
  • Применение таблиц
  • Строчные элементы
  • Управление историей для пользы и развлечения

HTML теги

Теги это строительные блоки в HTML. Все что можно увидеть на веб-странице и с чем можно взаимодействовать реализовано при помощи тегов HTML.

Теги имеют следующий формат: <имя_тега атрибут1=»значение» атрибут2=»значение»>данные</имя_тега> (например, <a href=’something.html’ title=’something’>Ссылка</a>) или <имя_тега атрибут1=»значение» атрибут2=»значение» /> (например, <input type=»text» name=»bob» />).

В данном справочнике содержится информация обо всех тегах HTML 4.01 и HTML5 с описанием, примерами и атрибутами.

Базовые теги

<!—…—>Вставляет комментарии
bodyОпределяет тело HTML документа
brВставляет разрыв строки
DOCTYPEДекларация типа HTML документа
h2-h6Определяют HTML заголовки
hrОпределяет тематический разрыв контента
htmlОпределяет, что это HTML-документ
pОпределяет текстовый параграф
titleОпределяет титульный заголовок страницы

Ссылки

aОпределяет гипертекстовую ссылку
linkОпределяет ссылку на внешний ресурс
navОпределяет набор ссылок навигации

Форматирование

abbrОпределяет аббревиатуру
acronymОпределяет акроним
addressОпределяет информацию об авторе статьи или документа
bОпределяет жирное начертание текста
bdiИзолирует текст от изменения направления вывода
bdoУстанавливает направление вывода текста
bigУвеличивает размер текста
blockquoteОпределяет цитату внутри документа
centerИспользуется для выравнивания текста по центру
citeОпределяет название работы, цитату или сноску на другой документ
codeОпределяет программный код
delОпределяет удаленный текст
dfnОпределяет первое появление нового термина
emОпределяет акцентированный текст
fontОпределяет характеристики шрифта текст
iУстанавливает начертание текста курсивом
insОпределяет новый добавленный текст
kbdОпределяет текст, набранный на клавиатуре
markОпределяет выделенный текст
meterОпределяет оценочный индикатор
preОпределяет заранее форматированный текст
progressОпределяет индикатор прогресса выполнения задачи
qОпределяет короткую цитату внутри документа
rpОпределяет текст для вывода в браузерах, не поддерживающих элемент <ruby>
rtОпределяет небольшую аннотацию к тексту
rubyПредназначен для добавления небольшой аннотации
sОпределяет нерелевантный текст
sampОпределяет текст, который является результатом вывода компьютерной программы
smallУменьшает размер текста
strikeОпределяет перечеркнутый текст
strongОпределяет важный текст
subОпределяет текст в виде нижнего индекса
supОпределяет текст в виде верхнего индекса
timeОпределяет дату/время
ttОпределяет телетайпный текст
uОпределяет подчеркнутый текст
varОпределяет переменную компьютерной программы
wbrОпределяет место для переноса строки в тексте

Программные объекты

appletВставляет в код страницы Java апплет
embedОпределяет контейнер для внешнего приложения
noscriptОпределяет контент, который будет отображаться, если браузер не поддерживает скрипты
objectВставляет в код страницы программный объект
paramОпределяет параметры для программных объектов
scriptОпределяет скрипты, исполняемые на стороне пользователя

Изображения

areaОпределяет активные области в карте-изображении
canvasОпределяет область, в которой можно рисовать при помощи скриптов
figcaptionОпределяет подпись к элементу <figure>
figureИспользуется для группирования различных самодостаточных элементов
imgВставляет изображение
mapОпределяет карту-изображение

Семантика и стили

articleОпределяет автономный контент
asideОпределяет блок сбоку от основного контента
detailsОпределяет дополнительную информацию
dialogСоздает диалоговое окно
divОпределяет блок кода HTML документа
footerОпределяет «подвал» документа или раздела
headerОпределяет «шапку» документа или раздела
mainОпределяет основное содержимое документа
sectionОпределяет раздел документа
spanИспользуется для группирования строчных элементов
styleОпределяет CSS стили на уровне веб-страницы
summaryОпределяет заголовок для элемента <details>

Аудио и видео

audioПозволяет в браузере проигрывать звуковые файлы
sourceОпределяет медиа ресурс для медиа элементов
trackОпределяет текстовую дорожку для медиа элементов
videoПозволяет в браузере проигрывать видео файлы

Мета-информация

baseОпределяет базовые URL для ссылок на странице
basefontОпределяет цвет, размер и шрифт текста по умолчанию
headЯвляется контейнером для всех головных элементов документа
metaОпределяет мета-информацию о HTML документе

Формы и элементы ввода

buttonОпределяет кнопку формы
datalistОпределяет предопределенные варианты значений для элемента <input>
fieldsetИспользуется для группирования родственных элементов формы
formИспользуется для создания HTML форм
inputОпределяет поле ввода HTML формы
keygenОпределяет поле-генератор ключей
labelОпределяет метку для элемента <input>
legendОпределяет заголовок для элемента <fieldset>
optgroupИспользуется для группирования родственных вариантов выбора
optionОпределяет отдельные пункты в выпадающем списке выбора
outputПредставляет результаты вычислительных операций
selectИспользуется для создания выпадающего списка
textareaОпределяет многострочное текстовое поле ввода

Таблицы

captionОпределяет пояснительный заголовок таблицы
colОпределяет свойства для каждого столбца таблицы
colgroupОпределяет группу из одного или более столбцов таблицы для форматирования
tableОпределяет HTML таблицу
tbodyГруппирует основное содержимое HTML таблицы
tdОпределяет стандартную ячейку HTML таблицы
tfootГруппирует содержимое нижнего колонтитула HTML таблицы
thОпределяет заголовочную ячейку HTML таблицы
theadГруппирует содержимое верхнего колонтитула HTML таблицы
trОпределяет строку HTML таблицы

Списки

ddИспользуется для создания определения термина в списке определений
dirОпределяет список директорий (системных папок)
dlСоздает список определений
dtСоздает термин в списке определений
liСоздает элемент списка
menuОпределяет список/меню команд
menuitemОпределяет команду/пункт меню
olСоздает упорядоченный (нумерованный) список
ulСоздает неупорядоченный (маркированный) список

Фреймы

frameОпределяет фрейм внутри фреймовой структуры
framesetОпределяет фреймовую структуру
iframeОпределяет встроенный фрейм
noframesОпределяет информацию, которая выводится, когда нет поддержки фреймов

Справочник по HTML

❮ Главная
Следующий ❯


Тег Описание
Определяет комментарий
  Определяет тип документа
<а> Определяет гиперссылку
<сокращение> Определяет аббревиатуру или акроним
<акроним> Не поддерживается в HTML5. Вместо этого используйте .
Определяет акроним
<адрес> Определяет контактную информацию для автора/владельца документа
<апплет> Не поддерживается в HTML5. Вместо этого используйте или .
Определяет встроенный апплет
<область> Определяет область внутри карты изображения
<артикул> Определяет артикул
<в сторону> Определяет содержимое помимо содержимого страницы
<аудио> Определяет встроенный звуковой контент
Определяет полужирный текст
<база> Указывает базовый/целевой URL-адрес для всех относительных URL-адресов в документе
<базовый шрифт> Не поддерживается в HTML5. Вместо этого используйте CSS.
Указывает цвет, размер и шрифт по умолчанию для всего текста в документе
Изолирует часть текста, которая может быть отформатирована в другом направлении
из другого текста вне его
Переопределяет текущее направление текста
<большой> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет большой текст
<цитата> Определяет раздел, цитируемый из другого источника
<тело> Определяет тело документа
Определяет одиночный разрыв строки
<кнопка> Определяет нажимаемую кнопку
<холст> Используется для рисования графики на лету с помощью сценариев (обычно JavaScript)
<заголовок> Определяет заголовок таблицы
<центр> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет центрированный текст
<цитировать> Определяет название произведения
<код> Определяет часть компьютерного кода
<кол> Указывает свойства столбца для каждого столбца в элементе

Указывает группу из одного или нескольких столбцов в таблице для форматирования
<данные> Добавляет машиночитаемый
перевод данного контента
<список данных> Указывает список предопределенных параметров для элементов управления вводом
<дд> Определяет описание/значение термина в списке описаний
<удалить> Определяет текст, который был удален из документа
<детали> Определяет дополнительные сведения, которые пользователь может просматривать или скрывать.
Указывает термин, который будет определен в содержимом
<диалог> Определяет диалоговое окно или окно
<каталог> Не поддерживается в HTML5. Вместо этого используйте

    .
    Определяет список каталогов
<дел> Определяет раздел в документе
<дл> Определяет список описаний
<дт> Определяет термин/имя в списке описаний
Определяет выделенный текст
<встроить> Определяет контейнер для внешнего приложения
<набор полей> Группирует связанные элементы в форме
Определяет заголовок для элемента

<рисунок> Задает автономный контент
<шрифт> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет шрифт, цвет и размер текста
<нижний колонтитул> Определяет нижний колонтитул для документа или раздела
<форма> Определяет форму HTML для пользовательского ввода
<кадр> Не поддерживается в HTML5.
Определяет окно (фрейм) в наборе фреймов
<набор кадров> Не поддерживается в HTML5.
Определяет набор кадров
От

до

Определяет заголовки HTML
<голова> Содержит метаданные/информацию для документа
<заголовок> Определяет заголовок для документа или раздела
<час> Определяет тематическое изменение содержания
Определяет корень документа HTML
<я> Определяет часть текста в другом голосе или настроении