Справочник тегов html: Справочник по HTML | htmlbook.ru — Программирование на Python и Objective-C в Mac OS

Содержание

HTML 5 Convas РИСОВАНИЕ

Описание

Тег HTML5 <canvas> используется для рисования графики на лету с помощью сценариев (обычно JavaScript).

Однако элемент <canvas> не имеет собственных возможностей рисования (это только контейнер для графики)-для рисования графики необходимо использовать скрипт.

Метод Context () возвращает объект, предоставляющий методы и свойства для рисования на холсте.

Эта ссылка будет охватывать свойства и методы объекта контекста («2D»), который может использоваться для рисования текста, линий, прямоугольников, кругов и других объектов на холсте.

Поддержка браузера

Номера в таблице указывают первую версию браузера, которая полностью поддерживает элемент.

Элемент
<canvas>	4.0	9.0	2.0	3.1	9.0

Internet Explorer 9, Firefox, Opera, Chrome и Safari поддерживают <canvas> и его свойства и методы.

Примечание: Internet Explorer 8 и более ранние версии не поддерживают элемент <canvas>.

Цвета, стили и тени

Свойство	Описание
fillStyle	Задание или возврат цвета, градиента или узора, используемого для заполнения чертежа
strokeStyle	Задание или возврат цвета, градиента или узора, используемого для штрихов
shadowColor	Задает или возвращает цвет, используемый для теней
shadowBlur	Устанавливает или возвращает уровень размытия для теней
shadowOffsetX	Задание или возврат горизонтального расстояния тени от фигуры
shadowOffsetY	Задание или возврат вертикального расстояния тени от фигуры

Метод	Описание
createLinearGradient()	Создание линейного градиента (для использования в содержимом холста)
createPattern()	Повторяет указанный элемент в указанном направлении
createRadialGradient()	Создание радиального/кругового градиента (для использования в содержимом холста)
addColorStop()	Задает цвета и позиции остановки в объекте градиента

Стили линий

Свойство	Описание
lineCap	Задание или возврат стиля концевых колпачков для линии
lineJoin	Задает или возвращает тип создаваемого угла, когда две линии встречаются
lineWidth	Задает или возвращает текущую ширину строки
miterLimit	Задает или возвращает максимальную длину среза

Прямоугольники

Метод	Описание
rect()	Создание прямоугольника
fillRect()	Рисует «заполненный» прямоугольник
strokeRect()	Рисует прямоугольник (без заливки)
clearRect()	Очищает заданные пикселы в пределах заданного прямоугольника

Пути

Метод	Описание
fill()	Заполняет текущий чертеж (путь)
stroke()	На самом деле рисует путь, который вы определили
beginPath()	Начало пути или сброс текущего пути
moveTo()	Перемещение контура в указанную точку на холсте без создания линии
closePath()	Создание контура от текущей точки до начальной точки
lineTo()	Добавляет новую точку и создает линию к этой точке от последней указанной точки на холсте
clip()	Обрезает область любой формы и размера из исходного полотна
quadraticCurveTo()	Создание квадратичной кривой Безье
bezierCurveTo()	Создание кубической кривой Безье
arc()	Создание дуги/кривой (используется для создания окружностей или частей окружностей)
arcTo()	Создание дуги/кривой между двумя касательными
isPointInPath()	Возвращает значение true, если указанная точка находится в текущем пути, в противном случае false

Преобразования

Метод	Описание
scale()	Масштабирование текущего чертежа больше или меньше
rotate()	Поворот текущего чертежа
translate()	Пересопоставление позиции (0,0) на холсте
transform()	Заменяет текущую матрицу преобразования для чертежа
setTransform()	Сбрасывает текущее преобразование в матрицу удостоверения. Затем запускает transform()

Текст

Свойство	Описание
font	Задает или возвращает текущие свойства шрифта для текстового содержимого
textAlign	Задает или возвращает текущую трассу для текстового содержимого
textBaseline	Задает или возвращает текущую базовую линию текста, используемую при рисовании текста

Метод	Описание
fillText()	Рисует «заполненный» текст на холсте
strokeText()	Рисует текст на холсте (без заливки)
measureText()	Возвращает объект, содержащий ширину заданного текста

Рисунок

Метод	Описание
drawImage()	Рисует изображение, холст или видео на холсте

Манипулирование пикселями

Свойство	Описание
width	Возвращает ширину объекта ImageData
height	Возвращает высоту объекта ImageData
data	Возвращает объект, содержащий данные изображения заданного объекта ImageData

Метод	Описание
createImageData()	Создает новый пустой объект ImageData
getImageData()	Возвращает объект ImageData, который копирует пиксельные данные для заданного прямоугольника на холсте
putImageData()	Помещает данные изображения (из заданного объекта ImageData) обратно на холст

Композиции

Свойство	Описание
globalAlpha	Задание или возврат текущего значения альфа-канала или прозрачности чертежа
globalCompositeOperation	Задает или возвращает способ рисования нового изображения на существующем изображении

Другое

Метод	Описание
save()	Сохраняет состояние текущего контекста
restore()	Возвращает ранее сохраненные состояние и атрибуты пути
createEvent()
getContext()
toDataURL()

Список HTML тегов на одной странице. Справочник по тегам HTML5

Тег	Краткое описание
<!—…—>	Комментарий. Подробнее
<!DOCTYPE>	Определяет тип документа. Подробнее
<a>	Ссылка, гиперссылка, якорь. Подробнее
<abbr>	Определяет текст как аббревиатуру. Подробнее
<address>	Контактная информация автора или владельца документа. Подробнее
<area>	Определяет область на карте-изображении
<article>	Статья
<aside>	Контент в стороне (содержимое не является основным на странице по смыслу)
<audio>	Позволяет вставить воспроизводимый аудио файл. Подробнее
<b>	Полужирный текст. Подробнее
<base>	Задает базовый URL или атрибут target для относительных ссылок в документе. Подробнее
<bdi>	Область, где написание текста может имееть другое направления. Подробнее
<bdo>	Устанавливает направление написания текста. В отличии от <bdi> направление указывается физическое направление Подробнее
<blockquote>	Цитата. Подробнее
<body>	Указывает область body документа. Подробнее
<br>	Перенос строки. Подробнее
<button>	Кликабельная кнопка. Подробнее
<canvas>	Используется для рисовании графики с помощью скриптов
<caption>	Подпись таблицы. Подробнее
<cite>	Сноска на название материала. Подробнее
<code>	Используется для вставки компьютерного кода в текстовом виде. Подробнее
<col>	Задает характеристики колонок в таблице. Подробнее
<colgroup>	Определяет группу из одной или более колонок таблицы для форматирования. Подробнее
<datalist>	Используется для определения предопределенных вариантов на выбор при вводе в текстовом поле. Подробнее
<dd>	Определяет описание термина из тега <dt> в списке терминов <dl>. Подробнее
<del>	Текст, который удален в новой версии документа. Подробнее
<details>	Определяет дополнительную информацию, которую пользователь может просмотреть или скрыть. Подробнее
<dfn>	Указывает, что содержимое является термином. Подробнее
<dialog>	Определяет диалоговое окно или интерактивный элемент
<div>	Блочный элемент — один из основных элементов верстки. Подробнее
<dl>	Определяет список определений. Подробнее
<dt>	Название термина в списке определений <dl>. Подробнее
<em>	выделенный по смыслу текст (обычно, текст выделенный курсивом). Подробнее
<embed>	Контейнер для внешнего приложения
<fieldset>	Группа связанных элементов в форме. Подробнее
<figcaption>	Заголовок для <figure> элемента
<figure>	Определяет автономную группу из нескольких элементов (например картинка с подписью)
<footer>	Нижний колонтитул
<form>	Определяет форму пользовательского ввода. Подробнее
<h2> — <h6>	Заголовки HTML разного уровня: <h2>, <h3>, <h4>, <h5>, <h5>, <h6>. Подробнее
<head>	Указывает область head документа. Подробнее
<header>	Блок заголовка
<hr>	Горизонтальная линия — тематический разделитель. Подробнее
<html>	Корневой элемент. Сообщает браузеру, что данный документ является HTML документом. Подробнее
<i>	Выделяет текст курсивом. Подробнее
<iframe>	Определяет встроенный фрейм
<img>	Изображение, картинка. Подробнее
<input>	Поле для ввода, элемент формы. Подробнее
<ins>	Текст, который был добавлен в новой версии документа. Подробнее
<kbd>	Текст введенный с клавиатуры или названия кнопок клавиатуры. Обычно выделен моноширинным шрифтом. Подробнее
<label>	Метка для поля ввода. Обычно содержит подпись поля. Подробнее
<legend>	Заголовок элементов <fieldset>. Подробнее
<li>	Элемент списка. Подробнее
<link>	Определяет привязку внешнего ресурса (чаще всего, привязку таблицы стилей CSS). Подробнее
<main>	Основной контент
<map>	Контейнер для <area>. Определяет пользовательскую карту на изображении
<mark>	Выделенный текст (обычно с помощью подсветки фона). Подробнее
<menu>	Контейнер для списка пунктов меню
<menuitem>	Определяет элементы, которые пользователь может вызвать из контекстного меню
<meta>	Используется для определения мета-данных документа. Подробнее
<meter>	Измеритель значений в заданном диапазоне
<nav>	Контейнер для навигационных элементов
<noscript>	Альтернативный контент для пользователей, отключивших скрипты
<object>	Определяет встроенный объект
<ol>	Определяет нумерованный список. Подробнее
<optgroup>	Определяет группу связанных вариантов в выпадающем списке. Дает название группы. Подробнее
<option>	Параметр (вариант выбора) в выпадающем списке. Подробнее
<output>	Результат вычислений. Подробнее
<p>	Абзац. Подробнее
<param>	Задает параметры для встроенных объектов
<picture>	Контейнер для нескольких изображений
<pre>	Предварительно отформатированный текст. Подробнее
<progress>	Индикатор выполнения (прогресса)
<q>	Цитата в тексте. Подробнее
<rp>	Альтернативный текст, если браузер не поддерживает тег <ruby>. Подробнее
<rt>	Аннотация к содержимому тега <ruby>. Подробнее
<ruby>	Контейнер для символов и их расшифровки (в основном для Восточно-азиатских символов, иероглифов). Подробнее
<s>	Перечеркнутый текст. Подробнее
<samp>	Текст, являющийся результатом выполнения компьютерной программы (обычно выводится моноширинным шрифтом). Подробнее
<script>	Определяет скрипт или подключение скрипта из внешнего ресурса. Подробнее
<section>	Раздел
<select>	Определяет выпадающий список или список с множественным выбором. Подробнее
<small>	Текст шрифтом меньшего размера. Подробнее
<source>	Определяет ресурс для тегов <video>, <audio> и <picture>. Подробнее
<span>	Строчный элемент. Подробнее
<strong>	Текст, выделенный по значению. Обычно отображается полужирным. Подробнее
<style>	Определяет контейнер для определения CSS стилей документа. Подробнее
<sub>	Отображает текст в виде нижнего индекса. Подробнее
<summary>	Заголовок внутри тега <details>. Подробнее
<sup>	Отображает текст в виде верхнего индекса. Подробнее
<table>	Определяет таблицу. Подробнее
<tbody>	Определяет область контента в таблице. Подробнее
<td>	Ячейка в таблице <table>. Подробнее
<textarea>	Многострочное поле для ввода. Подробнее
<tfoot>	Определяет группу строк в нижней части таблицы <table> — нижний колонтитул. Подробнее
<th>	Ячейка — заголовок в таблице <table>. Подробнее
<thead>	Определяет группу строк в верхней части таблицы <table> — верхний колонтитул. Подробнее
<time>	Дата и/или время. Подробнее
<title>	Заголовок HTML документа. Подробнее
<tr>	Определяет строку в таблице. Подробнее
<track>	Определяет текстовую дорожку для тегов <video> и <audio> Подробнее
<ul>	Определяет маркированный список. Подробнее
<var>	Используется для обозначения содержимого тега как переменной. Подробнее
<video>	Позволяет вставить воспроизводимое видео. Подробнее
<wbr>	Место, где допускается перенос строки. Подробнее

Справочник тегов HTML — Веб учебники

= Новые теги в HTML5.

Теги	Описание
<!—…—>	Определяет комментарий
<!DOCTYPE>	Определяет тип документа
<a>	Определяет гиперссылку
<abbr>	Определяет аббревиатуру или акроним
<acronym>	Не поддерживается в HTML5. Использовать <abbr>. Определяет акроним
<address>	Определяет контактную информацию автора/владельца документа
<applet>	Не поддерживается в HTML5. Использовать <embed> или <object> Определяет встроенное приложение
<area>	Определяет область внутри изображения-карты
<article>	Определяет статью
<aside>	Определяет содержимое в стороне помимо содержимого страницы
<audio>	Определяет звуковое содержимое
<b>	Определяет bold (полужирный) текст
<base>	Задает базовый URL/цель для всех относительных URL-адресов в документе
<basefont>	Не поддерживается в HTML5. Использовать в CSS. Задает цвет, размер и шрифт по умолчанию для всего текста в документе
<bdi>	Изолирует часть текста, которая может быть отформатирована в другом направлении от другого текста за ее пределами
<bdo>	Переопределяет текущее направление текста
<big>	Не поддерживается в HTML5. Использовать в CSS. Определяет большой текст
<blockquote>	Определяет раздел, который цитируется из другого источника
<body>	Определяет тело документа
<br>	Определяет разрыв одной строки
<button>	Определяет кликабельную кнопку
<canvas>	Используется для рисования графики, на лету, с помощью сценариев (обычно JavaScript)
<caption>	Определяет подпись в таблице
<center>	Не поддерживается в HTML5. Используйте в CSS. Определяет центрированный текст
<cite>	Определяет название работы
<code>	Определяет часть компьютерного кода
<col>	Задает свойства столбцов для каждого столбца в элементе <colgroup>
<colgroup>	Задает группу из одного или нескольких столбцов в таблице для форматирования
<data>	Задает данные содержимого с машиночитаемым переводом
<datalist>	Задает список предопределенных параметров элементов управления вводом
<dd>	Определяет описание/значение термина в списке описаний
<del>	Определяет текст, который был удален из документа
<details>	Определяет дополнительные сведения, которые пользователь может просмотреть или скрыть
<dfn>	Представляет определяющий экземпляр термина
<dialog>	Определение диалогового окна или окна
<dir>	Не поддерживается в HTML5. Используйте <ul>. Определяет список директории
<div>	Определяет раздел в документе
<dl>	Определяет список описаний
<doctype>	Объявляет декларацию <!DOCTYPE>, документа HTML
<dt>	Определяет термин/имя в списке описаний
<em>	Определяет выделенный текст
<embed>	Определяет контейнер для внешнего приложения (non-HTML)
<fieldset>	Группы связанных элементов в форме
<figcaption>	Определяет подпись к фотографии для элемента <figure>
<figure>	Задает автономное содержимое
<font>	Не поддерживается в HTML5. Используйте в CSS. Определяет шрифт, цвет и размер текста
<footer>	Определяет нижний колонтитул для документа или раздела
<form>	Определяет форму HTML для пользовательского ввода
<frame>	Не поддерживается в HTML5. Defines a window (a frame) in a frameset
<frameset>	Не поддерживается в HTML5. Defines a set of frames
<h2> и <h6>	Определяет заголовки HTML
<head>	Определяет сведения о документе
<header>	Определяет верхний колонтитул для документа или раздела
<hr>	Определяет тематическое изменение в содержании
<html>	Определяет корень документа HTML
<i>	Определяет часть текста альтернативным голосом или настроением
<iframe>	Определяет встроенный фрейм
<img>	Определяет изображения
<input>	Определяет входной контроль
<ins>	Определяет текст, вставленный в документ
<kbd>	Определяет ввод с клавиатуры
<label>	Определяет лэйбл для элемента <input>
<legend>	Определяет подпись к фотографии для элемента <fieldset>
<li>	Определяет элемент списка
<link>	Определяет связь между документом и внешним ресурсом (чаще всего используется для ссылки на таблицы стилей)
<main>	Задает основное содержимое документа
<map>	Определяет изображение-карту на стороне клиента
<mark>	Определяет отмеченный/выделенный текст
<menu>	Определяет список/меню команд
<menuitem>	Определяет команду/меню, которое пользователь может вызвать из всплывающего меню
<meta>	Определяет метаданные о документе HTML
<meter>	Определение скалярного измерения в известном диапазоне (измеритель)
<nav>	Определяет ссылки навигации
<noframes>	Не поддерживается в HTML5. Определяет альтернативное содержимое для пользователей, которые не поддерживают фреймы
<noscript>	Определяет альтернативное содержимое для пользователей, которые не поддерживают сценарии на стороне клиента
<object>	Определяет внедренный объект
<ol>	Определяет упорядоченный список
<optgroup>	Определяет группу связанных параметров в раскрывающемся списке
<option>	Определяет параметр в раскрывающемся списке
<output>	Определяет результат расчета
<p>	Определяет параграф
<param>	Определяет параметр для объекта
<picture>	Определяет контейнер для нескольких ресурсов образа
<pre>	Определяет форматированный текст
<progress>	Представляет ход выполнения задачи
<q>	Определяет короткую цитату
<rp>	Определяет, что показывать в браузерах, не поддерживающих аннотации ruby
<rt>	Определение объяснения/произношения символов (для Восточно-азиатской типографии)
<ruby>	Определение аннотации ruby (для Восточно-азиатской типографии)
<s>	Определяет текст, который уже не исправить
<samp>	Определяет пример вывода из компьютерной программы
<script>	Определяет сценарий на стороне клиента
<section>	Определяет раздел в документе
<select>	Определяет раскрывающийся список
<small>	Определяет маленький текст
<source>	Определяет несколько ресурсов мультимедиа для элементов мультимедиа (<video> и <audio>)
<span>	Определение раздела в документе
<strike>	Не поддерживается в HTML5. Используйте <del> или <s>. Определяет зачеркнутый текст
<strong>	Определяет важный текст
<style>	Определяет сведения о стиле для документа
<sub>	Определяет подстрочный текст
<summary>	Определяет видимый Заголовок для элемента <details>
<sup>	Определяет надстрочный текст
<svg>	Определяет контейнер для графики SVG
<table>	Определяет таблицу
<tbody>	Группирует содержимое тела в таблице
<td>	Определяет ячейку в таблице
<template>	Определение шаблона
<textarea>	Определяет многострочный элемент управления вводом text area (область текста)
<tfoot>	Группирует содержимое нижнего колонтитула в таблице
<th>	Определяет ячейку заголовка в таблице
<thead>	Группирует содержимое заголовка в таблице
<time>	Определяет дату/время
<title>	Определяет заголовок документа
<tr>	Определяет строку в таблице
<track>	Определяет текстовые дорожки для элементов мультимедиа (<video>и <audio>)
<tt>	Не поддерживается в HTML5. Используйте в CSS. Определяет текст типа teletype (телетайпа)
<u>	Определяет текст, который должен стилистически отличаться от обычного текста
<ul>	Определяет неупорядоченный список
<var>	Определяет переменную
<video>	Определение видео или фильм
<wbr>	Определяет возможный разрыв линии

Теги по категориям | справочник HTML

Тег	Описание	Chrome	Firefox	Opera	Safari	IExplorer	Edge
<acronym>	Не поддерживается в HTML5. Определяет акроним. Используйте вместо данного элемента <abbr>.	Да	Да	Да	Да	Да	Да
<abbr>	Определяет аббревиатуру или акроним. Маркировка сокращений является полезной информацией для браузеров, систем перевода и поисковиков.	Да	Да	Да	Да	Да	Да
<address>	Определяет контактную информацию (автор / владелец) документа или статьи.	Да	Да	Да	Да	Да	Да
<b>	Определяет жирное начертание текста.	Да	Да	Да	Да	Да	Да
<bdi>	Изолирует фрагмент текста, который отформатирован в другом направлении, то есть позволяет браузерам корректно обрабатывать двунаправленный текст. Этот элемент полезно использовать при отображении текста с разной направленностью.	Да	Да	Да	Да	Нет	Нет
<bdo>	Используется для переопределения текущего направления текста (устанавливает направление вывода текста и преимущественно предназначен для использования с языками, где чтение происходит справа налево, например — арабский).	Да	Да	Да	Да	Да	Да
<big>	Не поддерживается в HTML5. Шрифт, который отображается большего размера. Используйте CSS вместо данного элемента.	Да	Да	Да	Да	Да	Да
<blockquote>	Определяет блочную цитату (длинная цитата внутри документа). Текст внутри этого тега отображается как выровненный блок с отступами слева и справа	Да	Да	Да	Да	Да	Да
<center>	Не поддерживается в HTML5. Определяет текст, который выровнен по центру. Используйте CSS вместо данного элемента.	Да	Да	Да	Да	Да	Да
<cite>	Предназначен для выделения названия произведений (по умолчанию — курсивом).	Да	Да	Да	Да	Да	Да
<code>	Предназначен для выделения части компьютерного кода (по умолчанию представлен моноширинным шрифтом).	Да	Да	Да	Да	Да	Да
<del>	Перечёркнутый (удалённый) текст	Да	Да	Да	Да	Да	Да
<dfn>	Используется, когда в документе упоминается новый термин или слово (первое и поясняемое употребление). По умолчанию, оно выделяется курсивом.	Да	Да	Да	Да	Да	Да
<em>	Экспрессивно-эмоциональное выделение текста	Да	Да	Да	Да	Да	Да
<font>	Не поддерживается в HTML5. Определяет цвет, размер и шрифт для текста. Используйте CSS вместо данного элемента.	Да	Да	Да	Да	Да	Да
<i>	Курсивное начертание текста	Да	Да	Да	Да	Да	Да
<ins>	Подчёркнутый текст, вставленный в документ.	Да	Да	Да	Да	Да	Да
<kbd>	Вводимые пользователем нажатия клавиш или текст, набираемый на клавиатуре.	Да	Да	Да	Да	Да	Да
<mark>	Выделенный/подсвеченный текст.	6.0	4.0	11.1	5.0	9.0	12.0
<meter>	Предназначен для отображения скалярной величины в заданном диапазоне, или же для графического представления дробного числа. Для использования данного тега должно быть известно максимальное значение.	8.0	6.0	11.0	6.0	Нет	13.0
<pre>	Определяет предварительно отформатированный текст, т.е. текст, который был помещён внутрь тега отобразится со шрифтом фиксированной ширины, и сохранит как пробелы, так и разрывы строк	Да	Да	Да	Да	Да	Да
<progress>	Предоставляет обратную связь, сообщая о состоянии текущего процесса, отображает какая часть задачи выполнена.	8.0	16.0	11.0	6.0	10.0	12.0
<q>	Используется для выделения коротких цитат (строчная цитата).	Да	Да	Да	Да	Да	Да
<rp>	Определяет, что отображать браузеру, который не поддерживает тег <ruby>	5.0	38.0	15.0	5.0	5.5	12.0
<rt>	Помещает полезный текст фуриганы в составе элемента <ruby>	5.0	38.0	15.0	5.0	5.5	12.0
<ruby>	Используются для добавления фуриган (фонетические подсказки в японском языке, их также называют — руби или ёмигана).	5.0	38.0	15.0	5.0	5.5	12.0
<s>	Определяет текст, который больше не является правильным или актуальным.	Да	Да	Да	Да	Да	Да
<samp>	Результат вывода компьютерной программы или скрипта.	Да	Да	Да	Да	Да	Да
<small>	Шрифт, который отображается меньшим размером(мелкий/юридический шрифт).	Да	Да	Да	Да	Да	Да
<strike>	Не поддерживается в HTML5. Отображает перечеркнутый текст. Используйте вместо данного элемента тег <del> или тег <s>	Да	Да	Да	Да	Да	Да
<strong>	Текст, которому придают особое значение (важный текст).	Да	Да	Да	Да	Да	Да
<sub>	Текст с нижним индексом.	Да	Да	Да	Да	Да	Да
<sup>	Текст с верхним индексом.	Да	Да	Да	Да	Да	Да
<time>	Тег временной разметки (семантическая разметка).	6.0	4.0	11.1	5.0	9.0	12.0
<tt>	Не поддерживается в HTML5. Отображает шрифт моноширинным текстом. Используйте CSS вместо данного элемента.	Да	Да	Да	Да	Да	Да
<u>	Содержит в себе текст, который должен стилистически отличаться от обычного текста, например слова с орфографическими ошибками или текст на другом языке.	Да	Да	Да	Да	Да	Да
<var>	Математические/переменные величины.	Да	Да	Да	Да	Да	12.0
<wbr>	Предоставляет возможность указать браузеру, что при необходимости в этом месте можно сделать перенос строки (например, слишком длинное слово или URL).	1.0	3.0	11.7	4.0	Нет	Да

Справочник тегов и атрибутов HTML

названия тегов	краткое описание тегов
<a>	Предназначен для создания ссылок (гипертекста). Атрибуты: name — Присваивает имя элементу. href — Присваивает адрес ресурса, к которому ведет ссылка. для создания ссылки вызова почтовой программы href=»mailto:e-mail» title— Всплывающая подсказка Синтаксис: <a href=»page.html» title=»описание»>открыть страницу</a> <a href=»http://www.site.ru» >ссылка на сайт</a> <a href=»mailto:[email protected]»>открыть почтовую программу</a> <a name=»razdel»>присвоить имя</a> <a href=»#razdel»>перейти к закладке</a> Читать о теге подробно в учебнике HTML
<abbr>	Выделяет в тексте аббревиатуру. Обычно подчеркивается пунктирной линией. Атрибуты: title— всплывающая подсказка Синтаксис: <abbr title=»Ваше описание»>HTML</abbr>
<acronym>	Выделяет в тексте акроним. Обычно подчеркивается пунктирной линией. Атрибуты: title— всплывающая подсказка Синтаксис: <acronym title=»Ваше описание»>Генштаб</acronym>
<address>	Указывает автора документа и его адрес. Обычно отображается курсивом. Атрибуты: title— всплывающая подсказка Синтаксис: <address title=»Ваше описание»>Иванов Иван Иванович</address>
<area>	Определяет области карты-изображения которые являются ссылками на тот или иной документ. располагается внутри тега <map> Атрибуты: alt — альтернативный текст для области изображения title— всплывающая подсказка href — указывает путь к открываемому документу shape — форма области рисунка которая будет служить ссылкой. Может иметь одно из трёх значений: rect — прямоугольная область poly — область представляет собой некий многоугольник circle — область заданная окружностью coords — координаты области nohref — область без ссылки на другой документ target — указывает в каком окне следует открывать документ. _blank — открыть в новом окне _self — открыть в текущем окне (по умолчанию) _parent — открыть документ в фрейме-родителе, если фреймов нет, то работает как _self. _top — отменяет фреймы и загружает документ в полном окне браузера, если фреймов нет, то как _self. Синтаксис: <area href=»primer.html» shape=»rect» coords=»15,15,80,80″ alt=»описание» title=»описание» target=»_blank»> не требует закрывающего тега Читать о теге подробно в учебнике HTML
<b>	Делает текст полужирным. Аналогичен тегу <strong>
<base>	в редакции.. Синтаксис:
<basefont>	в редакции.. Синтаксис:
<bdo>	Определяет направление вывода текста. Основное предназначение работа с текстами языковых групп, где чтение происходит справа — налево. Атрибуты: dir — Направление ltr Слева — направо (по умолчанию) rtl справа — налево title— Всплывающая подсказка Синтаксис: <bdo dir=»rtl» title=»Ваше описание»>Упер казак репу</bdo>
<bgsound>	Внедряет в документ звуковой файл. Файл проигрывается в качестве фоновой музыки. Атрибуты: loop — Указывает на количество повторов воспроизведения файла. 1 — Постоянное, непрерывное воспроизведение звукового файла. 0 — Воспроизведение звукового файла только один раз. X — Заданное количество повторов воспроизведения где Х — число повторов. src — Указывает путь к звуковому файлу Синтаксис: <bgsound src=»music.wav» loop=3> Не требует закрывающего тега.
<big>	Делает текст крупным.
<body>	«Тело» документа указывает содержание видимой части документа. Атрибуты: bgcolor — задаёт цвет фона документа. background — указывает адрес рисунка делая его фоном документа. text — цвет текста документа. link — цвет ссылок. vlink — цвет посещённых ссылок. alink — цвет нажатой, активной ссылки. bgproperties=»fixed» — делает рисунок фон фиксированным.(фоновое изображение не прокручивается при нажатии PageDown) Синтаксис: <body link=»#008000″ alink=»# ff0000 » vlink=»# ffff00″ text=»#484800″ bgcolor=»#ffffff» background=»fon.jpg» bgproperties=»fixed»> содержание видимой части документа </body> Читать о теге подробно в учебнике HTML
<blockquote>	Предназначен для создания цитат. Атрибуты: title— Всплывающая подсказка Синтаксис: <blockquote title=»подсказка»>Данный текст будет являться цитатой, имея отступы с обеих сторон документа и остального текста</blockquote>
<br>	Перенос строки.
<button>	в редакции.. Синтаксис:
<caption>	в редакции.. Синтаксис:
<center>	Горизонтальное выравнивание всех элементов по центру документа.
<cite>	Выделяет в тексте цитату. Обычно курсивом. Атрибуты: title— всплывающая подсказка Синтаксис: <cite title=»Ваше описание»>Лед тронулся! господа присяжные заседатели!</cite>
<code>	Отмечает текст как некий программный код. Обычно отображается моноширинным шрифтом. Атрибуты: title — всплывающая подсказка Синтаксис: <code title=»Ваше описание»>Некий программный код</code>
<col>	в редакции.. Синтаксис:
<colgroup>	в редакции.. Синтаксис:
<dd>	Описание списка определений. Атрибуты: title— Всплывающая подсказка Синтаксис: <dl> <dt>Опрределение <dd title=»подсказка»>Описание определения </dl> Закрывающий тег необязателен. Читать о теге подробно в учебнике HTML
<del>	Выделяет удалённый текст в новой версии документа. Выделенный текст станет перечёркнутым. Атрибуты: title— всплывающая подсказка Синтаксис: <del title=»Ваше описание»>Старая цена 1000р.</del> — Новая 999 р.!!!
<dfn>	Отмечает текст как определение. Обычно отображается курсивом. Атрибуты: title— всплывающая подсказка Синтаксис: <dfn title=»Ваше описание»>Электроток — это направленное упорядоченное движение заряженных частиц</dfn>
<div>	Определяет блок HTML. Преимущественно используется совместно с CSS. Атрибуты: align — Выравнивание блока относительно страницы: left — по левому краю документа (по умолчанию) right — по правому краю документа center — по центру justify — по обоим краям документа title — Всплывающая подсказка. unselectable — Запрещает или разрешает пользователю выделять текст в блоке. on — запрещает, off — разрешает. Синтаксис: <div unselectable=»on» align=»center» title=»подсказка»>Текст в этом блоке нельзя выделить</div> Читать о теге подробно в учебнике HTML
<dl>	Создаёт список определений.
<dt>	Определение списка определений. Атрибуты: title— Всплывающая подсказка Синтаксис: <dl> <dt title=»подсказка»>Опрределение <dd>Описание определения </dl> Закрывающий тег необязателен. Читать о теге подробно в учебнике HTML
<em>	Выделяет особенно важный фрагмент текста. Обычно браузерами отображается курсивом. Атрибуты: title— Всплывающая подсказка Синтаксис: <em title=»Ваше описание»>этот текст будет наклонным</em>
<embed>	в редакции.. Синтаксис:
<fieldset>	в редакции.. Синтаксис:
<font>	Шрифт. Атрибуты: size — размер шрифта color — цвет шрифта face — задаёт шрифт из библиотеки шрифтов Синтаксис: <font face=»arial» size=»+2″ color=»#ff0000″> этот текст будет напечатан красным цветом с помощью шрифта Аrial размером+2 </font> Читать о теге подробно в учебнике HTML
<form>	в редакции.. Синтаксис:
<frame>	Определяет фрейм в фреймовой структуре документа. Располагается внутри тега <frameset>. Атрибуты: srs — Путь к документу. Обязательный атрибут name — Присваивает имя фрейму. marginwidth — Отступ в пикселях от левого и правого края фрейма. marginheight — Отступ в пикселях от верхнего и нижнего края фрейма. scrolling — Определяет наличие полос прокрутки содержимого фрейма. no— никогда не показывать полосу прокрутки, yes — всегда показывать, auto— показывать в том случае если она необходима. noresize — Запрещает пользователю изменять размеры фрейма. frameborder — Определяет наличие рамок у фрейма. 1 — включить рамку 0— выключить рамку bordercolor — Задаёт цвет бордюра фрейма. Синтаксис: <html> <head> <title>фреймы</title> </head> <frameset rows=»30%,70%»> <frame src=»primer1.html» marginwidth=»0″ marginheight=»0″ noresize> *<frame src=»primer2.html» name=»osnovnoe» scrolling=»no» bordercolor=»#ff0000″>* </frameset> </html> Не требует закрывающего тега. Читать о теге подробно в учебнике HTML
<frameset>	Определяет фреймовую структуру документа. Используется вместо тега <body>. Атрибуты: rows — Определяет количество и размеры горизонтальных фреймов в пикселях процентах или * — использовать всё свободное пространство. cols — Количество и размеры вертикальных фреймов. border — Определяет ширину рамок фреймов в пикселях. frameborder — Определяет наличие рамок у фрейма. 1 — включить рамку 0 — выключить рамку framespacing — определяет ширину рамок фреймов в пикселях. Альтернатива border и frameborder при нулевом значении. Синтаксис: <html> <head> <title>фреймы</title> </head> <frameset rows=»15%,85%» framespacing=»0″ frameborder=»0″ border=»0″> <frame src=»logotype.html»> <frameset cols=»20%,80%» framespacing=»0″ frameborder=»0″ border=»0″> <frame src=»menu.html»> <frame src=»text.html»> </frameset> </frameset> </html> Читать о теге подробно в учебнике HTML
<h2>	Делает текст заголовоком. Может иметь значение от 1-6. Атрибуты: align -выравнивание заголовока по: center — центру left — левому краю right — правому краю title— Всплывающая подсказка Синтаксис: <h4 title=»Ваше описание» align=»right»>заголовок</h4> Читать о теге подробно в учебнике HTML
<head>	«Голова» определяет место в документе не для отображения видимой его части «тела» может располагать в себе теги предназначенные для поисковых машин, а так же название документа.
<hr>	Рисует горизонтальную линию. Атрибуты: align -выравнивание линии по: center — центру left — левому краю right — правому краю size — толщина линии width — ширина линии color — присваивает цвет линии noshade — указывает на отсутствие тени линии Синтаксис: *<hr align=»left» size=»5″ color=»#ff0000″* noshade>** не требует закрывающего тега Читать о теге подробно в учебнике HTML
<html>	Указывает программам просмотра html страниц начало и конец документа.
<i>	Делает текст наклонным.
<iframe>	Вводит на страницу не фреймовой структуры плавающий фрейм. Атрибуты: src — Путь к вводимому документу (обязательный атрибут) width — ширина плавающего фрейма в пикселях или процентах height — высота плавающего фрейма scrolling — показ полосы прокрутки: no— никогда не показывать полосу прокрутки, yes — всегда показывать, auto— показывать в том случае если она необходима. align — выравнивание пваюшего фрейма: left — слева right — справа top — выше bottom — ниже frameborder — наличие рамки вокруг плавающего фрейма: 1 — включить рамку 0— выключить рамку Синтаксис: <iframe src=»primer.html» align =»left» scrolling=»auto» frameborder=»1″></iframe> Читать о теге подробно в учебнике HTML
<img>	Выводит графическое изображение (рисунок). Атрибуты: src — адрес рисунка. (обязательный атрибут) align -выравнивание рисунка по: center — центру left — левому краю right — правому краю bottom — нижнему краю top — верхнему краю middle — по середине alt — Описание рисунка (когда он не загружен), может выполнять роль всплывающей подсказки. title— Всплывающая подсказка border — Толщина рамки bordercolor — Цвет рамки width — Ширина рисунка height — Высота рисунка hspace — Горизонтальный отступ vspace — Вертикальный отступ ismap — Изображение является навигационной картой на сервере usemap — Изображение является навигационной картой на стороне клиента. Синтаксис: *<img src=»foto.jpg» alt=»описание»* title=»описание» align=»right» hspace=»10″ vspace=»10″ border=»2″ bordercolor=»#ff0000″>** Не требует закрывающего тега Читать о теге подробно в учебнике HTML
<input>	в редакции.. Синтаксис:
<ins>	Выделяет новый текст в новой версии документа. Выделенный текст станет подчёркнутым. Противоположен по значению тегу <del>. Атрибуты: title— всплывающая подсказка Синтаксис: <del> Старая цена 1000р.</del> — <ins title=»Ваше описание»>Новая 999 р.</ins>!!!
<kbd>	От английского keyboard — клавиатура. Указывает текст вводимый с клавиатуры. Обычно отображается моноширинным шрифтом. Атрибуты: title— всплывающая подсказка Синтаксис: <kbd title=»Ваше описание»>Текст набранный клавиатурой</kbd>
<label>	в редакции.. Синтаксис:
<legend>	в редакции.. Синтаксис:
<li>	Обозначает элемент списка. Используется в нумерованных и ненумерованных списках. Атрибуты: title— Всплывающая подсказка Синтаксис: <ul> <li title=»главный пункт»>Пункт 1 <li>Пункт 2 <li>Пункт 3 </ul> Закрывающий тег необязателен. Читать о теге подробно в учебнике HTML
<link>	Указывает на связь документа с каким либо внешним файлом. Тег <link> является ссылкой, но не для людей а для программ, и ведет к внешнему файлу например иконке или таблице стилей.. Располагается в «голове» документа между тегом <head></head> и не выводится браузерами на экран. Атрибуты: href — Путь к файлу. rel — Определяет отношения между текущим документом и файлом, на который делается ссылка. shortcut icon — Определяет, что подключаемый файл является иконкой. stylesheet — Определяет, что подключаемый файл содержит таблицу стилей. application/rss+xml — Файл в формате XML для описания ленты новостей. type — тип данных подключаемого файла. Синтаксис: <head> <link rel=»shortcut icon» href=»favicon.ico»> <link rel=»stylesheet» href=»style.css» type=»text/css»> <title>link</title> </head> Не требует закрывающего тега.
<map>	Определяет место в коде документа в котором создаётся описание карты-изображения с помощью тега/тегов <area> Атрибуты: name — указывает имя графического изображения которое является картой Синтаксис: <img src=»karta.jpg» usemap=»#panel» border=»0″> <map name=»panel»> <area href=»primer.html» shape=»rect» coords=»15,15,80,80″ alt=»описание» title=»описание» target=»_blank»> </map> Читать о теге подробно в учебнике HTML
<marquee>	Бегущая строка. Атрибуты: behavior — определяет тип скроллинга, может иметь следующие значения: alternate — колебательные движения от края к краю scroll — прокручивание текста. текст будет выходить за рамки экрана и снова появляться с противоположной его стороны slide — прокручивание текста c остановкой. scrollamount — скорость бегущей строки от 1 до 10. loop задает количество прокруток бегущей строки. direction — направление движения текста. значения: up — вверх, down — вниз, left — влево, right — вправо. bgcolor — цвет фона бегущей строки, height — высота строки, width — ширина строки. title— Всплывающая подсказка Синтаксис: <marquee behavior=»alternate» direction=»right» scrollamount=»8″ bgcolor=»#b40000″ title=»описание»>этот текст будет являтся бегущей строкой</marquee> Читать о теге подробно в учебнике HTML
<meta>	Определяет мета теги информация в которых предназначена для браузеров и поисковых систем. Мета теги не видны пользователю и располагаются в заголовке HTML документа между тегами <head> </head> Атрибуты: http-equiv — указывает браузеру как следует обработать основное содержание документа. name — информационное имя. content — информационное содержание(обязательный атрибут). Атрибуты http-equiv и name могут быть равны любому подходящему идентификатору. Синтаксис: <head> <meta http-equiv=»Content-Type» Content=»text/html; Charset=Windows-1251″> <meta name=»author» Content=»Остап Бендер»> <meta name=»copyright» Content=»»Рога и копыта» Остап Бендер»> <meta name=»description» Content=»Производим закупку по выгодным ценам рогов и копыт!»> <meta name=»keywords» Content=»рога, копыта, рожки, рог, копыто, копытце, закупка, покупка, приобретение, выгодно, продать, купить, сбыть, реализовать, корова, бык, коровьи, бычьи, оплата, деньги, наличные, цена, цене»> </head> Не требует закрывающего тега. Читать о теге подробно в учебнике HTML
<nobr>	Запретить перенос строки. Противоположенный по значению тег <br> Синтаксис: <nobr>Длинная, длинная, очень длинная строка.. которая не будет переносится на другую строчку так как мы принудительно запретили ей это делать. Из-за неё появится горизонтальная полоса прокрутки, однако, что поделаешь, раз нам так захотелось..</nobr>
<noembed>	в редакции.. Синтаксис:
<noframes>	Тег <noframes> выводит текст заключенный в него в том случае если браузер пользователя не поддерживает фреймы или они принудительно выключены в его настройках.
<noscript>	Тег <noscript> выводит текст заключенный в него в том случае если браузер пользователя не поддерживает скрипты или они принудительно выключены в его настройках. Синтаксис: <noscript>Извините, но Ваш браузер не поддерживает скрипты..</noscript>
<object>	в редакции.. Синтаксис:
<ol>	Определяет нумерованный (упорядоченный) список. Атрибуты: type-Тип маркера А — Заглавные буквы а — Строчные буквы I — Заглавные римские цифры i — Строчные римские цифры 1 — Арабские цифры (по умолчанию) title — Всплывающая подсказка start — Начальное значение для нумерованного списка Синтаксис: <ol type=1 start=»24″ title=»список»> <li>Пункт 24 <li>Пункт 25 <li>Пункт 26 </ol> Читать о теге подробно в учебнике HTML
<optgroup>	в редакции.. Синтаксис:
<option>	в редакции.. Синтаксис:
<p>	Создаёт параграф. Атрибуты: align — Выравнивание параграфа относительно страницы: left — по левому краю документа (по умолчанию) right — по правому краю документа center — по центру justify — по обоим краям документа title— Всплывающая подсказка Синтаксис: <p align=»right» title=»Ваше описание»>Текст</p> Читать о теге подробно в учебнике HTML
<param>	в редакции.. Синтаксис:
<pre>	Обрамляет предварительно отформатированный текст. Браузер при выводе текста на экран не удаляет пробелы и переносы строк.
<q>	Предназначен для создания цитат. От <blockquote> отличается тем что цитата не имеет отступов. А в отличие от тега <cite> цитата обозначенная тегом <q> автоматически берётся браузерами в кавычки. Атрибуты: title— Всплывающая подсказка Синтаксис: <q title=»подсказка»>Данный текст будет являться цитатой.</q>
<s>	Делает текст перечёркнутым. Аналогичент тегу <strike>.
<samp>	Выделяет текст как образец. Используется для отметки текста являющемся результатом работы программ. Отображается моноширинным шрифтом. Атрибуты: title— Всплывающая подсказка Синтаксис: <samp title=»Ваше описание»>Этот текст является результатом действия некой программы</samp>
<script>	Внедряет на страницу скрипт. Атрибуты: defer — Указывает на то что перед выполнением скрипта следует полностью загрузить документ в который он внедрён. type — Определяет тип содержимого тега <script> language — Определяет язык скрипта. JScript javascript VBS VBScript src — Путь к внешнему файлу содержащему скрипт. Синтаксис: <html> <head> <title>скрипт</title> </head> <body> <script language=»vbscript»> Sub knopka() Alert «Привет мир!» End Sub </script> <button>кнопка</button> </body> </html>
<select>	в редакции.. Синтаксис:
<small>	Делает текст малым.
<span>	Определяет контейнер для внутреннего текста. Как правило используется совместно с CSS. Атрибуты: title — Всплывающая подсказка. unselectable — Запрещает или разрешает пользователю выделять текст в блоке. on — запрещает, off — разрешает. Синтаксис: <span unselectable=»on» title=»Описание»>Первое</span> слово в параграфе имеет собственыые свойства
<strike>	Делает текст перечёркнутым. Аналогичент тегу <s>.
<strong>	Выделяет особенно важный фрагмент текста. Обычно браузерами отображается полужирным. Атрибуты: title— всплывающая подсказка Синтаксис: <strong title=»Ваше описание»>Этот текст будет полужирным</strong>
<style>	Служит для определения стилей элементов страницы. Тег <style> распологается в заголовке страницы между <head></head>. Атрибуты: media — Указывает на устройство вывода, для работы с которым предназначена таблица стилей. all -Все устройства. screen — Монитор (по умолчанию). print — Принтер. projection — Проектор. braille — Устройства, основанные на системе Брайля. Предназначены для слепых людей. speech — Речевые синтезаторы. type — Сообщает браузеру, какой синтаксис использовать для правильной интерпретации стилей. Синтаксис: Стили style type=»text/css»> a:link { color: #008000; text-decoration: none; font-size: 14px; } a:hover { text-decoration: none; color: #ff0000; font-size: 18px; } </style> открыть страницу
<sub>	Нижний индекс.
<sup>	Верхний индекс.
<table>	Создаёт таблицу. Атрибуты: align — Выравнивание таблицы по: left — по левому краю (по умолчанию) right — по правому краю center — по центру justify — по левому и правому краю bgcolor — Цвет фона таблицы. border — Толщина бордюра в пикселях. background — Задает фоновый рисунок в таблице. bordercolor — Цвет бордюра. cellspacing — Расстояние между ячейками таблицы. cellpadding — Расстояние между содержимым ячейки и рамкой. width — Ширина таблицы в процентах или пикселях. height — Высота таблицы в процентах или пикселях. cols — Определяет число колонок в таблице. Позволяет браузерам показывать содержимое таблицы ещё до окончания её полной загрузки. frame — Определяет в каких местах таблицы следует показывать бордюр. void — Нет бордюра border — Бордюр вокруг всей таблицы. (по умолчанию) above — Бордюр по верхнему краю таблицы. below — Бордюр только снизу таблицы. hsides — Только горизонтальные границы. vsides — Только вертикальные границы. rhs -Бордюр только справа. lhs — Бордюр только слева. rules — Определяет в каких местах ячеек таблицы следует показывать бордюр. all — Вокруг каждой ячейки.(по умолчанию) groups — Между группами ячеек образованными тегами <thead>, <tbody>, <tfoot>, <colgroup>, <col>. cols — Только между столбцами таблицы. none — Отсутствуют. rows — Только между строк таблицы. Синтаксис: table cols=»2″ border=»5″ frame=»vsides» align=»center» cellpadding=»5″ cellspacing=»2″ bgcolor=»#ffa0cf»> строка1 ячейка1 строка1 ячейка2 строка2 ячейка1 строка2 ячейка2 </table> Читать о теге подробно в учебнике HTML
<tbody>	в редакции.. Синтаксис:
<td>	Создаёт отдельную ячейку в таблице. Атрибуты: width — Ширина ячейки в процентах или пикселях height — Высота ячейки в процентах или пикселях align — Выравнивает текст в ячейке: left — по левому краю (по умолчанию) right — по правому краю center — по центру justify — по левому и правому краю valign — Выравнивает текст в ячейке по вертикали: top — по верхнему краю middle — по центру bottom — по нижнему краю baseline — по базовой линии. colspan — количество столбцов занимаемое ячейкой rowspan — количество рядов занимаемое ячейкой bgcolor — Цвет фона ячейки background — Задает фоновый рисунок в ячейке. bordercolor — Цвет бордюра. title — Всплывающая подсказка nowrap — Запрещает перенос строк в ячейке. Синтаксис: <table border=»1″> <tr> <td colspan=»2″ valign=»top» align=»center» bgcolor=»#b2ff80″>строка1 ячейка1</td> </tr> <tr> <td bgcolor=»#ffa0cf»>строка2 ячейка1</td> <td title=»Описание ячейки» align=»center»>строка2 ячейка2</td> </tr> </table> Читать о теге подробно в учебнике HTML
<textarea>	в редакции.. Синтаксис:
<tfoot>	в редакции.. Синтаксис:
<th>	Создаёт ячейку в таблице которая определяется как заголовок. Обычно браузеры выравнивают содержимое ячейки/заголовка по центру и делают текст жирным. Атрибуты: width — Ширина ячейки в процентах или пикселях height — Высота ячейки в процентах или пикселях align — Выравнивает текст в ячейке: left — по левому краю right — по правому краю center — по центру justify — по левому и правому краю valign — Выравнивает текст в ячейке по вертикали: top — по верхнему краю middle — по центру bottom — по нижнему краю baseline — по базовой линии. colspan — количество столбцов занимаемое ячейкой rowspan — количество рядов занимаемое ячейкой bgcolor — Цвет фона ячейки background — Задает фоновый рисунок в ячейке. bordercolor — Цвет бордюра. title — Всплывающая подсказка nowrap — Запрещает перенос строк в ячейке. Синтаксис: <table border=»1″> <tr> *<th colspan=»2″ title=»Описание заголовка» bgcolor=»#b2ff80″ bordercolor=»#ff0000″>Заголовок таблицы</th>* </tr> <tr> <td bgcolor=»#ffa0cf»>строка2 ячейка1</td> <td title=»Описание ячейки» align=»center»>строка2 ячейка2</td> </tr> </table&gt
<thead>	в редакции.. Синтаксис:
<title>	Заголовок и название документа.
<tr>	Создаёт строку в таблице. Атрибуты: align — Выравнивает текст в ячейках строки: left — по левому краю (по умолчанию) right — по правому краю center — по центру justify — по левому и правому краю. valign — Выравнивает текст в ячейках строки по вертикали: top — по верхнему краю middle — по центру bottom — по нижнему краю baseline — по базовой линии. bordercolor — Цвет бордюра. bgcolor — Цвет фона ячеек строки Синтаксис: <table border=»1″> *<tr valign=»middle» align=»center» bordercolor=»#ff0000″>* <td>строка1 ячейка1</td> <td>строка1 ячейка2</td> </tr> <tr valign=»top» align=»left» bgcolor=»#ffa0cf»> <td>строка2 ячейка1</td> <td>строка2 ячейка2</td> </tr> </table> Читать о теге подробно в учебнике HTML
<tt>	Делает текст моноширинным.
<u>	Делает текст подчёркнутым.
<ul>	Определяет ненумерованныый (неупорядоченный)список. Атрибуты: type-Тип маркера disk — Закрашенный кружок. (по умолчанию) circle — Незакрашенный кружок square — Квадрат title— Всплывающая подсказка Синтаксис: <ul type=circle title=»список»> <li>Пункт 1 <li>Пункт 2 <li>Пункт 3 </ul> Читать о теге подробно в учебнике HTML
<var>	Выделяет в тексте переменные. Обычно отображается курсивом. Атрибуты: title— Всплывающая подсказка Синтаксис: <var title=»Ваше описание»>переменная</var>
<wbr>	Разрешает перенос строки. Используется внутри тега <nobr> Синтаксис: <nobr> Длинная, длинная, очень длинная строка.. которая не будет переносится на другую строчку так как мы принудительно запретили ей это делать. <wbr> Однако именно в этом месте мы все же разрешим перенести текст на следующую строчку </nobr> Не требует закрывающего тега.
<xmp>	Отображает текст в том виде в котором он и был набран. Пробелы, переносы строк не удаляются, кроме того спецсимволы выводятся как обычный текст. Синтаксис: <xmp> Пример: <html> <head> <title>Моя первая страничка </title> </head> <body> Привет мир!!! </body> </html> </xmp>

Справочник всех тегов и атрибутов HTML


Тег	Описание
<!–…–>	Используется для добавления комментариев.
<!DOCTYPE>	Объявляет тип документа и предоставляет основную информацию для браузера — его язык и версия.
<a>	Создаёт гипертекстовые ссылки.
<abbr>	Определяет текст как аббревиатуру или акроним. Поясняющий текст задаётся с помощью атрибута title.
<address>	Задает контактные данные автора/владельца документа или статьи. Отображается в браузере курсивом.
<area>	Представляет собой гиперссылку с текстом, соответствующей определенной области на карте-изображении или активную область внутри карты-изображения. Всегда вложен внутрь тега <map>.
<article>	Раздел контента, который образует независимую часть документа или сайта, например, статья в журнале, запись в блоге, комментарий.
<aside>	Представляет контент страницы, который имеет косвенное отношение к основному контенту страницы/сайта.
<audio>	Загружает звуковой контент на веб-страницу.
<b>	Задает полужирное начертание отрывка текста, не придавая акцент или важность выделенному.
<base>	Задает базовый адрес (URL), относительно которого вычисляются все относительные адреса. Это поможет избежать проблем при переносе страницы в другое место, так как все ссылки будут работать, как и прежде.
<bdi>	Изолирует отрывок текста, написанный на языке, в котором чтение текста происходит справа налево, от остального текста.
<bdo>	Отображает текст в направлении, указанном в атрибуте dir, переопределяя текущее направление написания текста.
<blockquote>	Выделяет текст как цитату, применяется для описания больших цитат.
<body>	Представляет тело документа (содержимое, не относящееся к метаданным документа).
<br>	Перенос текста на новую строку.
<button>	Создает интерактивную кнопку. Внутрь тега можно поместить содержимое — текст или изображение.
<canvas>	Холст-контейнер для динамического отображения изображений, таких как простые изображения, диаграммы, графики и т.п. Для рисования используется скриптовый язык JavaScript.
<caption>	Добавляет подпись к таблице. Вставляется сразу после тега <table>.
<cite>	Используется для указания источника цитирования. Отображается курсивом.
<code>	Представляет фрагмент программного кода, отображается шрифтом семейства monospace.
<col>	Выбирает для форматирования один или несколько столбцов таблицы, не содержащих информацию одного типа.
<colgroup>	Создает структурную группу столбцов, выделяющую множество логически однородных ячеек.
<datalist>	Элемент-контейнер для выпадающего списка элемента <input>. Варианты значений помещаются в элементы <option>.
<dd>	Используется для описания термина из тега <dt>.
<del>	Помечает текст как удаленный, перечёркивая его.
<details>	Создаёт интерактивный виджет, который пользователь может открыть или закрыть. Представляет собой контейнер для контента, видимый заголовок виджета помещается в тег <summary>.
<dfn>	Определяет слово как термин, выделяя его курсивом. Текст, идущий следом, должен содержать расшифровку этого термина.
<div>	Тег-контейнер для разделов HTML-документа. Используется для группировки блочных элементов с целью форматирования стилями.
<dl>	Тег-контейнер, внутри которого находятся термин и его описание.
<dt>	Используется для задания термина.
<em>	Выделяет важные фрагменты текста, отображая их курсивом.
<embed>	Тег-контейнер для встраивания внешнего интерактивного контента или плагина.
<fieldset>	Группирует связанные элементы в форме, рисуя рамку вокруг них.
<figcaption>	Заголовок/подпись для элемента <figure>.
<figure>	Самодостаточный тег-контейнер для такого контента как иллюстрации, диаграммы, фотографии, примеры кода, обычно с подписью.
<footer>	Определяет завершающую область (нижний колонтитул) документа или раздела.
<form>	Форма для сбора и отправки на сервер информации от пользователей. Не работает без атрибута action.
<h2-h6>	Создают заголовки шести уровней для связанных с ними разделов.
<head>	Элемент-контейнер для метаданных HTML-документа, таких как<title>, <meta>, <script>, <link>, <style>.
<header>	Секция для вводной информации сайта или группы навигационных ссылок. Может содержать один или несколько заголовков, логотип, информацию об авторе.
<hr>	Горизонтальная линия для тематического разделения параграфов.
<html>	Корневой элемент HTML-документа. Сообщает браузеру, что это HTML-документ. Является контейнером для всех остальных html-элементов.
<i>	Выделяет отрывок текста курсивом, не придавая ему дополнительный акцент.
<iframe>	Создает встроенный фрейм, загружая в текущий HTML-документ другой документ.
<img>	Встраивает изображения в HTML-документ с помощью атрибута src, значением которого является адрес встраиваемого изображения.
<input>	Создает многофункциональные поля формы, в которые пользователь может вводить данные.
<ins>	Выделяет текст подчеркиванием. Применяется для выделения изменений, вносимых в документ.
<kbd>	Выделяет текст, который должен быть введён пользователем с клавиатуры, шрифтом семейства monospace.
<keygen>	Генерирует пару ключей — закрытый и открытый. При отправке формы, закрытый ключ хранится локально, и открытый ключ отправляется на сервер. Работает внутри тега <form>.
<label>	Добавляет текстовую метку для элемента <input>.
<legend>	Заголовок элементов формы, сгруппированных с помощью элемента <fieldset>.
<li>	Элемент маркированного или нумерованного списка.
<link>	Определяет отношения между документом и внешним ресурсом. Также используется для подключения внешних таблиц стилей.
<main>	Контейнер для основного уникального содержимого документа. На одной странице должно быть не более одного элемента <main>.
<map>	Создаёт активные области на карте-изображении. Является контейнером для элементов <area>.
<mark>	Выделяет фрагменты текста, помечая их желтым фоном.
<meta>	Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке <head> может быть несколько тегов <meta>, так как в зависимости от используемых атрибутов они несут разную информацию.
<meter>	Индикатор измерения в заданном диапазоне.
<nav>	Раздел документа, содержащий навигационные ссылки по сайту.
<noscript>	Определяет секцию, не поддерживающую сценарий (скрипт).
<object>	Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется тег <param>.
<ol>	Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная.
<optgroup>	Контейнер с заголовком для группы элементов <option>.
<option>	Определяет вариант/опцию для выбора в раскрывающемся списке <select>, <optgroup> или <datalist>.
<output>	Поле для вывода результата вычисления, рассчитанного с помощью скрипта.
<p>	Параграфы в тексте.
<param>	Определяет параметры для плагинов, встраиваемых с помощью элемента <object>.
<pre>	Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д.
<progress>	Индикатор выполнения задачи любого рода.
<q>	Определяет краткую цитату.
<ruby>	Контейнер для Восточно-Азиатских символов и их расшифровки.
<rb>	Определяет вложенный в него текст как базовый компонент аннотации.
<rt>	Добавляет краткую характеристику сверху или снизу от символов, заключенных в элементе <ruby>, выводится уменьшенным шрифтом.
<rtc>	Отмечает вложенный в него текст как дополнительную аннотацию.
<rp>	Выводит альтернативный текст в случае если браузер не поддерживает элемент <ruby>.
<s>	Отображает текст, не являющийся актуальным, перечеркнутым.
<samp>	Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения. Отображается моноширинным шрифтом.
<script>	Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src.
<section>	Определяет логическую область (раздел) страницы, обычно с заголовком.
<select>	Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в <option>.
<small>	Отображает текст шрифтом меньшего размера.
<source>	Указывает местоположение и тип альтернативных медиа ресурсов для элементов <video> и <audio>.
<span>	Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов.
<strong>	Расставляет акценты в тексте, выделяя полужирным.
<style>	Подключает встраиваемые таблицы стилей.
<sub>	Задает подстрочное написание символов, например, индекса элемента в химических формулах.
<summary>	Создаёт видимый заголовок для тега <details>. Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка.
<sup>	Задает надстрочное написание символов.
<table>	Тег для создания таблицы.
<tbody>	Определяет тело таблицы.
<td>	Создает ячейку таблицы.
<textarea>	Создает большие поля для ввода текста.
<tfoot>	Определяет нижний колонтитул таблицы.
<th>	Создает заголовок ячейки таблицы.
<thead>	Определяет заголовок таблицы.
<time>	Определяет дату/время.
<title>	Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия.
<tr>	Создает строку таблицы.
<track>	Добавляет субтитры для элементов <audio> и <video>.
<u>	Выделяет отрывок текста подчёркиванием, без дополнительного акцента.
<ul>	Создает маркированный список.
<var>	Выделяет переменные из программ, отображая их курсивом.
<video>	Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg.
<wbr>	Указывает браузеру возможное место разрыва длинной строки.

Справочник по тегам HTML

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

: элемент Citation — HTML: язык разметки гипертекста

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

В контексте элемента творческое произведение, которое может быть процитировано, может быть, например, одним из следующих:

Книга
Исследовательская статья
Эссе
Стихотворение
Ноты
Песня
Сценарий спектакля или фильма
Пленка
Телевизионное шоу
Игра
Скульптура
Картина
Театральная постановка
Игра
Опера
Мюзикл
Выставка
Отчет о судебном деле
Компьютерная программа
Веб-сайт
Веб-страница
Запись в блоге или комментарий
Сообщение или комментарий на форуме
Твит
Сообщение в Facebook
Письменное или устное заявление
И так далее.

Стоит отметить, что в спецификации W3C говорится, что ссылка на творческую работу, включенная в элемент , может включать имя автора работы. Однако спецификация WHATWG для говорит об обратном: имя человека никогда не должно указываться ни при каких обстоятельствах.

Чтобы включить ссылку на источник цитируемого материала, который содержится в элементе

или , используйте атрибут cite элемента.
Обычно браузеры по умолчанию выделяют содержимое элемента курсивом. Чтобы избежать этого, примените свойство стиля шрифта CSS к элементу .
   Дополнительную информацию можно найти в  [ISO-0000] . 
  
HTML-код выше выводит:
таблицы BCD загружаются только в браузере
Элемент для длинных цитат.
Элемент для встроенных котировок.
: HTML-документ / корневой элемент - HTML: язык гипертекстовой разметки
HTML-элемент представляет собой корень (элемент верхнего уровня) HTML-документа, поэтому его также называют корневой элемент . Все остальные элементы должны быть потомками этого элемента.
Категории содержимого Нет.
Разрешенное содержание Один элемент , за которым следует один
элемент.
Отсутствие тега Начальный тег может быть опущен, если первое, что находится внутри
элемент не является комментарием.
Конечный тег может
опускаться, если элемент не сразу
с последующим комментарием.
Допущенные родители Нет. Это корневой элемент документа.
Неявная роль ARIA Без соответствующей роли
Разрешенные роли ARIA Нет роль разрешена
Интерфейс DOM HTMLHtmlElement
Этот элемент включает глобальные атрибуты.
манифест
Задает URI манифеста ресурса, указывающего ресурсы, которые следует кэшировать локально. Подробнее см. Использование кеша приложения.
версия
Задает версию определения типа документа HTML, которая управляет текущим документом. Этот атрибут не нужен, потому что он избыточен с информацией о версии в объявлении типа документа.
xmlns
Задает пространство имен XML документа. Значение по умолчанию - "http://www.w3.org/1999/xhtml" . Это требуется в документах, анализируемых с помощью анализаторов XML, и необязательно в текстовых / html-документах.
  

   ... 
   ... 

  
Предоставление атрибута lang с действительным тегом языка идентификации IETF в элементе поможет технологии чтения с экрана определить правильный язык для объявления.Идентификационный языковой тег должен описывать язык, используемый большей частью содержимого страницы. Без него программы чтения с экрана обычно по умолчанию используют язык, установленный операционной системой, что может вызвать неправильное произношение.
Включение действительного объявления lang в элемент также гарантирует, что важные метаданные, содержащиеся в страницы, такие как </code> страницы, также будут правильно объявлены.</p><p> таблицы BCD загружаются только в браузере</p><ul><li> Элемент верхнего уровня MathML: <code> <math> </code></li><li> Элемент верхнего уровня SVG: <code> <svg> </code></li></ul><h2><span class="ez-toc-section" id="_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82_Content_Division_-_HTML_%D1%8F%D0%B7%D1%8B%D0%BA_%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%82%D0%BA%D0%B8_%D0%B3%D0%B8%D0%BF%D0%B5%D1%80%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0"></span>: элемент Content Division - HTML: язык разметки гипертекста <span class="ez-toc-section-end"></span></h2><p> HTML-элемент <strong> <code></p><div> </code> </strong> является универсальным контейнером для потокового содержимого. Он не влияет на контент или макет, пока не будет каким-либо образом стилизован с использованием CSS (например, к нему напрямую применяется стиль или к его родительскому элементу применяется какая-то модель макета, такая как Flexbox).</p><p> Как «чистый» контейнер, элемент <code></p><div> </code> по своей сути ничего не представляет. Вместо этого он используется для группировки контента, чтобы его можно было легко стилизовать с помощью атрибутов <code> class </code> или <code> id </code>, помечая раздел документа как написанный на другом языке (используя атрибут <code> lang </code>) и т. Д.</p><p> Этот элемент включает глобальные атрибуты.</p><p> <strong> Примечание: </strong> Атрибут <code> align </code> устарел; больше не используйте его.Вместо этого вы должны использовать свойства или методы CSS, такие как CSS Grid или CSS Flexbox, для выравнивания и позиционирования <code></p><div> </code> элементов на странице.</p><ul><li> Элемент <code><div> </code> следует использовать только тогда, когда никакой другой семантический элемент (например, <code></p><article> </code> или <code></p><nav> </code>) не подходит.</li></ul><p> Элемент <code></p><div> </code> имеет неявную роль <code> общего </code>, а не никакую. Это может повлиять на определенные объявления комбинаций ARIA, которые ожидают, что прямой дочерний элемент с определенной ролью будет функционировать должным образом.</p><h4><span class="ez-toc-section" id="%D0%9F%D1%80%D0%BE%D1%81%D1%82%D0%BE%D0%B9_%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80"></span> Простой пример <span class="ez-toc-section-end"></span></h4><pre> <code> <div> <p> Здесь любой контент. Такие как & lt; p & gt ;, & lt; table & gt ;. Вы называете это! </p> </div> </code> </pre><p> Результат выглядит следующим образом:</p><h4><span class="ez-toc-section" id="%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D1%81%D1%82%D0%B8%D0%BB%D1%8F"></span> Пример стиля <span class="ez-toc-section-end"></span></h4><p> В этом примере создается затененный блок путем применения стиля к <code></p><div> </code> с использованием CSS. Обратите внимание на использование атрибута <code> class </code> в <code></p><div> </code> для применения стиля с именем <code> "shadowbox" </code> к элементу.</p><h5><span class="ez-toc-section" id="HTML"></span> HTML <span class="ez-toc-section-end"></span></h5><pre> <code> <div> <p> Вот очень интересная заметка, отображаемая в прекрасный затененный ящик. </p> </div> </code> </pre><h5><span class="ez-toc-section" id="CSS"></span> CSS <span class="ez-toc-section-end"></span></h5><pre> <code> .shadowbox { ширина: 15em; граница: 1px solid # 333; box-shadow: 8px 8px 5px # 444; отступ: 8px 12px; фоновое изображение: линейный градиент (180 градусов, #fff, #ddd 40%, #ccc); } </code> </pre><h5><span class="ez-toc-section" id="%D0%A0%D0%B5%D0%B7%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%82"></span> Результат <span class="ez-toc-section-end"></span></h5><p> Таблицы BCD загружаются только в браузере</p><h2><span class="ez-toc-section" id="%D0%A1%D0%BF%D1%80%D0%B0%D0%B2%D0%BA%D0%B0_%D0%BF%D0%BE_%D1%82%D0%B5%D0%B3%D0%B0%D0%BC_HTML_%D0%BF%D0%BE%D0%BB%D0%BD%D1%8B%D0%B9_%D1%81%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D0%B3%D0%BB%D0%BE%D1%81%D1%81%D0%B0%D1%80%D0%B8%D1%8F_%D0%BA%D0%BE%D0%B4%D0%BE%D0%B2"></span> Справка по тегам HTML | полный список глоссария кодов <span class="ez-toc-section-end"></span></h2><p> Путь // www.yourhtmlsource.com → Мой первый сайт → ССЫЛКА НА HTML-ТЕГ</p><hr/><p> В HTML довольно много тегов, и эти теги постоянно вытесняются при выпуске новых версий. Ниже приведен текущий список всех тегов, совместимых с HTML 4.01. Если вы хотите узнать больше о каком-либо из этих тегов, попробуйте щелкнуть по нему, и вы попадете в учебное пособие в одном из темных углов источника HTML.</p><p> Навигация по страницам: <br /> Базовая структура<br /> | Ссылки<br /> | Списки<br /> | Мультимедиа<br /> | Таблицы<br /> | Кадры<br /> | Формы<br /> | Форматирование текста</p><p> Эта страница последний раз обновлялась 21.08.2012</p><hr/><p></p><h3><span class="ez-toc-section" id="%D0%91%D0%B0%D0%B7%D0%BE%D0%B2%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D0%B0"></span> Базовая структура <span class="ez-toc-section-end"></span></h3><dl><dt> <code> <<strong>! DOCTYPE </strong>> </code></dt><dd> DTD (объявление типа документа), сообщает вашему браузеру, какую версию HTML вы используете.Убедитесь, что вы используете правильный DTD, иначе ваша страница может отображаться некорректно.</dd><dt> <code> <<strong> html </strong>> ...</html> </code></dt><dd> Стандартные открывающие и закрывающие теги для любой HTML-страницы. Вложите в них все остальное. <strong> Бирка контейнера </strong>.</dd><dt> <code> <! - ... -> </code></dt><dd> Комментарий - все, что вы здесь поместите, будет пропущено браузером.</dd><dt> <code> <<strong> головка </strong>> ...</head> </code></dt><dd> Начинает заголовок вашего документа.Все, что находится между ними, в основном используется, чтобы помочь вашему браузеру и поисковым системам классифицировать вашу страницу. Использовать это необязательно, но рекомендуется. <strong> Бирка контейнера </strong>.</dd><dd><dl><dt> <code> <<strong> title </strong>> ...
Все, что находится между этими тегами, появится на синей полосе в верхней части экрана.
< мета >
Группа тегов, которые предоставляют информацию о странице и создателе специально для поисковых систем.
< базовый >
Изменяет цель ссылки по умолчанию или относительный URL-адрес ссылки, полезно, если страница читается на другом сервере.
< ссылка >
Позволяет связать таблицы стилей и значок избранного с вашей страницей.
< корпус > ...
Все, что отображается на вашей странице, размещается между этими тегами. Все. Бирка контейнера .
Ссылки
< a > ...
Делает заключенный текст или изображение гиперссылкой на другой файл.
Списки
< ol > ...
Создает упорядоченный список, в котором каждый элемент пронумерован по порядку. Ярлык контейнера .
< ul > ...
Создает неупорядоченный список с маркировкой каждого элемента. Ярлык контейнера .
< li >
Каждый элемент списка начинается с li , и все они помещаются либо в ol , либо в ul .
< дл > ...

Создает список определений.
< dt >
Создает определение термина.
< дд >
Создает определение, которое появляется под родительским термином с отступом слева.
< img >
Размещает изображение на вашей странице
< встроенный >
Добавляет мультимедийный элемент прямо на вашу страницу, позволяя вашему браузеру воспроизводить его с помощью плагина.
< скрипт > ...
Добавляет сценарий, обычно JavaScript, на вашу страницу.

Включите все, что вы хотите отображать в браузерах, не поддерживающих скрипты.
Таблицы
< таблица > ...
Помещает таблицу на вашу страницу. Ярлык контейнера .
< caption > ...
содержит заголовок таблицы, своеобразное название. Он будет отображаться вверху, если не указано иное.Этот тег не должен содержаться в tr или td .
< tr > ...
начинает новую строку таблицы. Клетки входят в это. Атрибуты такие же, как у td .
< td > ...
включает ячейку таблицы. В них идет контент.
< th > ...
То же, что и ячейки таблицы, но все содержимое выделено жирным шрифтом и выровнено по центру.
< thead > ...
Определяет часть заголовка большой таблицы. Оберните теги вокруг строк / ячеек, которые вы хотите определить как заголовок.
< кузов > ...
Определяет основную часть сложной таблицы.
< tfoot > ...
Оберните этим нижний колонтитул таблицы.
< colgroup >
Позволяет установить атрибуты для всего столбца.Каждый столбец нужно определять последовательно.
Рамки
< набор кадров > ...
Запускает новую компоновку фрейма. При построении страницы-фрейма body не используется. Ярлык контейнера .
< рама >
Определяет отдельный фрейм в наборе фреймов.
< кадров >...
Если у посетителя старый браузер, который не поддерживает фреймы, вы можете оставить сообщение или какой-либо контент между этими тегами.
< iframe > ...
Размещает встроенный или «плавающий» фрейм. Его можно разместить в любом месте на обычной странице, то есть он не обязательно должен быть частью набора фреймов .
Формы
< форма >...
Начинает область формы. Добавьте между этими тегами любые элементы формы, которые вы хотите использовать. Ярлык контейнера .
< ввод >
Позволяет добавлять различные поля пользовательского ввода, такие как текстовые поля, флажки, переключатели, кнопки отправки и сброса, в зависимости от того, как вы устанавливаете атрибут типа .
< textarea > ...
Добавляет многострочную текстовую область, подходящую для ввода большего объема информации, чем однострочное текстовое поле.Любой текст, добавленный между тегами, помещается в область при загрузке страницы.
< выберите > ...
Устанавливает пустой раскрывающийся список выбора. Вы можете добавить варианты с помощью тега .
< fieldset > ...
Позволяет группировать элементы формы вместе в логические структуры.
< легенда >...
С помощью этого тега можно присвоить заголовок fieldset s.
< label > ...
С помощью этого тега можно сделать пояснительный текст рядом с элементом формы частью интерактивной области, что значительно упрощает выбор элементов.
Форматирование текста
<адрес> ...
Включает подпись и адрес автора, выделенные курсивом.
...
Выделяет заключенный текст полужирным шрифтом.
...
Увеличивает размер заключенного текста.
...
Позволяет сдвинуть текст с двух сторон.
Останавливает текущую строку и переходит к следующей.
...
Выравнивает окружающие объекты (от текста или изображений до форм и т. Д.)) в центр.
...
Включает цитату и обычно выделяется курсивом.
...
Если вы включаете компьютер или HTML-код в свои документы, оберните их вокруг него. Он отображается мелким шрифтом.
...
Определение. Как обычно, выделено курсивом.
...
Окружите отдельные разделы своей страницы блоками div, в первую очередь для их выравнивания, но поддерживаются многие другие атрибуты, и блоки div также можно использовать для настройки слоев.
...
Подчеркивает окруженный текст, изменяя его курсивом.
...
Задает свойства шрифта для выделенного текста.
...
Устанавливает текст в качестве заголовка со значениями от h2 (самый большой) до h6 (самый маленький).
Позволяет вставить серую горизонтальную линию поперек страницы.
...
Тег по умолчанию для курсива.
...
Подразумевает, что текст нужно вводить с клавиатуры. Он выполнен с одним интервалом и маленьким.
...
Указывает, что заключенный текст не следует переносить по краю экрана, а продолжать до тех пор, пока это необходимо.

Если вам нужен разрыв строки в блоке текста, который вы установили в nobr , добавьте это.
...
Делает заключенный текст абзацем с пропущенными строками вверху и внизу.
...
Отображает текст шрифтом фиксированной ширины и сохраняет форматирование исходного текста (т. Е. Пробелы и разрывы строк).
...
Используется для разметки коротких встроенных котировок. Некоторые браузеры добавляют текст в кавычки.
... (или ... )
Показывает текст зачеркнутым.
...
Обозначает пример вывода из формы или программы. Текст отображается мелким шрифтом.
<маленький>...
Уменьшает размер заключенного текста на один размер.
...
Позволяет выделить выделенный текст, выделенный полужирным шрифтом.
_...
Отображает текст в нижнем индексе, то есть слова под обычным текстом. Например: _это
^...
Сестринский тег для выше, отображает текст в верхнем индексе.^{Нравится}
...
Отображает текст с односторонним шрифтом фиксированной ширины; как старая машинка.
...
Показывает подчеркнутый текст в окружении.
Источник HTML принадлежит мне, Россу Шеннону. Я веб-дизайнер из Ирландии и сейчас заканчиваю докторскую степень в области компьютерных наук.
Полный список HTML-тегов
TL; DR - HTML-теги - это синтаксические компоненты, используемые для определения HTML-элементов.
A
Устанавливает гиперссылку на другую страницу
Обозначает аббревиатуру или аббревиатуру и дает полнотекстовое объяснение (необязательно)
<аббревиатура> УСТАРЕВШИЙ. Определил аббревиатуру и связал с ней пояснение (необязательно)
<адрес> Определяет контактную информацию автора документа.
<приложение> УСТАРЕВШИЙ. Встроенный Java-апплет в HTML-документ
Определяет интерактивную область на карте изображений
<статья> Определяет независимое содержимое
<сторона> Описывает содержимое, отображаемое рядом с другим содержимым
<аудио> Включает звук на веб-страницу (музыку, потоки и т. Д.).)
B
Отображает заключенный текст жирным шрифтом без придания дополнительной важности
<база> Определяет базовый URI или URL для всех относительных ссылок в документе HTML
<базовый УСТАРЕВШИЙ. Определены семейство шрифтов по умолчанию, размер шрифта, цвет текста для всего текста в документе
Определяет изоляцию двунаправленного текста
Определяет переопределение двунаправленного текста
УСТАРЕВШИЙ.Определен больший размер шрифта в HTML
УСТАРЕВШИЙ. Определенный текст для мигания
Определяет цитируемый раздел
Определяет HTML-контейнер, содержащий видимое содержимое HTML-документа
Определяет разрыв строки
<кнопка> Создает кнопку
С
<холст> Определяет область веб-страницы, которая становится пространством для визуализации графики
<заголовок> Определяет заголовок таблицы HTML
<центр> УСТАРЕВШИЙ.Установите выравнивание содержимого по центру
Определяет название работы
<код> Определяет текст, который будет отображаться в стиле компьютерного вывода
Задает сгруппированные атрибуты для столбцов
Задает общий стиль форматирования для группы столбцов
<комментарий> Задает комментарий в исходном коде документа
D
Определяет функцию автозаполнения, которая будет использоваться с элементом формы
Описывает термин в списке описания
Определяет удаленный текст в документе и зачеркивает его
<подробности> Задает дополнительные сведения, которые можно показать или скрыть вручную
Обозначает термин, требующий объяснения
<диалог> Создает всплывающие диалоговые окна моделей
УСТАРЕВШИЙ.Определен список каталогов
Определяет раздел или подразделение в HTML-документе путем группировки элементов
Определяет список описаний
Определяет термин описания
E
Определяет выделенный текст
Определяет встроенный ресурс
Ф
Определяет группу элементов
Устанавливает заголовок для элемента
<рисунок> Определяет автономный фрагмент содержимого
УСТАРЕВШИЙ.Определенный стиль текста
<нижний колонтитул> Определяет контекст нижнего колонтитула
<форма> Определяет группу отправляемых входов
<рамка> УСТАРЕВШИЙ. Определен один единственный кадр на веб-странице
УСТАРЕВШИЙ. Определен контейнер для хранения нескольких фреймов
H
-
Определяет заголовки в документе
Определяет пространство для объявления заголовка, таблиц стилей, скриптов и другой информации, относящейся к документу
<заголовок> Определяет контейнер для одного или нескольких заголовков
Определяет тематическое разделение содержимого
Определяет документ как документ HTML
Я
Определяет текст, выделенный курсивом
<кадр> Определяет фрейм встроенного характера
Устанавливает область для изображения
<вход> Определяет элемент, используемый для получения значений от пользователя
Определяет вставленный текст в документ
К
Обозначает ввод с клавиатуры пользователя
УСТАРЕВШИЙ.Определена пара ключей, используемая при отправке HTML-формы
л
<метка> Определяет метку для данного элемента ввода
<легенда> Устанавливает заголовок для набора полей
Определяет элемент списка в списке
<ссылка> Устанавливает связь между документом и другими внешними ресурсами
M
<основной> Определяет основное содержание документа
<карта> Определяет клиентскую карту изображений (изображение с интерактивными местами)
Определяет выделенный текст
Определяет список / меню команд
УСТАРЕВШИЙ.Определена команда, которая может быть вызвана из всплывающего меню пользователем
Определяет дополнительную информацию о веб-сайте
<метр> Отображает скалярное измерение в известном диапазоне
№
Определяет блок навигационных ссылок на основные разделы веб-сайта

Категории содержимого	Нет.
Разрешенное содержание	Один элемент , за которым следует один элемент.
Отсутствие тега	Начальный тег может быть опущен, если первое, что находится внутри элемент не является комментарием. Конечный тег может опускаться, если элемент не сразу с последующим комментарием.
Допущенные родители	Нет. Это корневой элемент документа.
Неявная роль ARIA	Без соответствующей роли
Разрешенные роли ARIA	Нет `роль` разрешена
Интерфейс DOM	`HTMLHtmlElement`

	Устанавливает гиперссылку на другую страницу
	Обозначает аббревиатуру или аббревиатуру и дает полнотекстовое объяснение (необязательно)
<аббревиатура>	УСТАРЕВШИЙ. Определил аббревиатуру и связал с ней пояснение (необязательно)
<адрес>	Определяет контактную информацию автора документа.
<приложение>	УСТАРЕВШИЙ. Встроенный Java-апплет в HTML-документ
	Определяет интерактивную область на карте изображений
<статья>	Определяет независимое содержимое
<сторона>	Описывает содержимое, отображаемое рядом с другим содержимым
<аудио>	Включает звук на веб-страницу (музыку, потоки и т. Д.).)

	Отображает заключенный текст жирным шрифтом без придания дополнительной важности
<база>	Определяет базовый URI или URL для всех относительных ссылок в документе HTML
<базовый	УСТАРЕВШИЙ. Определены семейство шрифтов по умолчанию, размер шрифта, цвет текста для всего текста в документе
	Определяет изоляцию двунаправленного текста
	Определяет переопределение двунаправленного текста
	УСТАРЕВШИЙ.Определен больший размер шрифта в HTML
	УСТАРЕВШИЙ. Определенный текст для мигания
	Определяет цитируемый раздел
	Определяет HTML-контейнер, содержащий видимое содержимое HTML-документа
	Определяет разрыв строки
<кнопка>	Создает кнопку

<холст>	Определяет область веб-страницы, которая становится пространством для визуализации графики
<заголовок>	Определяет заголовок таблицы HTML
<центр>	УСТАРЕВШИЙ.Установите выравнивание содержимого по центру
	Определяет название работы
<код>	Определяет текст, который будет отображаться в стиле компьютерного вывода

Задает сгруппированные атрибуты для столбцов

Задает общий стиль форматирования для группы столбцов
<комментарий>	Задает комментарий в исходном коде документа

	Определяет функцию автозаполнения, которая будет использоваться с элементом формы
	Описывает термин в списке описания
	Определяет удаленный текст в документе и зачеркивает его
<подробности>	Задает дополнительные сведения, которые можно показать или скрыть вручную
	Обозначает термин, требующий объяснения
<диалог>	Создает всплывающие диалоговые окна моделей
	УСТАРЕВШИЙ.Определен список каталогов
	Определяет раздел или подразделение в HTML-документе путем группировки элементов
	Определяет список описаний
	Определяет термин описания

	Определяет выделенный текст
	Определяет встроенный ресурс

	Определяет группу элементов
	Устанавливает заголовок для элемента
<рисунок>	Определяет автономный фрагмент содержимого
	УСТАРЕВШИЙ.Определенный стиль текста
<нижний колонтитул>	Определяет контекст нижнего колонтитула
<форма>	Определяет группу отправляемых входов
<рамка>	УСТАРЕВШИЙ. Определен один единственный кадр на веб-странице
	УСТАРЕВШИЙ. Определен контейнер для хранения нескольких фреймов

-	Определяет заголовки в документе
	Определяет пространство для объявления заголовка, таблиц стилей, скриптов и другой информации, относящейся к документу
<заголовок>	Определяет контейнер для одного или нескольких заголовков
	Определяет тематическое разделение содержимого
	Определяет документ как документ HTML

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

	Обозначает ввод с клавиатуры пользователя
	УСТАРЕВШИЙ.Определена пара ключей, используемая при отправке HTML-формы

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

<основной>	Определяет основное содержание документа
<карта>	Определяет клиентскую карту изображений (изображение с интерактивными местами)
	Определяет выделенный текст
	Определяет список / меню команд
	УСТАРЕВШИЙ.Определена команда, которая может быть вызвана из всплывающего меню пользователем
	Определяет дополнительную информацию о веб-сайте
<метр>	Отображает скалярное измерение в известном диапазоне

	Определяет блок навигационных ссылок на основные разделы веб-сайта