Html список: Нумерованный список | htmlbook.ru — Заработок в сети Интернет. Как заработать на дому в Интернете. Удаленная работа в сети.

Содержание

: The Unordered List element — HTML

HTML-элемент <ul> используется для неупорядоченного списка — в частности для маркированного списка.

The source for this interactive example is stored in a GitHub repository. If you’d like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

Источник для интерактивного примера расположен в GitHub. Если вы желаете сделать вклад в интерактивную часть, распакуйте https://github.com/mdn/interactive-examples и отправьте нам pull request.

Категории контента	Основной поток, и если дочерний элемент `<ol>` включает в себя хотя бы один элемент `<li>`, явный контент.
Разрешённое содержимое	Ноль или больше `<li>` элементов, содержат вложенные элементы `<ol>` или `<ul>`.
Пропуск тегов	Нет, открывающий и закрывающий теги обязательны.
Разрешённые родители	Любой элемент, который принимает основной поток.
Разрешённые ARIA-роли	`directory`, `group`, `listbox`, `menu`, `menubar`, `radiogroup`, `tablist`, `toolbar`, `tree`, `presentation`
DOM-интерфейс	`HTMLUListElement` (en-US)

Этот элемент включает глобальные атрибуты.

compact Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.: Атрибут логического значения (bool) говорит о том, что список будет представлен в более компактном стиле. Интерпретация этого атрибута зависит от user agent и не работает со всеми браузерами.; Предупреждение: Не используйте этот атрибут, ибо он устаревший и больше не используется, используйте CSS. Для схожего эффекта с compact, подойдёт свойство CSS line-height с значением 80%.

type Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.

Этот атрибут добавляет маркеры (bullets) в список. Значения установлены под HTML3.2 и переходными на HTML 4.0/4.01 являются:

Четвёртый маркер задан в интерфейсе WebTV, но не все браузеры смогут его отобразить: triangle.

Если данный атрибут отсутствует и если атрибут CSS list-style-type (en-US) не присвоен к данному элементу, пользовательский агент (user agent) выберет маркер в зависимости от вложенного уровня в списке.

Предупреждение: Не используйте этот атрибут, ибо он устаревший; используйте свойство CSS list-style-type (en-US).

Элемент <ul> используется для группировки непронумерованных элементов данных, и их последовательность в списке не нужна. Что характерно, непорядочные списки используют маркеры, которые могут быть разных форм (в форме точки, круга или прямоугольной формы). Стиль задаётся не в HTML, а со связанным с ним CSS, используя свойство list-style-type (en-US).
Элементы <ul> и <ol> могут быть вложены на любом уровне. Более того, вложенные списки могут чередоваться между <ol> и <ul> без ограничений.
Элементы <ol> и <ul> используются для списков. Различие лишь в том, что в элементе <ol> порядок имеет значение. Согласно эмпирической закономерности (или правилу большого пальца), чтобы определить, какую маркировку использовать, попробуйте поменять порядок элементов в списке. Если суть списка меняется, то тогда подойдёт элемент <ol>, в противном случае используйте <ul>.

Простой список

<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

Результат HTML кода выше:

Вложенный список

<ul>
  <li>first item</li>
  <li>second item
  
    <ul>
      <li>second item first subitem</li>
      <li>second item second subitem
      
        <ul>
          <li>second item second subitem first sub-subitem</li>
          <li>second item second subitem second sub-subitem</li>
          <li>second item second subitem third sub-subitem</li>
        </ul>
      </li> 
      <li>second item third subitem</li>
    </ul>
  
  </li>
  <li>third item</li>
</ul>

Результат HTML кода выше:

Упорядоченный список внутри неупорядоченного списка

<ul>
  <li>first item</li>
  <li>second item
  
    <ol>
      <li>second item first subitem</li>
      <li>second item second subitem</li>
      <li>second item third subitem</li>
    </ol>
  
  </li>
  <li>third item</li>
</ul>

Результат HTML кода выше:

BCD tables only load in the browser

Остальные списковые HTML элементы: <ol>, <li>, <menu> и устаревший <dir> (en-US);
CSS свойства, которые могут быть полезны для стилизации <ul> элементов:
- свойство list-style, полезное для выбора способа отображения маркеров,
- CSS счётчики, для более сложных вложенных списков,
- свойство line-height, для замены убранного свойства compact,
- свойство margin, для контроля отступа в списке.

Списки HTML уроки для начинающих академия

Пример списка HTML

Неупорядоченный список:

Пункт
Пункт
Пункт
Пункт

Упорядоченный список:

Первый пункт
Второй пункт
Третий пункт
Четвертый пункт

Неупорядоченный список HTML

Неупорядоченный список начинается с тега <ul>.

Каждый элемент списка начинается с тега <li>.

Элементы списка будут помечены маркерами (маленькими черными кружками) по умолчанию:

Пример

<ul>
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ul>

Неупорядоченный HTML-список-Выбор маркера элемента списка

Свойство CSS list-style-type используется для определения стиля маркера элемента списка:

Значение	Описание
disc	Задание маркера элемента списка (по умолчанию)
circle	Устанавливает маркер элемента списка на окружность
square	Устанавливает маркер элемента списка в квадрат
none	Элементы списка не будут помечены

Пример — Disc

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Пример — Circle

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Пример — Square

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Пример — None

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Упорядоченный список HTML

Упорядоченный список начинается с тега <ol>. Каждый элемент списка начинается с тега <li>.

По умолчанию элементы списка будут помечены цифрами:

Пример

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Упорядоченный HTML-список-атрибут Type

Атрибут type тега <ol> определяет тип маркера элемента списка:

Тип	Описание
type=»1″	Элементы списка будут пронумерованы номерами (по умолчанию)
type=»A»	Элементы списка будут пронумерованы прописными буквами
type=»a»	Элементы списка будут пронумерованы строчными буквами
type=»I»	Элементы списка будут пронумерованы прописными римскими номерами
type=»i»	Элементы списка будут пронумерованы римскими номерами в нижнем регистре

Номера:

<ol type=»1″>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Прописные буквы:

<ol type=»A»>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Строчные буквы:

<ol type=»a»>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>

</ol>

Римские цифры в верхнем регистре:

<ol type=»I»>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Строчные Римские номера:

<ol type=»i»>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Списки HTML-описания

HTML также поддерживает списки описания.

Список описания — это список терминов с описанием каждого термина.

Тег <dl> определяет список описания, тег <dt> определяет термин (имя), и тег <dd> описывает каждый термин:

Пример

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

Вложенные списки HTML

Список может быть вложенным (списки внутри списков):

Пример

<ul>
<li>Coffee</li>
<li>Tea
<ul>
    <li>Black tea</li>
      <li>Green tea</li>
    </ul>
</li>
<li>Milk</li>
</ul>

Note: List items can contain new list, and other HTML elements, like images and links, etc.

Подсчет списка элементов управления

По умолчанию упорядоченный список начнет отсчет с 1. Если вы хотите начать отсчет с заданного числа, вы можете использовать атрибут start:

Пример

<ol start=»50″>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Горизонтальный список с CSS

HTML-списки могут быть стилизованы различными способами с помощью CSS.

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

Пример

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

li {
float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

li a:hover {
background-color: #111111;
}
</style>
</head>
<body>

<ul>
<li><a href=»#home»>Home</a></li>
<li><a href=»#news»>News</a></li>
<li><a href=»#contact»>Contact</a></li>
<li><a href=»#about»>About</a></li>
</ul>

</body>
</html>

Совет: Вы можете узнать больше о CSS в нашем учебнике по CSS.

Справка

Используйте элемент HTML <ul> для определения неупорядоченного списка
Используйте свойство CSS list-style-type для определения маркера элемента списка
Используйте элемент HTML <ol> для определения упорядоченного списка
Используйте атрибут HTML type для определения типа нумерации
Используйте элемент HTML <li> для определения элемента списка
Используйте элемент HTML <dl> для определения списка описания
Используйте элемент HTML <dt> для определения термина описания
Используйте элемент HTML <dd> для описания термина в списке описания
Списки могут быть вложенными в списки
Элементы списка могут содержать другие элементы HTML
Используйте CSS свойство float:left или display:inline для отображения списка по горизонтали

Теги списка HTML

Тег	Описание
<ul>	Определяет неупорядоченный список
<ol>	Определяет упорядоченный список
<li>	Определяет элемент списка
<dl>	Определяет список описания
<dt>	Определяет термин в списке описания
<dd>	Описывает термин в списке описания

Список популярных названий классов CSS

Блоки

page — корневой элемент страницы

header — шапка (страницы или элемента)

footer — подвал (страницы или элемента)

section — раздел контента (один из нескольких)

body — основная часть (страницы или элемента)

content — содержимое элемента

sidebar — боковая колонка (страницы или элемента)

aside — блок с дополнительной информацией

widget — виджет, например, в боковой колонке

Раскладка

wrapper, wrap — обёртка, обычно внешняя

inner — внутренняя обёртка

container, holder, box — контейнер

grid — раскладка (страницы или элемента) в виде сетки (обычно содержит в себе row и col)

row — контейнер в виде строки

col, column — контейнер в виде столбца

Элементы управления

button, btn — кнопка, например, для отправки формы

control — элемент управления, например, стрелки «Вперёд/назад» в фотогалерее, кнопки управления слайдером

dropdown — выпадающий список

Текст

title, subject, heading, headline, caption — заголовок

subtitle — подзаголовок

slogan — слоган

lead, tagline — лид-абзац в тексте

text — текстовый контент

desc — описание, вариант текстового контента

excerpt — отрывок текста, обычно используется перед ссылкой «Читать далее…»

link — ссылка

copyright, copy — копирайт

Списки

list, items — список

item — элемент списка

Изображения

image, img, picture, pic — картинка

icon — иконка

logo — логотип

userpic, avatar — юзерпик, маленькая картинка пользователя

thumbnail, thumb — миниатюра, уменьшенное изображение

Медиавыражения

phone, mobile — мобильные устройства

phablet — телефоны с большим экраном (6-7″)

tablet — планшеты

notebook, laptop — ноутбуки

desktop — настольные компьютеры

Размеры

tiny — маленький, крохотный

small — небольшой

medium — средний

big, large — большой

huge — огромный

narrow — узкий

wide — широкий

Состояния

active, current — активный элемент, например, текущий пункт меню

hidden — скрытый элемент

error — статус ошибки

warning — статус предупреждения

success — статус успешного выполнения задачи

pending — состояние ожидания, например, перед сменой статуса на error или success

Дополнительно

search — поиск

socials — блок иконок соцсетей

advertisement, adv, commercial, promo — рекламный блок (режутся Адблоком, не рекомендуется использовать такие классы для блоков с внутренней рекламой)

features, benefits — список основных особенностей товара, услуги

slider, carousel — слайдер, интерактивный элемент с прокруткой содержимого

pagination — постраничная навигация

user, author — пользователь, автор записи или комментария

meta — блок с дополнительной информацией, например, блок тегов и даты в посте

cart, basket — корзина

breadcrumbs — навигационная цепочка, «хлебные крошки»

more, all — ссылка на полную информацию

modal — модальное (диалоговое) окно

popup — всплывающее окно

tooltip, tip — всплывающие подсказки

preview — анонс, отрывок, например новости или поста, может состоять из заголовка, описания и картинки. Предполагается ссылка на полную версию

Источник: «Слова, часто используемые в CSS-классах»

HTML списки

Язык гипертекстовой разметки поддерживает три типа списков, для каждого из которых используются свои теги.

Маркированный список ¶

Маркированный список содержит ненумерованные списки элементов без определенной последовательности. Для создания маркированного списка используется блочный элемент <ul>.

Каждый элемент списка начинается с тега открывающего тега <li> и заканчивается закрывающим тегом </li>. Маркером для всех пунктов по умолчанию является маленький черный кружок.

Пример¶

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
  </head>
  <body>
    <h2>Маркированный список</h2>
    <ul>
      <li>Первый пункт списка</li>
      <li>Другой пункт списка</li>
      <li>Еще один пункт списка</li>
    </ul>
  </body>
</html>

Попробуйте сами!

Результат¶

Элементы в маркированных списках по умолчанию отмечены марками (маленькие черные круги). Тем не менее, вы можете изменить стиль маркера по умолчанию для элементов списка, используя атрибут type attribute.

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

Пример¶

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
  </head>
  <body>
    <ul type="circle">
      <li>Пункт списка</li>
      <li>Пункт списка</li>
      <li>Пункт списка</li>
    </ul>
    <ul type="square">
      <li>Пункт списка</li>
      <li>Пункт списка</li>
      <li>Пункт списка</li>
    </ul>
  </body>
</html>

Попробуйте сами!

Результат¶

Вы также можете использовать свойство CSS list-style-type или list-style-image для определения типа элемента в списке.

Пример¶

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
  </head>
  <body>
    <h3>Маркированный список:</h3>
    <ul>
      <li>Прохладительные напитки</li>
      <li>Горячие напитки</li>
      <li>Мороженое</li>
    </ul>
    <ul>
      <li>Кока-кола</li>
      <li>Fanta</li>
      <li>Чай со льдом</li>
    </ul>
    <ul>
      <li>Кока-кола</li>
      <li>Fanta</li>
      <li>Чай со льдом</li>
    </ul>
  </body>
</html>

Попробуйте сами!

Результат¶

Нумерованный список¶

Нумерованный список содержит элементы в определенной последовательности. Список помещается в блочный элемент <ol>.

Каждый элемент нумерованного списка начинается с тега открывающего тега <li> и заканчивается закрывающим тегом </li>. Пункты списка автоматически нумеруются.

Пример¶

<!DOCTYPE html>
<html>
<head>
      <title>Заголовок окна веб-страницы</title>
</head>
<body>
       <h2>Нумерованный список</h2>
      <ol>
	   <li>Первый пункт нумерованного списка</li>
              <li>Второй пункт нумерованного списка</li>
	   <li>Третий пункт нумерованного списка</li>
      </ol>					

</body>
</html>

Попробуйте сами!

Результат¶

Если вы хотите создать нумерованный список с римскими цифрами или же список, где последовательность указана буквами, то просто добавьте к элементу <ol> type=»a» или type=»I» соответственно.

Пример¶

<!DOCTYPE html>
<html>
<head>
      <title>Заголовок окна веб-страницы</title>
</head>
<body>
       <h4>Нумерованный список:</h4>
       <ol>
             <li>Персик</li>
             <li>Абрикос</li>
             <li>Банан</li>
             <li>Клубника</li>
       </ol>  
       <h4>Список с буквенной нумерацией</h4>
       <ol type="A">
             <li>Персик</li>
             <li>Абрикос</li>
             <li>Банан</li>
             <li>Клубника</li>
       </ol>  
       <h4>Список со строчными буквами</h4>
       <ol type="a">
               <li>Персик</li>
             <li>Абрикос</li>
             <li>Банан</li>
             <li>Клубника</li>
       </ol>  
       <h4>Нумерованный римскими цифрами список:</h4>
       <ol type="I">
             <li>Персик</li>
             <li>Абрикос</li>
             <li>Банан</li>
             <li>Клубника</li>
      </ol>  
      <h4>Нумерованный строчными римскими цифрами список</h4>
      <ol type="i">
              <li>Персик</li>
             <li>Абрикос</li>
             <li>Банан</li>
             <li>Клубника</li>
      </ol>  				
</body>
</html>

Попробуйте сами!

Результат¶

Список определений (описаний) ¶

В списке определений указываются термины/названия и их определения. Такого рода списки используются для создания словарей, справочников и т. д.

Для создания списка определений используется парный элемент <dl>, в котором термины/названия мы записываем в теге <dt>, а их определения в теге <dd>.

Пример¶

<!DOCTYPE html>
<html>
<head>
      <title>Заголовок окна веб-страницы</title>
</head>
<body>
     <h2>Список определений:</h2>
      <dl>
	   <dt>Чай</dt>
	   <dd>- горячий напиток</dd>
	   <dt>Сок</dt>
	   <dd>- прохладительный напиток</dd>
      </dl>							
</body>
</html>

Попробуйте сами!

Результат¶

Элементы HTML-формы

Большинство элементов добавляется в форму с помощью элемента <input>. Назначение и внешний вид элемента <input> меняются в зависимости от значения атрибута type.

Элемент <textarea> (текстовая область)

Для создания больших текстовых полей применяется элемент <textarea>, который в отличие от других элементов формы не является пустым, а следовательно, для него должны быть указаны открывающий и закрывающий теги. Текст, вводимый по умолчанию, находится между открывающим и закрывающим тегами. Размеры поля устанавливаются с помощью атрибутов cols и rows.
cols — число столбцов видимого текста:

<textarea name="pole" cols="20">

rows — число строк видимого текста:

<textarea name="pole" cols="20" rows="15">

При этом, если пользователю потребуется ввести в текстовую область больше строк текста, чем указано с помощью атрибута rows, в текстовой области появится вертикальная прокрутка.
При разработке форм для новых проектов используйте правила CSS для установки ширины и высоты текстовой области <textarea>. Однако при просмотре исходного кода сайтов вы еще часто можете встретить атрибуты cols и rows.
При необходимости можно запретить пользователю изменять текст в текстовом поле, например, если поле используется для представления какого-нибудь договора. Такой запрет вводится с помощью атрибута readonly.
В следующем примере представлен вариант создания больших текстовых полей. Первое поле предназначено только для чтения, а во второе поле можно ввести текст:

Пример: Текстовая область (textarea)

Ознакомтесь с соглашеием:
Условия нашего соглашения…

Ваше мнение о этом соглашении:
Введите свой комментарий…

<form action="" method="POST">
<p>Ознакомьтесь с соглашеием:</p> 
  <textarea cols="24" rows="3" name="about" readonly>
  Условия нашего соглашения…</textarea><br/>
<p>Ваше мнение о этом соглашении:</p>
  <textarea name="comments" cols="24" rows="4">
  Введите свой комментарий…</textarea>
</form>

Раскрывающийся список (select)

Элемент <select> создает на веб-странице раскрывающийся список (также называемый раскрывающимся или выпадающим меню), позволяющий выбрать одно значение из множества возможных.
Как и в рассмотренных других элементах формы, элементу <select> назначается уникальное имя, с помощью атрибута name. Элемент <select> работает в паре с элементом <option>, создающим меню. Элемент <option> задается для каждого пункта меню. Текст, расположенный между тегами <option> и </option>, будет выведен в окне браузера как пункт раскрывающегося списка.
Атрибут value используется в каждом элементе <option> для установки значения, которое будет отправлено на сервер вместе с именем выбранного элемента. Указав для элемента <option> атрибут selected, вы сделаете его значением по умолчанию для данного списка. При загрузке страницы такие элементы будут выделены. Если атрибут selected не установлен, то при загрузке страницы будет отображен первый вариант ответа из созданного списка. Если пользователь не выберет другой пункт списка, то на сервер будет отправлен пункт, отмеченный атрибутом selected по умолчанию:

Пример: Раскрывающийся список (select)

Выберите вариант

ПервыйВторойТретийЧетвертыйПятый

<form action="" method="POST">
<p>Выберите вариант</p>
  <select name="form_select">
    <option value="Значение 1">Первый</option>
    <option value="Значение 2">Второй</option>
    <option  selected="selected" value="Значение 3">Третий</option>
    <option value="Значение 4">Четвертый</option>
    <option value="Значение 5">Пятый</option>
  </select>
</form>

Прокручиваемые списки

По умолчанию с помощью тега <select> создается раскрывающийся список, в котором изначально видно только одно значение. Для создания прокручиваемого списка укажите число видимых строк, введя соответствующее значение атрибута size. Если количество элементов списка превышает значение, указанное в атрибуте size, справа появляется полоса прокрутки. Несмотря на то, что атрибут size позволяет отобразить сразу несколько пунктов списка, посетитель может выбрать из списка по-прежнему только один пункт.
Чтобы посетитель мог выбрать из списка одновременно несколько элементов (с помощью клавиши Shift или Ctrl), нужно использовать атрибут multiple. Как и в случае с раскрывающимся списком, указав в элементе <option> атрибут selected, вы сделаете его значением по умолчанию. Если для тега <select> или для <option> установить уже известный вам атрибут disabled, то в первом случае становится отключенным весь список, а во втором — только отдельный пункт списка.
Пример прокручиваемого списка, в котором выбраны сразу несколько элементов:

Пример: Прокручиваемый список

<p>Выберите вариант</p>
  <select name="form_select" size="5" multiple="multiple">
    <option value="Значение 1">Первый вариант</option>
    <option value="Значение 2">Второй вариант</option>
    <option selected="selected" value="Значение 3">Третий вариант</option>
    <option selected="selected"value="Значение 4">Четвертый вариант</option>
    <option value="Значение 5">Пятый вариант</option>
    <option value="Значение 6">Шестой вариант</option>
  </select>

Группировка пунктов списка (optgroup)

Если в списке находится большое количество пунктов, то посетителю довольно сложно найти нужный пункт. В этом случае можно воспользоваться элементом <optgroup>, предназначенным для создания смысловых групп пунктов списка. Элементы <option> помещаются внутрь контейнера <optgroup>, а заголовок группы указывается в атрибуте label.
Пример группировки пунктов списка с заголовками:

Пример: Создание списка с заголовками

<p>Желаемая работа (можно выбрать несколько): </p>
      <select name="job" size="8" multiple="multiple" >
        <optgroup label="Журналистика">
          <option value="isk">Искусство</option>
          <option value="ecol">Экология</option>
          <option value="tur">Туризм</option>
        </optgroup>
        <optgroup label="Программирование">
          <option value="html">HTML5</option>
          <option value="php">PHP</option>
          <option value="del">Delphi</option>
        </optgroup>
        <optgroup label="Создание сайтов">
          <option value="diz">Дизайн</option>
          <option value="verst">Верстка</option>
        </optgroup>
        <optgroup label="Переводчик">
          <option value="eng">Английский</option>
          <option value="fr">Французский</option>
          <option value="kit">Китайский</option>
        </optgroup>
        <optgroup label="Строительство">
          <option value="zd">Здания</option>
          <option value="most">Мосты</option>
          <option value="road">Дороги</option>
        </optgroup>
          </select>

Элемент <buttоn>

В отличие от кнопок отправки данных и сброса, в самой кнопке Ьuttоn нет встроенных функций. Благодаря элементу можно сочетать на кнопке текст и изображение, располагая их внутри контейнера <button>.
В следующем примере на кнопке отображается содержимое элемента <button> — текст и изображение:

Пример: Использование кнопки <button>

<p>Добавить email в список:</p> 
<input type="text" name="email" value="Ваш email">
<button>
<img src="images/add.gif" alt="add"> Добавить</button>

HTML5 Элемент <datalist>

Элемент <datalist> позволяют предоставить пользователю несколько вариантов на выбор, когда он начинает вводить значение в соответствующем поле. Но если ни один из них не подходит, пользователь может ввести собственный текст. Значение, заданное для атрибута list (planet), аналогично идентификатору id элемента <datalist>. Это позволяет ассоциировать <datalist> с соответствующим полем ввода:

Пример: Использование элемента <datalist>

<form action="">
  <p>Выбор планеты: <input list="planet"></p>
  <datalist>
    <option value="Солнце">
    <option value="Земля">
    <option value="Меркурий">
    <option value="Марс">
    <option value="Венера">
  </datalist> 
</form>

Метки элементов формы (label)

У каждого элемента формы может быть своя пояснительная надпись, или метка, создаваемая при помощи элемента <label> и повышающая доступность, создавая четкие семантические связи между компонентами формы.
Использование элемента <label> при работе с переключателями и флажками — самый распространенный вариант, однако это не ограничение. С таким же успехом можно связать текст с любым элементом формы, и при щелчке кнопкой мыши на тексте связанный элемент автоматически берется в фокус. Связывание текста с элементом формы осуществляется просто: присваиваете атрибуту for элемента <label> значение такое же, как значение атрибута id у элемента, с которым связан <label>. Соответствие значений атрибутов for и id связывает два элемента вместе, что позволяет пользователям нажать на <label> и передать фокус нужному полю формы:

<input type="checkbox" name="form_checkbox" value="1">
<label for="id_checkbox">Наша метка</label>

Использование элемента <label> для создания меток предпочтительнее обычного текста. В первую очередь из-за удобства для конечного пользователя, ведь при применении элемента <label> установить/снять флажок можно не только щелчком на поле флажка, но и на его метке — пояснительном тексте:

Пример: Использование элемента <label>

Элементы формы

Элемент	Описание
<form>	Устанавливает форму на веб-странице
<input>	Создает различные элементы формы (текстовые поля, кнопки, переключатели и т.д.) в зависимости от значения атрибута type
<textarea>	Создает многострочное текстовое поле
<fieldset>	Группирует элементы формы. Может также содержать внутри себя элемент legend с условными обозначениями элементов формы, составляющих логическую группу
<button>	Многофункциональная кнопка
<label>	Устанавливает связь между определенной меткой и элементом формы (input, select, textarea)
<legend>	Применяется для создания заголовка группы элементов формы, которая определяется с помощью тега fieldset
<optgroup>	Представляет собой контейнер, внутри которо-го располагаются теги option, объединенные в одну группу
<option>	Определяет отдельные пункты списка, созда-ваемого с помощью контейнера select
<select>	Позволяет создать элемент интерфейса в виде раскрывающегося или прокручиваемого списка
<datalist>	Позволяет предоставить раскрывающийся список с предложенными значениями для любого типа поля ввода

Задачи
Многострочное текстовое поле
Создайте многострочное текстовое поле, присвойте ему имя name=»pole», а также установите запрет на ввод текста в данное поле пользователем.
Задача HTML: Реши сам »
Многострочное текстовое поле: HTML-код: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <form action=""> <p>Многострочное текстовое поле:</p> ... </form> </body> </html>
Подсказка в поле ввода текста
Дополните HTML-код, чтобы в результате получилась форма, приведенная в задании. Когда пользователь начинает вводить значение в поле ввода, ему предоставляется несколько вариантов на выбор: «Среднее», »Среднее специальное» и «Высшее».
Задача HTML: Реши сам »
HTML-код: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <form action=""> <p>Ваше образование: <input type="text" list="teach" name="education"> ... </form> </body> </html>
Ниспадающее меню
В задании представлена форма имеющая вид ниспадающего меню с перечнем профессий: «Учитель», «Слecapь», «Дизайнер», «Водитель», «Aктep». Дополните HTML-код, чтобы в результате получилась такая же форма. Присвойте имя списку name=»profession», а значения пунктам списка: «Теасher», «Technic», «Designer», «Driver» и «Actor».
Задача HTML: Реши сам »
Ваша профессия? УчительСлecapьДизайнерВодительAктep HTML-код: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <form action=""> <p>Ваша профессия?</p> ... </form> </body> </html>
Многофункциональная кнопка
Доработайте HTML-код так, чтобы в результате получилась кнопка с изображением: «Star.png» и надписью — «Звезда».
Задача HTML: Реши сам »
ЗвездаHTML-код: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <button> Звезда </button> </body> </html>

Санкционные списки против российских граждан и компаний
В этот же день министры иностранных дел стран Евросоюза договорились о введении санкций в отношении российских и украинских официальных лиц, которых они считают виновными в «подрыве территориальной целостности Украины». Санкции будут действовать в течение шести месяцев. Список официальных лиц, в отношении которых ЕС ввел санкции, включил депутатов Государственной Думы Леонида Слуцкого, Сергея Миронова, Сергея Железняка, сенаторов Андрея Клишаса, Виктора Озерова, Николая Рыжкова, Владимира Джабарова, Евгения Бушмина, Александра Тотоонова, Олега Пантелеева, командующих южным и западным военными округами генерал-полковника Александра Галкина и генерал-полковника Анатолия Сидорова, а также командующего Черноморским флотом вице-адмирала Александра Витко. Санкции были введены также в отношении премьер-министра Крыма Сергея Аксенова, первого вице-премьера республики Рустама Темиргалиева, спикера Верховного совета Крыма Владимира Константинова, вице-спикера Верховного совета Крыма Сергея Цекова, советника спикера госсовета Крыма Юрия Жеребцова, мэра Севастополя Алексея Чалого, главы крымской Службы безопасности Петра Зимы и бывшего командующего ВМС Украины контр-адмирала Дениса Березовского. Всего в списке 21 человек.
18 марта власти Канады ввели новые экономические санкции и визовые ограничения для 10 высокопоставленных представителей России и Крыма.В список вошли вице-премьер РФ Дмитрий Рогозин, премьер Крыма Сергей Аксенов,советник президента РФ Сергей Глазьев, помощник главы государства Владислав Сурков, спикер Совета Федерации Валентина Матвиенко и сенатор Андрей Клишас, а также депутаты Елена Мизулина и Леонид Слуцкий и председатель Верховного совета Республики Крым Владимир Константинов.
20 марта американский список был дополнен фамилиями еще 19 российских чиновников, парламентариев и бизнесменов. В список вошли помощник президента РФ Андрей Фурсенко, глава администрации президента Сергей Иванов и его первый заместитель Алексей Громов, лидер партии «Справедливая Россия» Сергей Миронов, спикер Госдумы Сергей Нарышкин, начальник ГРУ Игорь Сергун, глава ОАО РЖД Владимир Якунин и директор ФСКН Виктор Иванов. Санкции также были введены в отношении зампреда Государственной Думы Сергея Железняка и управляющего делами президента Владимира Кожина, предпринимателей Юрия Ковальчука, Аркадия и Бориса Ротенберга и Геннадия Тимченко. Кроме этого, в список вошли члены Совета Федерации Евгений Бушмин, Владимир Джабаров, Виктор Озеров, Олег Пантелеев, Николай Рыжков и Александр Тотоонов. Также санкции введены против банка ОАО АБ «Россия». Включение российских бизнесменов в санкционный список Минфин США объяснил тем, что все они являются лицами, приближенными к президенту России.
21 марта лидеры ЕС приняли решение перейти на второй уровень санкций против России «ввиду тяжести ситуации на Украине». В расширенный список вошли еще 12 граждан России и Украины, в том числе вице-премьер Дмитрий Рогозин, советник президента РФ Сергей Глазьев, председатель Совета Федерации Валентина Матвиенко. Кроме того, в списке фигурируют спикер Государственной Думы Сергей Нарышкин, депутат Елена Мизулина, помощник президента РФ Владислав Сурков и генеральный директор международного информационного агентства «Россия сегодня» Дмитрий Киселев. Также в список вошли первый заместитель командующего Черноморским флотом контр-адмирал Александр Носатов, заместитель командующего Черноморским флотом контр-адмирал Валерий Куликов, глава ЦИК Крыма Михаил Малышев, глава избиркома Севастополя Валерий Медведев, заместитель начальника Южного военного округа генерал-лейтенант Игорь Турченюк.
29 марта в санкционный список Канады вошли депутаты Госдумы Владимир Жириновский и Алексей Пушков,первый замглавы администрации Кремля Вячеслав Володин, вице-премьер РФ Дмитрий Козак, член комитета по международным делам Госдумы Александр Бабаков, полпред президента РФ в Крымском федеральном округе Олег Белавенцев, глава ФСО Евгений Муров, а также братья Ротенберги. В списке компаний оказались Экспобанк и Росэнергобанк.
11 апреля США ввели санкции в отношении крымской компании «Черноморнефтегаз» и крымских чиновников. Санкциям подверглись: мэр Севастополя Алексей Чалый, первый вице-премьер Крыма Рустам Темиргалиев, главы крымского и севастопольского избиркомов Михаил Малышев и Валерий Медведев, советник спикера госсовета Крыма Юрий Жеребцов, экс-глава крымского управления Службы безопасности Украины Петр Зима и член российского Совета Федерации от Крыма Сергей Цеков.
28 апреля власти США вновь расширили санкционный список, включив в него еще семь граждан РФ и 17 компаний. Пресс-секретарь Белого дома Джей Карни объяснил это тем, что Россия «не сделала ничего, чтобы соблюсти женевские обязательства». Также Карни обвинил Москву в причастности к насилию на востоке Украины. Санкции затронули вице-премьера РФ Дмитрия Козака, главу Роснефти Игоря Сечина, первого замглавы администрации Кремля Вячеслава Володина. В список также вошли полпред президента в КФО Олег Белавенцев, глава ФСО Евгений Муров, глава «Ростеха»Сергей Чемезов и глава комитета Госдумы по международным делам Алексей Пушков.
4 мая премьер-министр Канады заявил что, санкции вводятся против 16 российских «субъектов» и распространяются на следующие российские банки и юридические лица: ИнвестКапиталБанк, Собинбанк, банк «Северный морской путь», компании «Акваника», ООО «Авиа Групп», ООО «Авиа Групп Норд», ЗАО «ЗЕСТ», ООО «Сахатранс», ООО «Стройгазмонтаж», ООО «Инвестиционная компания Аброс», группу «Волга», компанию «Стройтрансгаз холдинг» и ее четыре дочерних предприятия.
В этот же день решение о расширении санкционного списка принял Евросоюз, а 29 апреля были опубликованы имена попавших в список. ЕС расширил санкционный список еще на 15 человек, среди них вице-премьер Дмитрий Козак, начальник генштаба ВС РФ Валерий Герасимов и начальник ГРУ Игорь Сергун. В список также включены постпред президента России в Крыму Олег Белавенцев, глава министерства по делам Крыма Олег Савельев, вице-спикеры Госдумы Людмила Швецова и Сергей Неверов, врио губернатора Севастополя Сергей Меняйло, сенатор в Совфеде от Крыма и Севастополя Ольга Коватиди. В список вошли также граждане Украины: представитель ополченцев Луганска Герман Прокопьев, народный губернатор Луганской области Валерий Болотов, одни из лидеров так называемой Донецкой народной республики Андрей Пургин и Денис Пушилин, замруководителя народного ополчения Донбасса Сергей Цыплаков, руководитель народной обороны Донбасса в Славянске Игорь Стрелков. Очередное расширение списка санкций в Евросоюзе объяснили действиями России, «подрывающими территориальную целостность Украины, ее суверенитет и независимость».
12 мая Совет ЕС по иностранным делам включил еще 13 человек в список санкций ЕС против лиц, виновных, по его мнению, в дестабилизации ситуации на Украине. В список вошли первый замглавы администрации Кремля Вячеслав Володин, командующий ВДВ генерал-полковник России Владимир Шаманов и глава комитета Госдумы по конституционному законодательству и госстроительству Владимир Плигин. Кроме этого в санкционный список попали прокурор Крыма Наталья Поклонская, прокурор Севастополя Игорь Шевченко, и.о. начальника Федеральной миграционной службы России по Республике Крым Петр Ярош, и.о. начальника миграционной службы Севастополя Олег Козюра. ЕС также решил заморозить активы двух компаний из Севастополя и Крыма — «Феодосия» и «Черноморнефтегаз».
13 мая власти Канады объявили о введении дополнительных санкций в отношении шести граждан России. В список санкций с российской стороны вошли: начальник российского генштаба Валерий Герасимов, командующий вооруженными силами самопровозглашенной Донецкой народной республики Игорь Гиркин (Стрелков), исполняющий обязанности губернатора Севастополя Сергей Меняйло, вице-спикеры Госдумы Сергей Неверов и Людмила Швецова, российский министр по делам Крыма Олег Савельев, 1-й член Совета Федерации Федерального собрания РФ от исполнительной власти Республики Крым Ольга Коватиди.
21 июня Канада ввела дополнительные экономические санкции и запрет на въезд на территорию страны для 11 граждан РФ.
16 июля Вашингтон синхронизировал свой санкционный список с европейским. США наложили визовые и финансовые ограничения на вице-спикера российской Госдумы Сергея Неверова, федерального министра по делам Крыма Олега Савельева, а также премьера самопровозглашенной Донецкой республики Александра Бородая, ранее подпавших под санкции Евросоюза. Кроме того, санкции США распространились на Донецкую и Луганскую республики целиком и на помощника президента России Игоря Щеголева.
Американские власти также ввели санкции в отношении ряда российских оборонных и сырьевых компаний. В санкционный список попали концерн «Алмаз-Антей», Уралвагонзавод, НПО Машиностроения и несколько структур «Ростеха»: концерны «Калашников» (бывший «Ижмаш»), «Созвездие», «Радиоэлектронные технологии» (КРЭТ), «Базальт» и Конструкторское бюро приборостроения. Под санкциями оказались крупнейшая российская нефтекомпания «Роснефть» и крупнейший в России независимый производитель газа «Новатэк», нефтяной терминал Феодосии, а также российский банк развития «Внешэкономбанк» и один из крупнейших в стране коммерческих банков «Газпромбанк». Санкции в отношении российских банков предполагают не заморозку активов, а запрет получать американские кредиты более чем на 90 дней.
Европейские лидеры на своем саммите 16 июля ограничились тем, что договорились расширить критерии санкций и только к концу июля составить список компаний и лиц, в том числе российских, которые попадут под точечные ограничительные меры Евросоюза.
25 июля Канада вслед за США включила в свой санкционный список ряд российских оборонных и сырьевых компаний и банков. Под санкции подпали, в частности, «Газпромбанк», «Внешэкономбанк» и второй по величине производитель газа в России «Новатэк». Канадский премьер объяснил, что санкции предполагают прекращение кредитования энергетических компаний и финансовых учреждений, которые попали в черный список.
26 июля в санкционный список ЕС были добавлены 15 имен и 18 юридических лиц. Среди них: директор ФСБ Александр Бортников, директор Службы внешней разведки России Михаил Фрадков, секретарь Совбеза РФ Николай Патрушев, глава Чеченской Республики Рамзан Кадыров,заместитель секретаря Совета безопасности России Рашид Нургалиев, член Совбеза Борис Грызлов, сотрудник ФСБ Сергей Беседа и депутат Госдумы Михаил Дегтярев. Среди компании: «Керченская паромная переправа», «Севастопольский морской торговый порт», «Керченский морской торговый порт», госпредприятие «Универсал-Авиа», санаторий «Нижняя Ореанда», «Азовский ликероводочный завод», национальное производственно-аграрное объединение «Массандра», агрофирма «Магарач» и завод шампанских вин «Новый свет».
29 июля Евросоюз официально подтвердил, что согласовал пакет мер с экономическими санкциями против России, которые вступят в силу 1 августа. ЕС также подтвердил включение в санкционный список по Украине 8 человек и 3 юрлиц, их имена и названия были обнародованы в среду, 30 июля. Среди них первый замглавы администрации президента России Алексей Громов, четыре российских бизнесмена, глава МВД Крыма, а также два представителя самопровозглашенных на востоке Украины «народных республик».
29 июля Минфин США объявил о введении санкций против Банка Москвы, ВТБ и Россельхозбанка, а также Объединенной судостроительной корпорации РФ.
6 августа Канада расширила санкционный список в отношении России, включив в него 19 граждан России и Украины, а также пять российских банков. Среди российских банков, попавших в список: Банк Москвы, Россельхозбанк, Российский национальный коммерческий банк и банк ВТБ. Под действие канадских санкций попал ряд российских силовиков, в частности директор ФСБ Александр Бортников, директор СВР Михаил Фрадков, член Совета безопасности РФ Борис Грызлов, секретарь Совбеза Николай Патрушев, руководитель 5-го управления ФСБ Сергей Беседа, руководитель погранслужбы ФСБ РФ Владимир Кулишов, заместитель секретаря Совета безопасности России Рашид Нургалиев, и депутат Госдумы Михаил Дегтярев. Кроме этого, в списке оказались губернатор Краснодарского края Александр Ткачев, глава Чечни Рамзан Кадыров, помощник президента и экс-глава Минкомсвязи Игорь Щеголев, российский бизнесмен Константин Малофеев и акционер банка «Россия» Николай Шамалов. В списке фигурируют также глава МВД Крыма Сергей Абисов, один из лидеров самопровозглашенной ДНР Павел Губарев, его супруга, министр иностранных дел ДНР Екатерина Губарева, спикер верховного совета ДНР Борис Литвинов и сотрудница пресс-службы ЛНР Оксана Чигрина.
Затронули санкции также ряд органов власти самопровозглашенных Донецкой и Луганской народных республик и воинских формирований ополченцев. В списке фигурируют, в частности, «Батальон Восток» и «Армия Юго-Востока».
Кроме этого, в список попали несколько крымских компаний: Керченский торговый порт и Керченская паромная переправа, а также винодельческий комбинат «Массандра», винный завод «Новый Свет», коммерческий порт Севастополя, Национальный институт винограда и вина «Магарач», авиакомпания «Универсал-Авиа». В списке также фигурируют российская авиакомпания «Добролет», Объединенная судостроительная корпорация.
11 августа Норвегия приняла решение присоединиться к санкциям Евросоюза в отношении России, введенным 31 июля.
14 августа Верховная рада Украины приняла закон «О санкциях», который предусматривает возможность введения в отношении России более 20 видов санкций, включая прекращение транзита энергоресурсов. Это позволит правительству в ближайшее время передать на рассмотрение Совета нацбезопасности и обороны (СНБО) Украины санкционный список из 172 физических и 65 юридических лиц из РФ и ряда других стран.
12 сентября Евросоюз обнародовал новые санкции против России, рассчитывая подстегнуть ими процесс мирного урегулирования на Украине. В частности, Евросоюз ограничил доступ к рынкам капитала ЕС российским компаниям «Оборонпром», ОАК, Уралвагонзавод «Роснефть», «Транснефть» и «Газпром нефть». Инвесторам из ЕС — как частным лицам, так и компаниям — будет запрещено выдавать им кредиты сроком более 30 дней, приобретать и торговать их новыми облигациями, акциями и подобными фининструментами сроком обращения более 30 дней. Ранее ограничения не касались кредитов, а также ценных бумаг сроком обращения до 90 дней.
Также ЕС внес еще 24 имени в санкционный список, в него попал зампредседателя Госдумы Владимир Жириновский, депутаты Светлана Журова, Владимир Левичев, Игорь Лебедев, Иван Мельников, Александр Бабаков, сообщается в документе, опубликованном в Официальном журнале Евросоюза. Таким образом, список индивидуальных санкций расширится до 119 человек.
16 сентября Канада объявила о расширении санкционного списка. В новый список попал «Сбербанк» и пять оборонных предприятий РФ: «Исследовательско-производственный центр в Долгопрудном», ОАО «Машиностроительный завод имени М.И. Калинина» (МЗиК), ОАО «Мытищинский машиностроительный завод», ОАО «Научно-исследовательский институт приборостроения имени В. В. Тихомирова» (НИИП) и ОАО «Морской научно-исследовательский институт радиоэлектроники «Альтаир» (ОАО «МНИИРЭ «Альтаир»). Канадские компании, а также частные лица не имеют права предоставлять им новое финансирование на срок более 30 дней.В список лиц, кому был запрещен въезд на территорию Канады, а также заморожены возможные активы, попали замминистра обороны РФ Садовенко Юрий, замминистра обороны РФ Булгаков Дмитрий, первый заместитель генштаба ВС РФ Богдановский Николай и главком Сухопутных войск РФ Салюков Олег.
15 октября страны — кандидаты в члены ЕС Черногория, Исландия и Албания, а также Лихтенштейн, Норвегия, члены Европейской экономической зоны и Украина присоединились к пакету санкций Евросоюза в отношении России от 12 сентября.
29 ноября Евросоюз включил в санкционный список кандидатов на прошедших 2 ноября выборах глав и парламентов самопровозглашенных Донецкой и Луганской народных республик и представителей руководства ЛНР и ДНР. Попавшими под санкции организациями стали общественные организации ДНР «Донецкая республика» и «Свободный Донбасс», от ЛНР — «Мир Луганщине», «Народный союз» и «Луганский экономический союз». Всего в списке значится 13 фамилий и 5 общественных организаций. Фигурантам списка запрещен въезд в ЕС, а их активы на территории Евросоюза заморожены.
9 декабря правительство Японии ввело санкции в отношении ряда лиц и организаций в Донбассе. Всего в списке — 26 человек, а также 14 организаций.
19 декабря президент США Барак Обама объявил, что подписал указ о новых санкциях против России и присоединившегося к ней Крыма.
Указ запрещает новые инвестиции жителей США в Крымский регион Украины, импорт товаров, услуг, технологий в США из Крыма, а также экспорт, реэкспорт, продажу и поставки товаров, услуг и технологий из США или лицами, проживающими в США, в Крымский регион.
Действие указа распространяется на банки, функционирующие в Крыму, а также на финансовые учреждения, прямо или косвенно осуществляющие операции с Крымом.
С этого же дня США ввели санкции против 24 граждан России и Украины, а также ряда компаний. Среди оказавшихся под санкциями — фонд Marshall Capital Partners Константина Малофеева. Также в список санкций попали ряд лидеров Крыма и Донбасса, а также байкерская организация «Ночные волки».
19 декабря Канада дополнила санкционный список еще 11 гражданами РФ. В него попали 10 парламентариев, cреди которых — вице-спикер Государственной думы и руководитель фракции «Единая Россия» Владимир Васильев, депутаты Леонид Калашников (КПРФ), Игорь Лебедев (ЛДПР), Олег Лебедев (ЛДПР), заместитель председателя Госдумы Николай Левичев («Справедливая Россия»), первый зампред Госдумы Иван Мельников (КПРФ), депутаты Виктор Водолацкий («Единая Россия»), Светлана Журова («Единая Россия») и Владимир Никитин (КПРФ). Кроме того, в список попали заместитель председателя Совета Федерации Юрий Воробьев, а также глава представительства самопровозглашенной Донецкой народной республики (ДНР) в РФ Андрей Родкин. Таким образом, число физических лиц, которые попали под канадские санкции, достигло 77 человек. Новый пакет санкций также предусматривает ограничения на экспорт технологий, которые используются в нефтяной и газовой отраслях.
C 20 декабря вступили в силу санкции ЕС против экономики и туротрасли Крыма. В частности, судам, предоставляющим круизные услуги, запрещено входить в порты Севастополя, Керчи, Ялты, Феодосии, Евпатории, Черноморска и порт Камыш-Бурун. Кроме того, Евросоюз расширил более чем в шесть раз список товаров и технологий, запрещенных к поставкам в Крым и для использования в Крыму в сферах транспорта, телекоммуникаций, энергетики и разведки, добычи и производства нефти, газа и минеральных ископаемых. В список было внесено более 160 позиций.
26 декабря из-за санкций США две международные платежные системы — Visa и MasterCard — приняли решение приостановить обслуживание карт российских банков, работающих на территории Крыма.
29 января 2015 года глава дипломатии ЕС Федерика Могерини подтвердила продление индивидуальных санкций против России и ополченцев Донбасса до сентября 2015 года.
16 февраля 2015 года Евросоюз обнародовал список индивидуальных санкций против лиц, которых ЕС считает ответственными за дестабилизацию ситуации на Украине.
18 февраля 2015 года Канада объявила о введении новых санкций в отношении 37 физических лиц и 17 организаций из РФ и Украины.
4 марта 2015 года стало известно, что указом 13660 от 6 марта 2014 года президент США Барак Обама продлил санкции против России на год.
22 июня 2015 года главы МИД стран-членов ЕС продлили действие экономических санкций против РФ до 31 января 2016 года, одобрив соответствующие поправки к решению Евросоюза о секторальных ограничительных мерах в отношении России.
29 июня 2015 года правительство Канады расширило санкционный список против России, включив в него трех граждан РФ и 14 юридических лиц.
30 июля 2015 года Минфин США ввел санкции в отношении еще 11 физических лиц, среди которых несколько россиян, и 15 юридических лиц, среди которых есть российские компании.
16 сентября 2015 года президент Украины Петр Порошенко ввел в действие санкции против Российской Федерации сроком на один год. Санкционный список включает в себя 388 физических и 105 юридических лиц России и ряда других стран.
Ответные санкции России
20 марта в ответ на санкционные меры против ряда российских официальных лиц и депутатов Федерального Собрания МИД РФ опубликовал список официальных лиц и членов Конгресса США, которым закрывается въезд в Российскую Федерацию. В список вошли девять человек.
24 марта в ответ на санкции Канады МИД РФ опубликовал список 13 канадских официальных лиц, депутатов парламента и общественных деятелей Канады, которым закрывается въезд в Россию.
27 марта Государственный совет Республики Крым опубликовал на официальном сайте список лиц, пребывание которых считается нежелательным в Республике Крым. В список вошли 320 человек, среди которых ведущие украинские политики, депутаты Верховной Рады.
1 апреля этот список пополнился 10 именами, среди них — экс-премьер Украины Юлия Тимошенко и лидер «Правого сектора» Дмитрий Ярош.
28 марта официальный представитель МИД РФ Александр Лукашевич заявил, что Москва приняла ответные меры на расширение санкционных списков со стороны США, ЕС и Канады, они во многом зеркальны. При этом Россия не будет обнародовать имена конкретных лиц, против которых вводит санкции в ответ на санкционные списки западных стран. Как сообщили в МИДе, фигуранты «стоп-листа» узнают о том, что они в российском «черном списке», когда будут пересекать российскую границу».
С 27 июля глава Чеченской Республики Рамзан Кадыров ввёл санкции против президента США Барака Обамы, председателя Еврокомиссии Жозе Мануэля Баррозу, председателя Евросовета Хермана Ван Ромпёя, верховного представителя ЕС по иностранным делам и политике безопасности Кэтрин Эштон и председателя Европарламента Мартина Шульца. Кадыров поручил заморозить их банковские счета и любые активы, перечисленным политикам запрещен въезд в Чеченскую Республику.
С 7 августа Россия на год ограничила импорт ряда товаров из стран, которые ввели против нее санкции.
Президент России Владимир Путин 6 августа подписал указ о применении отдельных специальных экономических мер для обеспечения безопасности. В соответствующий список попали говядина, свинина, фрукты, птица, сыры и молочная продукция, орехи и другие продукты.
Утвержден Перечень сельскохозяйственной продукции, сырья и продовольствия, страной происхождения которых являются Соединенные Штаты Америки, страны Европейского союза, Канада, Австралия и Королевство Норвегия.
Позднее из списка были исключены товары, которые по той или иной причине России трудно заместить.
11 августа правительство РФ ограничило государственные закупки иностранных товаров легкой промышленности. Согласно перечню товаров, к закупкам, не относящимся к государственному оборонному заказу, не допускаются зарубежные ткани, одежда верхняя и спецодежда, одежда из кожи, белье нательное, обувь, изделия из меха и другие. Ограничение не касается товаров, произведенных на территории Белоруссии и Казахстана и товаров, не производящихся в РФ.
22 августа послу Японии в РФ Тикахито Хараде был вручен список японских граждан, которым ограничен въезд в Россию в ответ на санкции Токио.
Полный список
Урок 1. Введение. 26 июля 2011
Урок 2. Установка Android Studio 28 июля 2011
Урок 3. Создание AVD. Первое приложение. Структура Android-проекта. 01 августа 2011
Урок 4. Компоненты экрана и их свойства 04 августа 2011
Урок 5. Layout-файл в Activity. XML представление. Смена ориентации экрана. 08 августа 2011
Урок 6. Виды Layouts. Ключевые отличия и свойства. 11 августа 2011
Урок 7. Layout параметры для View-элементов. 15 августа 2011
Урок 8. Работаем с элементами экрана из кода 18 августа 2011
Урок 9. Обработчики событий на примере Button. 22 августа 2011
Урок 10. Оптимизируем реализацию обработчиков. 25 августа 2011
Урок 11. Папка res/values. Используем ресурсы приложения. 29 августа 2011
Урок 12. Логи и всплывающие сообщения 01 сентября 2011
Урок 13. Создание простого меню 05 сентября 2011
Урок 14. Меню, группы, порядок. MenuInflater и xml-меню. 08 сентября 2011
Урок 15. Контекстное меню 12 сентября 2011
Урок 16. Программное создание экрана. LayoutParams 15 сентября 2011
Урок 17. Создание View-компонент в рабочем приложении 19 сентября 2011
Урок 18. Меняем layoutParams в рабочем приложении 22 сентября 2011
Урок 19. Пишем простой калькулятор 26 сентября 2011
Урок 20. Анимация 29 сентября 2011
Урок 21. Создание и вызов Activity 03 октября 2011
Урок 22. Intent, Intent Filter, Context — теория 06 октября 2011
Урок 23. Activity Lifecycle. В каких состояниях может быть Activity 10 октября 2011
Урок 24. Activity Lifecycle, пример смены состояний с двумя Activity 13 октября 2011
Урок 25. Task. Что это такое и как формируется 17 октября 2011
Урок 26. Intent Filter — практика 20 октября 2011
Урок 27. Читаем action из Intent 24 октября 2011
Урок 28. Extras — передаем данные с помощью Intent 27 октября 2011
Урок 29. Вызываем Activity и получаем результат. Метод startActivityForResult 31 октября 2011
Урок 30. Подробнее про onActivityResult. Зачем нужны requestCode и resultCode 03 ноября 2011
Урок 31. Зачем у Intent есть атрибут data. Что такое Uri. Вызываем системные приложения 07 ноября 2011
Урок 32. Пишем простой браузер 10 ноября 2011
Урок 33. Хранение данных. Preferences. 14 ноября 2011
Урок 34. Хранение данных. SQLite 17 ноября 2011
Урок 35. SQLite. Методы update и delete с указанием условия 21 ноября 2011
Урок 36. SQLite. Подробнее про метод query. Условие, сортировка, группировка 24 ноября 2011
Урок 37. Запросы из связанных таблиц. INNER JOIN в SQLite. Метод rawQuery. 28 ноября 2011
Урок 38. Транзакции в SQLite. Небольшой FAQ по SQLite. 01 декабря 2011
Урок 39. onUpgrade. Обновляем БД в SQLite 05 декабря 2011
Урок 40. LayoutInflater. Учимся использовать. 08 декабря 2011
Урок 41. Используем LayoutInflater для создания списка 12 декабря 2011
Урок 42. Список — ListView 15 декабря 2011
Урок 43. Одиночный и множественный выбор в ListView 19 декабря 2011
Урок 44. События в ListView 22 декабря 2011
Урок 45. Список-дерево ExpandableListView 26 декабря 2011
Урок 46. События ExpandableListView 29 декабря 2011
Урок 47. Обзор адаптеров 12 января 2012
Урок 48. Используем SimpleAdapter. 16 января 2012
Урок 49. SimpleAdapter. Методы SetViewText и SetViewImage 19 января 2012
Урок 50. SimpleAdapter. Используем ViewBinder 23 января 2012
Урок 51. SimpleAdapter, добавление и удаление записей 26 января 2012
Урок 52. SimpleCursorAdapter, пример использования 30 января 2012
Урок 53. SimpleCursorTreeAdapter, пример использования 02 февраля 2012
Урок 54. Кастомизация списка. Создаем свой адаптер 06 февраля 2012
Урок 55. Header и Footer в списках. HeaderViewListAdapter 09 февраля 2012
Урок 56. Spinner – выпадающий список 13 февраля 2012
Урок 57. GridView и его атрибуты 16 февраля 2012
Урок 58. Диалоги. TimePickerDialog 20 февраля 2012
Урок 59. Диалоги. DatePickerDialog 23 февраля 2012
Урок 60. Диалоги. AlertDialog: Title, Message, Icon, Buttons 27 февраля 2012
Урок 61. Диалоги. AlertDialog.Метод onPrepareDialog 01 марта 2012
Урок 62. Диалоги. AlertDialog. Список 05 марта 2012
Урок 63. Диалоги. AlertDialog. Список с одиночным выбором 08 марта 2012
Урок 64. Диалоги. AlertDialog. Список с множественным выбором 26 марта 2012
Урок 65. Диалоги. AlertDialog. Кастомизация 29 марта 2012
Урок 66. Диалоги. Обработчики и операции 02 апреля 2012
Урок 67. Диалоги. ProgressDialog 05 апреля 2012
Урок 68. Немного о Parcel 09 апреля 2012
Урок 69. Передаем Parcelable объекты с помощью Intent 12 апреля 2012
Урок 70. onSaveInstanceState. Сохранение данных Activity при повороте экрана 16 апреля 2012
Урок 71. Preferences как настройки приложения. PreferenceActivity 19 апреля 2012
Урок 72. Preferences. Список, экраны и категории 23 апреля 2012
Урок 73. Preferences. Управляем активностью настроек (setEnabled) 26 апреля 2012
Урок 74. Preferences. Программное создание экрана настроек 30 апреля 2012
Урок 75. Хранение данных. Работа с файлами. 03 мая 2012
Урок 76. Tab — вкладки. Общий обзор 07 мая 2012
Урок 77. Tab — вкладки. TabActivity. Activity, как содержимое вкладки 10 мая 2012
Урок 78. Tab — вкладки. TabContentFactory, ручное создание содержимого вкладки 14 мая 2012
Урок 79. XmlPullParser. Парсим XML 17 мая 2012
Урок 80. Handler. Немного теории. Наглядный пример использования 21 мая 2012
Урок 81. Handler. Посылаем простое сообщение 24 мая 2012
Урок 82. Handler. Пример с более содержательными сообщениями 28 мая 2012
Урок 83. Handler. Отложенные сообщения, удаление из очереди, Handler.Callback 31 мая 2012
Урок 84. Handler. Обработка Runnable 04 июня 2012
Урок 85. Еще несколько способов выполнения кода в UI-потоке 07 июня 2012
Урок 86. AsyncTask. Знакомство, несложный пример 11 июня 2012
Урок 87. AsyncTask. Параметры. Промежуточные результаты 14 июня 2012
Урок 88. AsyncTask. Итоговый результат. Метод get 18 июня 2012
Урок 89. AsyncTask. Cancel – отменяем задачу в процессе выполнения 21 июня 2012
Урок 90. AsyncTask. Status – статусы задачи 25 июня 2012
Урок 91. AsyncTask. Поворот экрана 28 июня 2012
Урок 92. Service. Простой пример 02 июля 2012
Урок 93. Service. Передача данных в сервис. Методы остановки сервиса 05 июля 2012
Урок 94. Service. Подробно про onStartCommand 09 июля 2012
Урок 95. Service. Обратная связь с помощью PendingIntent 12 июля 2012
Урок 96. Service. Обратная связь с помощью BroadcastReceiver 16 июля 2012
Урок 97. Service. Биндинг. ServiceConnection 19 июля 2012
Урок 98. Service. Локальный биндинг 23 июля 2012
Урок 99. Service. Уведомления — notifications 26 июля 2012
Урок 100. Service. IntentService. Foreground. Автозагрузка сервиса 30 июля 2012
Урок 101. Создаем свой ContentProvider 07 августа 2012
Урок 102. Touch – обработка касания 13 августа 2012
Урок 103. MultiTouch – обработка множественных касаний 17 августа 2012
Урок 104. Android 3. Fragments. Lifecycle 27 августа 2012
Урок 105. Android 3. Fragments. Динамическая работа 03 сентября 2012
Урок 106. Android 3. Fragments. Взаимодействие с Activity 10 сентября 2012
Урок 107. Android 3. ActionBar. Размещение элементов 19 сентября 2012
Урок 108. Android 3. ActionBar. Навигация — табы и выпадающий список 27 сентября 2012
Урок 109. Android 3. Fragments. ListFragment — список 08 октября 2012
Урок 110. Android 3. Fragments. DialogFragment — диалог 18 октября 2012
Урок 111. Android 3. Fragments. PreferenceFragment — настройки. Headers 29 октября 2012
Урок 112. Android 3. ActionBar. Динамическое размещение элементов 07 ноября 2012
Урок 113. Android 3. ActionMode, как альтернатива контекстному меню 19 ноября 2012
Урок 114. Android 3. Библиотека Support Library. Зачем нужна и как ее использовать на примере фрагментов 26 ноября 2012
Урок 115. Одно приложение на разных экранах 07 декабря 2012
Урок 116. Поведение Activity в Task. Intent-флаги, launchMode, affinity 17 декабря 2012
Урок 117. Виджеты. Создание. Lifecycle 14 января 2013
Урок 118. Виджеты. Конфигурационный экран. Обновление 23 января 2013
Урок 119. PendingIntent – флаги, requestCode. AlarmManager 04 февраля 2013
Урок 120. Виджеты. Обработка нажатий 13 февраля 2013
Урок 121. Виджеты. Список 25 февраля 2013
Урок 122. Виджеты. Превью, изменение размера, экран блокировки, ручное обновление 06 марта 2013
Урок 123. Как подписать приложение. Утилиты keytool и jarsigner 18 марта 2013
Урок 124. Что такое Package для приложения 28 марта 2013
Урок 125. ViewPager 08 апреля 2013
Урок 126. Медиа. MediaPlayer – аудио/видео плеер, основные возможности 29 апреля 2013
Урок 127. Медиа. SoundPool 27 мая 2013
Урок 128. Медиа. Audio Focus 10 июня 2013
Урок 129. Медиа. Запись звука с помощью MediaRecorder 24 июня 2013
Урок 130. Медиа. Запись звука с помощью AudioRecorder 22 июля 2013
Урок 131. Камера. Используем системное приложение 19 августа 2013
Урок 132. Камера. Вывод изображения на экран. Размер preview. Обработка поворота устройства 30 сентября 2013
Урок 133. Камера. Делаем снимок и пишем видео 14 октября 2013
Урок 134. Камера. Настройки 29 октября 2013
Урок 135. Loader. LoaderManager. AsyncTaskLoader 11 ноября 2013
Урок 136. CursorLoader 18 ноября 2013
Урок 137. Сенсоры. Ускорение, ориентация. 09 декабря 2013
Урок 138. Определение местоположения. GPS координаты. 16 декабря 2013
Урок 139. Google maps. Создание и настройка проекта. Карта, камера, события 13 января 2014
Урок 140. Google maps. Свои объекты на карте 27 января 2014
Урок 141. Рисование. Доступ к Canvas 03 февраля 2014
Урок 142. Рисование. Простые фигуры, текст 10 февраля 2014
Урок 143. Рисование. Path 17 февраля 2014
Урок 144. Рисование. Matrix-преобразования 24 февраля 2014
Урок 145. Рисование. Matrix. setRectToRect и setPolyToPoly 03 марта 2014
Урок 146. Рисование. Canvas-преобразования. Методы save и restore. 10 марта 2014
Урок 147. Рисование. Region 17 марта 2014
Урок 148. Рисование. Canvas, clip 24 марта 2014
Урок 149. Рисование. Текст 07 апреля 2014
Урок 150. Рисование. PathMeasure – информация о Path-объекте 28 апреля 2014
Урок 151. Рисование. PathEffect 14 июля 2014
Урок 152. Рисование. Picture 21 июля 2014
Урок 153. Рисование. ColorFilter, ColorMatrix 28 июля 2014
Урок 154. Рисование. PorterDuff.Mode, PorterDuffXfermode 18 августа 2014
Урок 155. Рисование. PorterDuffColorFilter 25 августа 2014
Урок 156. Рисование. AvoidXfermode 01 сентября 2014
Урок 157. Рисование. Bitmap. BitmapFactory. Чтение, вывод на канву, основная информация 06 октября 2014
Урок 158. Рисование. Bitmap. Методы createBitmap, работа с пикселами, density, mutable 13 октября 2014
Урок 159. Рисование. Bitmap. BitmapFactory.Options, сохранение в файл 20 октября 2014
Урок 160. Рисование. Bitmap. Чтение изображений большого размера 27 октября 2014
Урок 161. Рисование. Bitmap. Memory-кэш. Picasso 05 ноября 2014
Урок 162. Графика. Drawable. Shape, Gradient. 18 ноября 2014
Урок 163. Графика. Drawable. Bitmap, Layer List, State List. 01 декабря 2014
Урок 164. Графика. Drawable. Level List, Transition, Inset, Clip, Scale 10 августа 2015
Урок 165. Графика. BitmapShader, LinearGradient, RadialGradient, SweepGradient 24 августа 2015
Урок 166. Графика. Создание своего Drawable 07 сентября 2015
Урок 167. Рисование. Метод Canvas saveLayer. 21 сентября 2015
Урок 168. OpenGL. Введение. 08 октября 2015
Урок 169. OpenGL. Шейдеры 27 октября 2015
Урок 170. OpenGL. Графические примитивы 10 ноября 2015
Урок 171. OpenGL. Цвет. 23 ноября 2015
Урок 172. OpenGL. Perspective. Frustum. Ortho. 08 декабря 2015
Урок 173. OpenGL. Камера 27 января 2016
Урок 174. OpenGL. Модель 16 февраля 2016
Урок 175. OpenGL. Текстуры. 01 марта 2016
Урок 176. OpenGL. Индексы, текстуры для куба. 11 апреля 2016
Урок 180. ConstraintLayout. Основы 07 июля 2017
Урок 181. ConstraintLayout: match_constraints, инструменты в toolbar, guidelines, aspect ratio 09 июля 2017
Урок 182. ConstraintLayout: chain, weight, barrier, group, circular 12 июля 2017
Урок 183. ConstraintSet. Программная настройка ConstraintLayout 17 июля 2017
Урок 184. Android Notifications. Уведомления. Основы 14 ноября 2017
Урок 185. Notifications. Режимы открытия Activity 13 ноября 2017
Урок 186. Notifications. Расширенные уведомления 20 ноября 2017
Урок 187. Notifications. Action кнопки. Reply. 23 ноября 2017
Урок 188. Notifications. Кастомные уведомления 27 ноября 2017
Урок 189. Notifications. Группировка уведомлений 29 ноября 2017
Урок 190. Notifications. Каналы 01 декабря 2017
HTML: Списки. Списки HTML используются для представления списка… | by Kudzanayi Dzvairo
Списки HTML используются для представления списка информации в хорошо сформированном семантическом виде. В HTML есть три различных типа списков, каждый из которых имеет определенное назначение и значение
Неупорядоченный список — Используется для создания списка связанных элементов в произвольном порядке
Упорядоченный список — Используется для создания списка связанные элементы в определенном порядке
Список описаний — -Используется для создания списка терминов и описаний
Неупорядоченные списки HTML
Неупорядоченный список, созданный с использованием элемента
, и каждый элемент списка начинается с
элемент
Элементы в неупорядоченных списках отмечены маркерами

Шоколадный торт

Черный торт Форрест

Ананасовый торт < / li>

Вы также можете изменить тип маркера в своем неупорядоченном списке, используя CSS list-style-type
HTML Упорядоченный список
Упорядоченный список, созданный с использованием элемента
и каждый список это em начинается с
Упорядоченные списки используются, когда важен порядок элементов списков.
Элементы списка в упорядоченном списке отмечены номерами

Пристегните ремень безопасности

Заводит двигатель автомобиля.

Посмотрите вокруг и уходите < / li>

Число обычно начинается с 1, но если вы хотите изменить нумерацию, вы можете использовать начальный атрибут

Вы также можете использовать свойство list-style-type для изменения типа нумерации
HTML Description Lists
Список описаний — это список элементов с описанием или определением каждого элемента.
Список описаний создается с использованием элемента
.
используется вместе с элементом
, который определяет термин, и
, который определяет определение термина.
Браузеры обычно отображают списки определений, помещая термины и определения в отдельные строки, где определения терминов имеют небольшой отступ.

Хлеб

Выпечка из муки

Кофе

Напиток из жареных кофейных зерен.

Доступность в Пенсильвании | Списки в HTML
Содержание страницы
Маркированные списки
Хотя программы чтения с экрана могут обнаруживать маркированные (неупорядоченные) списки, они обычно не различают уровни отступов.
Если вы используете вложенных списков (т. Е. Списков внутри списков) , рассмотрите возможность использования упорядоченного списка с другой системой нумерации на вторичных уровнях, чем на первичных уровнях, чтобы помочь пользователям различать их.
См. Пример вложенного упорядоченного списка ниже.
Объединить списки с заголовками
Другое решение — использовать заголовки меньшего размера в сочетании с одноуровневыми списками. См. Пример ниже.
Вложенный упорядоченный список
Северная Америка
США
Канада
Мексика
Центральная Америка
Гватемала
Гондурас
Коста-Рика
…
Что говорит программа для чтения с экрана
Примечание. Многие программы чтения с экрана читают этот список регионов и стран в виде однострочного списка.
Северная Америка
США
Канада
Мексика
Центральная Америка
Гватемала
Гондурас
Коста-Рика
…
С заголовками
В этом примере регионы — это заголовки 3 или 4 и отдельные списки стран.
Северная Америка
США
Канада
Мексика
Центральная Америка
Гватемала
Гондурас
Коста-Рика
…
Вложенные упорядоченные списки
Использование различных схем нумерации / буквенного обозначения для каждого уровня ваших списков поможет пользователям программ чтения с экрана и широкой аудитории легче понять содержание.
Недоступный вложенный список
Какой визуальный браузер:
Колледжи и факультеты Юниверсити-Парк
1. Сельскохозяйственные науки
1. Сельскохозяйственная и биологическая инженерия.
2. Экономика сельского хозяйства.
2. Искусство и архитектура
1. Кафедра архитектуры
1. Кафедра архитектуры
2. Кафедра ландшафтной архитектуры
Что говорит программа чтения с экрана:
Колледжи и факультеты Юниверсити-Парк
1.Сельскохозяйственные науки 1. Сельскохозяйственная и биологическая инженерия… 2. Искусство и архитектура 1. Архитектура и ландшафтная архитектура 1. Кафедра ландшафтной архитектуры.
Доступный вложенный список
Что видит визуальный браузер:
Колледжи и факультеты Юниверсити-Парк
Сельскохозяйственные науки
Сельскохозяйственная и биологическая инженерия
Экономика сельского хозяйства
…
Искусство и архитектура
Архитектура и ландшафтная архитектура
Архитектурный факультет
Кафедра ландшафтной архитектуры
История искусств
…
…
Что говорит программа чтения с экрана:
Колледжи и факультеты Юниверсити-Парк
1.Сельскохозяйственные науки A. Сельскохозяйственная и биологическая инженерия… 2. Искусство и архитектура A. Архитектура и ландшафтная архитектура i. Кафедра ландшафтной архитектуры.
Использование маркеров изображений
Общее предостережение
В таких документах, как Microsoft Word или PowerPoint , замена обычных маркеров (например, кругов и квадратов) на пользовательские символы может привести к вставке изображения без текста ALT или нераспознанного символа.Однако содержимое списка все равно будет считываться программой чтения с экрана.
CSS
В HTML вы можете заменить маркеры пользовательскими изображениями маркеров с помощью атрибута CSS list-style-image: url (path) . Однако пуля будет прочитана так, как если бы она была изменена в программе чтения с экрана.
Пример списка с настраиваемыми маркерами:
Два цвета штата Пенсильвания:
Спецификация файла CSS:
ul.paw {list-style-image: url (examples / paw.gif)}
Просмотр HTML-кода:

class = "paw" > Синий Белый

Атрибут list-style-image заменяет маркер изображением.
Что говорит программа чтения с экрана:
Два цвета штата Пенсильвания:
Синий
Белый
Начало страницы
HTML-списков
HTML поддерживает упорядоченные, неупорядоченные и определяющие списки.
HTML-списки

Это первая
Это второй
Это третий
Попробуйте сами
Неупорядоченный список
Заказанный список
(Вы можете найти больше примеров внизу этой страницы)
Неупорядоченные списки
Неупорядоченный список — это список элементов.Элементы списка отмечены маркерами (обычно маленькие черные кружочки).
Неупорядоченный список начинается с тега
. Каждый элемент списка начинается с тега
.

Кофе

Молоко

Вот как это выглядит в браузере:
Внутри элемента списка можно помещать абзацы, разрывы строк, изображения, ссылки и т. Д. списки и др.
упорядоченные списки
Упорядоченный список — это также список элементов.Пункты списка отмечены значком числа.
Упорядоченный список начинается с тега
. Каждый элемент списка начинается с тега
.

Кофе

Молоко

Вот как это выглядит в браузере:
Кофе
Молоко
Внутри элемента списка можно помещать абзацы, разрывы строк, изображения, ссылки, другие списки и т. д.
Списки определений
Список определений — это , а не — список элементов. Это список терминов и объяснение условий.
Список определений начинается с тега
. Каждый термин списка определений начинается с тега
. Каждый Определение списка определений начинается с тега
.

Кофе

Черный горячий напиток

Молоко

Белый холодный напиток

Вот как это выглядит в браузере:
Кофе
Черный горячий напиток
Молоко
Белый холодный напиток
Внутри определения списка определений (тег
) вы можете помещать абзацы, разрывы строк, изображения, ссылки, другие списки и т. д.
Другие примеры
Различные виды заказываемых списки
Демонстрирует различные типы упорядоченных списков.
Различные типы неупорядоченные списки
Демонстрирует различные типы неупорядоченных списков.
Вложенный список
Демонстрирует, как можно вкладывать списки.
Вложенный список 2
Демонстрирует более сложный вложенный список.
Список определений
Демонстрирует список определений.
Список тегов
Тег Описание
Определяет упорядоченный список
Определяет неупорядоченный список
Определяет элемент списка
Определяет список определений
Определяет определение термина
Определяет описание определения
Не рекомендуется.Используйте
вместо
<меню> Не рекомендуется. Используйте
вместо

Узнайте, как ваш веб-сайт работает при различных условиях загрузки
WAPT это инструмент для тестирования нагрузки, стресса и производительности для веб-сайтов и веб-приложений. В отличие от инструментов нагрузочного тестирования «800-фунтовая горилла», он разработан таким образом, чтобы минимизировать обучение. кривой и дать вам возможность создать большую нагрузку с обычной рабочей станции.WAPT может генерировать до 3000 одновременно действующих виртуальных пользователей с использованием стандартной конфигурации оборудования. Виртуальных пользователей в каждом профиле можно полностью настроить. Поддерживаются методы аутентификации Basic и NTLM. Графики и отчеты отображаются в реальном времени на разных уровнях детализации, что помогает управлять процессом тестирования.
Загрузите бесплатную 30-дневную пробную версию!
Списки
Примеры
Пример 1 — Неупорядоченный список
Хотя список отсортирован по алфавиту, фактический порядок записей не критичен для понимания.Его можно было перевернуть или даже перетасовать, не теряя смысла.
Кредит, потребитель, 164 Межфункциональный контакт, 10–11 лет Культура поведение покупателей и, 85 определено, 85, 98, 118 … …
Выдержка из: Основные концепции маркетинга — Джон Бернетт
Пример 2 — Список с заголовком
Заголовок связан со списком с использованием атрибута aria-labelledby .Порядок записей важен, поэтому используется элемент или .
Результат гонки Флэш Гордон Флэш …
Пример 3 — Список определений
Термины указаны в элементах dt , а их определения — в dd
Функция обмена Продажа продукта различным участникам канала распространения. Функция физического распределения Перемещает товар через биржу канал, а также название и право собственности. Маркетинговый канал Множество вовлеченных независимых организаций в процессе изготовления продукта или услуга доступна для использования или потребления а также предоставление механизма оплаты для провайдера. …
Выдержка из: Основные концепции маркетинга — Джон Бернетт
Пояснение
Списки часто упускаются из виду как функция доступности, но их способность перемещаться быстро и эффективно. Использование длинных списков точек данных — ключевая потребность в чтении. К сожалению, до сих пор в списках отображаются не как правильный HTML (например, используя новый абзац для каждого элемента, используя ручную строку разбивает на отдельные записи и т. д.).
Зрячие пользователи редко замечают преимущество возможности быстро просмотреть список и определить, есть ли в нем какие-либо интересуют и / или выборочно читают предметы. Когда пользователю нужно пройти каждый элемент в списке по одному элементу в время дойти до конца, или прослушать весь список от начала до конца, проблемы плохой разметки становятся более выраженными (см. раздел часто задаваемых вопросов для более подробного объяснения проблемы). Правильная маркировка списков — небольшая мера, которая может значительно уменьшить разочарование пользователей.
Чтобы упростить навигацию по спискам, всегда помечайте элементы в наборе, используя соответствующие упорядоченные ( ol ) или неупорядоченный ( ul ) элемент списка. Не используйте теги br для визуально отображать элементы на отдельных линиях или использовать аналогичные приемы стилизации, чтобы создать визуальный вид list, так как это затруднит навигацию.
Использование правильного типа списка также важно, поскольку это может быть единственной подсказкой для пользователя о том, порядок пунктов имеет значение.Например, алфавитный список не обязательно является упорядоченным; организация предметы — это не то же самое, что назначать им определенный порядок. Если вы можете переставить предметы без изменив значение списка, вы определили неупорядоченный список (например, указатели и библиографии не теряет смысл при повторном заказе).
Элемент списка определений ( dl ) предназначен для списков имен / значений. Сюда могут входить словари, глоссарии, часто задаваемые вопросы и тому подобное.Элемент не должен использоваться для символа диалог, как указано в спецификации HTML5. Повторение имен символов в элементах dt чисто для того, чтобы указать, кто говорит, нарушает эту семантику. Хотя автоматическое форматирование, которое приходит с типом списка может соответствовать определенным форматам, например, воспроизведениям, каждый элемент dt предназначен для определения уникальное значение.
Элементы списка не должны использоваться исключительно в презентационных целях (например, использование списков dl для сделать заголовки жирным шрифтом с абзацами с отступом).
тегов списка HTML | | Софтлект
Теги для списков
Существует 3 типа списков, которые могут быть созданы в HTML:
Упорядоченный список — используется для отображения каждого элемента, которому предшествует число или алфавит
Неупорядоченный список — используется для отображения каждого элемента с маркером по умолчанию, и не использует числа или алфавиты
Список определений — используется для отображения каждого элемента в виде терминов и его определений
неупорядоченных списков:

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

Штаты

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

Текст выше отображает неупорядоченный список

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

Штаты

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

Это демонстрация упорядоченного списка, в котором элементы списка начинаются с 4

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

В приведенном выше HTML-коде упорядоченный список со строки 8 по строку 13 использует порядок элементов списка по умолчанию.
По умолчанию, элементам списка в упорядоченном списке предшествует номер, начинающийся с «1». Тег
обеспечивает начало атрибута, через которое элементы списка могут начинаться с произвольного числа или алфавита, указанного в атрибуте start. Обратите внимание, что начало атрибута может иметь только числа. Например, упорядоченный список, созданный со строки 15 по строку 19, использует атрибут start, значение которого установлено на «4», поэтому элементы списка будут начинаться с номера «4» вместо номера по умолчанию «1». Результат приведенного выше HTML-кода показан ниже:
По умолчанию элементы в упорядоченном списке начинаются с номера.Чтобы изменить способ нумерации элементов списка, тег
имеет атрибут «тип», с помощью которого элементы списка могут иметь числа, римские цифры или буквы. Атрибут type имеет определенные значения, которые показаны ниже:
1 — Числа (1, 2, 3, 4, 5, 6….)
a — Строчные алфавиты (a, b, c,…)
A — Заглавные буквы (A, B, C,…)
i — Римские цифры в нижнем регистре (i, ii, iii, iv,….)
I — Римские цифры в верхнем регистре (I, II, III, IV,….)
HTML-код, демонстрирующий использование атрибута «type» со значением «a», приведен ниже:
Тег упорядоченного списка с алфавитами нижнего регистра атрибута типа
Это демонстрация упорядоченного списка, в котором элементы списка упорядочены в соответствии с строчными буквами

Штаты

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

Это демонстрация упорядоченного списка, в котором элементы списка упорядочены в соответствии с строчными буквами и начинаются с 4-го алфавита

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

В приведенном выше коде HTML упорядоченный список со строки 8 по строку 13 использует атрибут «type» со значением «a», определяющим элементы списка для начала нумерации с букв нижнего регистра, которые можно увидеть в выходных данных ниже.Упорядоченный список, определенный от строки 15 до строки 19, состоит из «type», а также атрибута «start» со значением «4», поэтому элементы списка, определенные со строк 15 по 19, начинаются с нумерации с «d». Результат приведенного выше HTML-кода показан ниже:
HTML-код, демонстрирующий использование атрибута «type» со значением «a», приведен ниже:
Тег упорядоченного списка с алфавитами в верхнем регистре атрибутов типа
Это демонстрация упорядоченного списка, в котором элементы списка упорядочены в соответствии с алфавитами в верхнем регистре

Штаты

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

Это демонстрация упорядоченного списка, в котором элементы списка упорядочены в соответствии с алфавитами в верхнем регистре и начинаются с 4-го алфавита

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

В приведенном выше коде HTML упорядоченный список со строки 8 по строку 13 использует атрибут «type» со значением «A», определяющим элементы списка для начала нумерации с алфавитов верхнего регистра, которые можно увидеть в выходных данных ниже.Упорядоченный список, определенный от строки 15 до строки 19, состоит из «type», а также атрибута «start» со значением «4», поэтому элементы списка, определенные от строки 15 до строки 19, начинаются с нумерации с «D». Результат приведенного выше HTML-кода показан ниже:
HTML-код, демонстрирующий использование атрибута «type» со значением «i», приведен ниже:
Тег упорядоченного списка с атрибутом типа в нижнем регистре Roman
Это демонстрация упорядоченного списка, в котором элементы списка упорядочены в соответствии с римскими цифрами в нижнем регистре

Штаты

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

Это демонстрация упорядоченного списка, в котором элементы списка упорядочены в соответствии с римскими цифрами в нижнем регистре и начинаются с четвертого числа

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

В приведенном выше коде HTML упорядоченный список со строки 8 по строку 13 использует атрибут «type» со значением «i», определяющим элементы списка для начала нумерации с римских цифр в нижнем регистре, которые можно увидеть в выходных данных ниже.Упорядоченный список, определенный от строки 15 до строки 19, состоит из атрибута «type», а также атрибута «start» со значением «4», поэтому элементы списка, определенные от строки 15 до строки 19, начинаются с нумерации с «iv». Результат приведенного выше HTML-кода показан ниже:
HTML-код, демонстрирующий использование атрибута «type» со значением «I», приведен ниже:
Тег упорядоченного списка с атрибутом типа в верхнем регистре Roman
Это демонстрация упорядоченного списка, в котором элементы списка упорядочены в соответствии с римскими цифрами в верхнем регистре

Штаты

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

Это демонстрация упорядоченного списка, в котором элементы списка упорядочены в соответствии с римскими цифрами в верхнем регистре и начинаются с четвертого числа

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

В приведенном выше коде HTML упорядоченный список со строки 8 по строку 13 использует атрибут «type» со значением «I», определяющим элементы списка для начала нумерации с римских цифр в верхнем регистре, которые можно увидеть в выходных данных ниже.Упорядоченный список, определенный от строки 15 до строки 19, состоит из атрибута «type», а также атрибута «start» со значением «4», поэтому элементы списка, определенные от строки 15 до строки 19, начинаются с нумерации с «IV». Результат приведенного выше HTML-кода показан ниже:
Индивидуальное количество элементов списка также можно изменить с помощью атрибута value в теге
. Это может быть применено к списку любого типа. Приведенный ниже HTML-код демонстрирует использование атрибута value в теге
:
Тег упорядоченного списка
Это демонстрация упорядоченного списка

Штаты

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

Это демонстрация упорядоченного списка, в котором элементы списка начинаются с 4

Андхра-Прадеш

Карнатака

Телангана

Уттар-Прадеш

Вывод вышеуказанного HTML-кода показан ниже, где третьему элементу списка присвоен номер «7».Обратите внимание, что элемент списка, следующий за элементом списка, которому было присвоено значение, продолжит нумерацию с приращением от этого значения. Например, следующему пункту списка присваивается номер «8». Это также можно увидеть из второго списка, отображаемого в выходных данных, показанных ниже.
Список определений:
Тег
используется для создания списка определений. Тег
используется для определения термина, а тег
используется для описания. HTML-код для демонстрации тега
приведен ниже:
Тег списка определений
Это демонстрация списка определений

Штаты

AP

Андхра-Прадеш

КА

Карнатака

TS

Телангана

ВВЕРХ

Уттар-Прадеш

Приведенный выше текст отображает список определений

В приведенном выше HTML-коде тег
в строке 8 определяет список определений.Тег
описывает термин определения, а тег
описывает описание определения. Результат для приведенного выше HTML-кода показан ниже:
Вложение списков
Списки могут быть вложенными, что означает, что один тип списка может содержаться в другом типе списка. Приведенный ниже HTML-код демонстрирует вложенные списки.
Тег упорядоченного списка
Это демонстрация вложенного списка

Штаты

Андхра-Прадеш

Карнатака

Район 1

Район 2

Район 3

Телангана

Округ 1

Округ 2

Уттар-Прадеш

Вывод вышеуказанного HTML-кода показан ниже.Элемент списка 2 имеет вложенный упорядоченный список типа нижних римских цифр, а элемент списка 3 имеет неупорядоченный список.
WebAIM: семантическая структура: регионы, заголовки и списки
Вы здесь: Главная> Статьи> Семантическая структура
Содержание товара
Природа HTML
Районы
Заголовки
Списки
Природа HTML
Создатели HTML — физики элементарных частиц, делящиеся документами, — не интересовались расплывчатыми визуальными эффектами.Они намеревались создать всемирную паутину машиночитаемых страниц для отображения в каждой системе и браузере, включая те, которые озвучивают текст для пользователей с ослабленным зрением. В результате появилась библиотека документов, которую хотели бы читать только машины (или физики элементарных частиц).
По мере роста Интернета отсутствие визуального акцента заставляло дизайнеров напрягаться, пытаясь заставить страницы выглядеть определенным образом, что, в свою очередь, заставляло разработчиков браузеров создавать собственные визуальные и макетные функции и расширения, которые отклонялись от стандартов HTML.
Например, дизайнеры могут избегать элементов заголовка (
, и т. Д.), Потому что им не хватает тонкости: без изменений они могут выглядеть абсурдно большими (, ) или смехотворно маленькие (, ). Они не создавались с расчетом на визуальный дизайн. Их единственная цель — определить иерархию содержимого вложенной структуры, чтобы люди и машины могли сделать вывод о структуре информации.Лишь случайно разработчики браузеров установили для элементов заголовков размеры шрифта по умолчанию и силу.
CSS заполнил пробел, позволив дизайнерам определять визуальное представление без ущерба для базовой семантики и структуры, на которые в первую очередь полагаются программы чтения с экрана и другие вспомогательные технологии.
Области
Большинство страниц имеют визуальную структуру с блоком содержимого (обычно логотипом, навигацией, поиском и т. Д.) Вверху, областью основного содержимого, нижним колонтитулом и иногда боковыми панелями со связанной информацией.Области страницы, такие как
,
,
,
и
, программно определяют основную семантическую структуру страницы. Пользователи программ чтения с экрана могут легко перемещаться между этими основными областями страницы. То же самое может быть достигнуто с помощью эквивалентных ключевых ролей ARIA. Термины «регион» и «ориентир» часто используются как синонимы.
Мы рекомендуем, чтобы на каждой странице был один элемент
(или
).На большинстве страниц также есть только один <заголовок> и <нижний колонтитул> .
,
и
должны быть прямыми потомками , чтобы их можно было использовать для чтения с экрана. Они не могут быть вложены в другие элементы контейнера. Все содержимое страницы должно находиться в регионе.
Область
обычно применяется только к основной навигации. Нецелесообразно заключать каждую ссылку или список ссылок в элемент
.Поскольку пользователи обычно ожидают, что области <нижний колонтитул> будут включать ссылки, нет необходимости использовать
в пределах <нижний колонтитул> .
На сайтах с глубоким содержанием может быть полезно использовать второй
на внутренних страницах для вторичной навигации — например, навигации в определенной категории контента или отделе. В этом случае каждый элемент
должен отличаться aria-label; например,
.Если
начинается с заголовка, можно использовать aria-labelledby для маркировки
этим заголовком.

и
могут быть полезны для содержания блоков контента. Они не функционируют как регионы, если им не присвоена метка ARIA, но это редко бывает полезно.
Товаров
Заголовок описывает содержимое, которое следует за ним, подобно заголовку новости.Попадая на новую страницу, зрячие пользователи тяготеют к заголовкам, чтобы быстро найти на странице то, что они хотят. Пользователи программ чтения с экрана и других вспомогательных технологий также могут переходить от заголовка к заголовку.
Подсказка
Чтобы раскрыть структуру страницы, отправьте URL-адрес в WAVE, а затем выберите вкладку «Структура» на боковой панели открывшейся страницы.
Заголовки создают схему страницы, похожую на схему курсовой работы или оглавление.
описывает страницу в целом (и должен быть похож на страницу </code>).На странице обычно должен быть только один <code><h2></h2></code>. Заголовки с <code><h3></h3></code> по <code><h6></h6></code> представляют возрастающую степень «отступа» в нашей концептуальной «схеме». Таким образом, нет смысла пропускать уровни заголовков, такие как <code><h3></h3></code> до <code><h5></h5> </code>, при перемещении вниз по странице. Вот пример иерархии контента с соответствующими уровнями заголовков:</p><ul><li> <b> h2: </b> Мои любимые рецепты<ul><li> <b> h3: </b> Просто и быстро<ul><li> <b> h4: </b> Спагетти</li><li> <b> h4: </b> Гамбургеры</li><li> <b> h4: </b> Тако<ul><li> <b> h5: </b> Тако с говядиной</li><li> <b> h5: </b> Тако с курицей</li><li> <b> h5: </b> Тако с рыбой</li></ul></li></ul></li><li> <b> h3: </b> Требуется некоторая сборка<ul><li> <b> h4: </b> Запеканка из тунца</li><li> <b> h4: </b> Лазанья<ul><li> <b> h5: </b> Овощная лазанья</li><li> <b> h5: </b> Лазанья с говядиной</li></ul></li></ul></li><li> <b> h3: </b> Все включено<ul><li> <b> h4: </b> Фаршированное крабами филе миньон с виски и перцовым соусом</li><li> <b> h4: </b> Фаршированная говяжья вырезка из сушеных на солнце помидоров и кедровых орехов</li></ul></li></ul></li></ul><h4><span class="ez-toc-section" id="i-106"> Реализация заголовков </span></h4><h5><span class="ez-toc-section" id="i-107"> Заголовки должны использовать теги заголовков.</span></h5><p> Программы чтения с экрана и вспомогательные технологии используют теги заголовков (<code><h2></h2></code>–<code><h6></h6></code>) для идентификации заголовков. Текст, который просто крупный, полужирный или выделенный, не интерпретируется как заголовок, если не используется разметка <code><h2></h2></code>–<code><h6></h6> </code>.</p><h5><span class="ez-toc-section" id="i-108"> Используйте заголовки только тогда, когда они представляют следующий контент. </span></h5><p> Чтобы выделить или выделить текст, который не является заголовком, используйте стили, а не теги заголовка, для достижения визуальных результатов.</p><h3><span class="ez-toc-section" id="i-109"> Списки </span></h3> Списки<p> HTML (<code><ul> </code>, <code><ol> </code> и <code><dl> </code>) также передают иерархическую структуру контента.</p><p> Неупорядоченные списки (<code><ul> </code>) предназначены для содержимого, не имеющего порядка последовательности или важности. Элементы списка обычно начинаются с маркера, хотя при желании это можно изменить с помощью CSS.</p><p> Упорядоченные списки (<code><ol> </code>) предлагают последовательность, порядок или ранжирование.Элементы списка обычно начинаются с числа, буквы, римской цифры и т. Д.</p><p> Списки описаний (<code><dl> </code>) предназначены для пар ключ: значение, таких как термины и определения в глоссарии или вопросы и ответы в FAQ. Термины (<code><dt> </code>) обычно выделяются жирным шрифтом, а описания (<code><dd> </code>) обычно имеют нормальный вес и имеют отступ.</p><p> Структура списка должна использоваться везде, где присутствует логический список, и нигде больше. Не создавайте просто что-то похожее на список, начиная каждый абзац с маркера.Точно так же не применяйте структуру списка к элементам, которые логически не образуют список.</p><h4><span class="ez-toc-section" id="i-110"> Пример: Рецепт песочного печенья </span></h4><p> В этом примере используется рецепт для демонстрации всех трех типов списков. Ингредиенты находятся в неупорядоченном списке, направления — в упорядоченном списке, а в списке описания определены два термина:</p><ol><li> Нагрейте духовку до 300 F (150 C).</li><li> Взбить сливочное масло и сахар.</li><li> Постепенно добавляйте муку во взбитую смесь до однородного состояния.</li><li> Выложите тесто на дно несмазанной формы для выпечки 9×13.</li><li> Выпекать от 30 до 40 минут, пока не подрумянится.</li><li> Вынуть из духовки и сразу проткнуть вилкой.</li></ol><dl><dt> Масло размягченное</dt><dd> Сливочное масло оставить при комнатной температуре примерно на 20 минут.</dd><dt> Сливочное масло и сахар</dt><dd> Смешайте масло и сахар, пока он не станет легким и воздушным.</dd></dl><table><h2><span class="ez-toc-section" id="_HTML-15"> Список всех HTML-тегов </span></h2><p> На этой странице содержится весь список HTML-тегов с описанием (охватывающий последние теги HTML5). Теги предыдущей версии HTML всегда полезны, но некоторые теги удалены в HTML5 и несколько тегов введены в HTML5. После списка всех тегов HTML с описанием в алфавитном порядке.</p><p> NEW — новый тег представлен в HTML5 <br/> REMOVE — не поддерживается в HTML5 <br/> NEW / REMOVE — новый тег представлен в HTML5, но теперь все еще поддерживается в HTML5</p><tr><th> Тег</th><th> Описание</th><th> В HTML5?</th></tr><tr><td> <b> <! -...--> </b></td><td> Описать текст комментария в исходном коде</td><td></td></tr><tr><td> <b> <! Doctype> </b></td><td> Определяет вид документа</td><td></td></tr><tr><td> <b> <a> </b></td><td> Определенная привязка (гиперссылка) <br/> Используется для ссылки во внутренних / внешних веб-документах.</td><td></td></tr><tr><td> <b> <abbr> </b></td><td> Описывает аббревиатуру (акронимы)</td><td></td></tr><tr><td> <b> <аббревиатура> </b></td><td> Описывает аббревиатуры</td><td> УДАЛИТЬ</td></tr><tr><td> <b> <адрес> </b></td><td> Описывает адресную информацию</td><td></td></tr><tr><td> <b> <приложение> </b></td><td> Встраивание апплета в HTML-документ</td><td> УДАЛИТЬ</td></tr><tr><td> <b> <зона> </b></td><td> Определяет область на карте изображения</td><td></td></tr><tr><td> <b> <статья> </b></td><td> Определяет статью</td><td> НОВЫЙ</td></tr><tr><td> <b> <сторона> </b></td><td> Описывает, содержит (или записывает) в стороне на странице, содержит</td><td> НОВЫЙ</td></tr><tr><td> <b> <аудио> </b></td><td> Конкретный аудиоконтент</td><td> НОВЫЙ</td></tr><tr><td> <b> <b> </b></td><td> Плотность текста жирным шрифтом</td><td></td></tr><tr><td> <b> <база> </b></td><td> Определите базовый URL для всех ссылок на веб-странице</td><td></td></tr><tr><td> <b><basefont> </b></td><td> Описывает цвет, размер, начертание шрифта по умолчанию в документе</td><td> УДАЛИТЬ</td></tr><tr><td> <b> <bb> </b></td><td> Определите команду браузера, которая будет вызываться в соответствии с действием клиента</td><td> НОВОЕ / УДАЛИТЬ</td></tr><tr><td> <b> <bdo> </b></td><td> Определенное направление отображения текста</td><td></td></tr><tr><td> <b> <большой> </b></td><td> Определяет большой текст</td><td> УДАЛИТЬ</td></tr><tr><td> <b><blockquote> </b></td><td> Задает длинную цитату</td><td></td></tr><tr><td> <b> <тело> </b></td><td> Определяет основную часть (тело) в документе HTML</td><td></td></tr><tr><td> <b> <br /> </b></td><td> Определить одинарный разрыв строки</td><td></td></tr><tr><td> <b> <кнопка> </b></td><td> Задает кнопку нажатия / нажатия</td><td></td></tr><tr><td> <b> <холст> </b></td><td> Задает отображаемую графику в веб-документе HTML</td><td> НОВЫЙ</td></tr><tr><td> <b> <заголовок> </b></td><td> Определить заголовок таблицы</td><td></td></tr><tr><td> <b> <центр> </b></td><td> Указывает, что текст отображается по центру</td><td> УДАЛИТЬ</td></tr><tr><td> <b> <cite> </b></td><td> Задает текстовую цитату</td><td></td></tr><tr><td> <b> <код> </b></td><td> Задает текст компьютерного кода</td><td></td></tr><tr><td> <b><col> </b></td><td> Задает каждый столбец в элементе<colgroup> в таблице</td><td></td></tr><tr><td> <b><colgroup> </b></td><td> Определяет группу из одного или нескольких столбцов внутри таблицы</td><td></td></tr><tr><td> <b> <команда> </b></td><td> Определить командную кнопку, вызывать в соответствии с действием пользователя</td><td> НОВЫЙ</td></tr><tr><td> <b> <datagrid> </b></td><td> Определить представление данных в сетке данных по списку или по дереву</td><td> НОВОЕ / УДАЛИТЬ</td></tr><tr><td> <b> <datalist> </b></td><td> Определите список предопределенных параметров, окружающих тег <input></td><td> НОВЫЙ</td></tr><tr><td> <b><dd> </b></td><td> Определяет описание определения в списке определений</td><td></td></tr><tr><td> <b> <del> </b></td><td> Определенный текст удален в веб-документе</td><td></td></tr><tr><td> <b> <подробности> </b></td><td> Определите скрытие или отображение дополнительных деталей в соответствии с действием пользователя</td><td> НОВЫЙ</td></tr><tr><td> <b> <dfn> </b></td><td> Определите команду определения</td><td></td></tr><tr><td> <b> <диалог> </b></td><td> Определите разговор в чате между одним или несколькими людьми</td><td> НОВОЕ / УДАЛИТЬ</td></tr><tr><td> <b><dir> </b></td><td> Определить список каталогов</td><td> УДАЛИТЬ</td></tr><tr><td> <b><div> </b></td><td> Определите деталь деления</td><td></td></tr><tr><td> <b><dl> </b></td><td> Определить список определений</td><td></td></tr><tr><td> <b><dt> </b></td><td> Определите команду определения</td><td></td></tr><tr><td> <b> <em> </b></td><td> Определить текст в формате выделения</td><td></td></tr><tr><td> <b> <вставка> </b></td><td> Определите встраиваемое внешнее приложение с помощью соответствующего подключаемого модуля</td><td> НОВЫЙ</td></tr><tr><td> <b> <источник события> </b></td><td> Определяет источник событий, генерируемых удаленным сервером</td><td> НОВОЕ / УДАЛИТЬ</td></tr><tr><td> <b><fieldset> </b></td><td> Определяет группировку связанных элементов формы</td><td></td></tr><tr><td> <b><figcaption> </b></td><td> Представляет текст заголовка, соответствующий элементу фигуры</td><td> НОВЫЙ</td></tr><tr><td> <b> <рисунок> </b></td><td> Представляет автономное содержимое, соответствующее элементу<figcaption></td><td> НОВЫЙ</td></tr><tr><td> <b> <font> </b></td><td> Определяет размер шрифта, начертание и цвет шрифта для текста</td><td> УДАЛИТЬ</td></tr><tr><td> <b> <нижний колонтитул> </b></td><td> Определяет раздел нижнего колонтитула, содержащий сведения об авторе, авторских правах, контактах с нами, карту сайта или ссылки на связанные документы.</td><td> НОВЫЙ</td></tr><tr><td> <b> <форма> </b></td><td> Определяет раздел формы, имеющий интерактивные элементы управления вводом для отправки информации формы на сервер.</td><td></td></tr><tr><td> <b> <рамка> </b></td><td> Определяет окно фрейма.</td><td> УДАЛИТЬ</td></tr><tr><td> <b> <набор рамок> </b></td><td> Используется для хранения одного или нескольких элементов<frame>.</td><td> УДАЛИТЬ</td></tr><tr><td> <b><h2><span class="ez-toc-section" id="to"> to </span></h2><h6></h6> </b></td><td> Определяет уровень заголовков от 1 до 6 различных размеров.</td><td></td></tr><tr><td> <b> <заголовок> </b></td><td> Определяет раздел заголовка HTML-документа.</td><td></td></tr><tr><td> <b> <заголовок> </b></td><td> Определяется как контейнер, содержащий вводный контент или навигационные ссылки.</td><td> НОВЫЙ</td></tr><tr><td> <b><hgroup> </b></td><td> Определяет заголовок раздела, содержащего теги от h2 до h6.</td><td> НОВОЕ / УДАЛИТЬ</td></tr><tr><td> <b><hr /> </b></td><td> Представляет собой тематический разрыв между тегами на уровне абзаца. Обычно это горизонтальная линия.</td><td></td></tr><tr><td> <b><html> </b></td><td> Определить документ как язык разметки HTML</td><td></td></tr><tr><td> <b> <i> </b></td><td> Определяет текст в формате курсива</td><td></td></tr><tr><td> <b> <кадр> </b></td><td> Определяет встроенный фрейм, который внедряет внешнее содержимое в текущий веб-документ.</td><td></td></tr><tr><td> <b> <img> </b></td><td> Используется для вставки изображения в веб-документ.</td><td></td></tr><tr><td> <b> <вход> </b></td><td> Определить получение информации на выбранном входе</td><td></td></tr><tr><td> <b> <ins> </b></td><td> Используется для обозначения текста, который вставляется на страницу и указывает на изменения в документе.</td><td></td></tr><tr><td> <b> <isindex> </b></td><td> Используется для создания однострочного запроса на поиск содержимого документа.</td><td> УДАЛИТЬ</td></tr><tr><td> <b> <КБД> </b></td><td> Используется для обозначения текста, представляющего ввод с клавиатуры.</td><td></td></tr><tr><td> <b> <keygen> </b></td><td> Используется для создания подписанного сертификата, который используется для аутентификации служб.</td><td> НОВОЕ / УДАЛИТЬ</td></tr><tr><td> <b> <метка> </b></td><td> Используется для подписи текстовой метки с помощью элемента формы <input>.</td><td></td></tr><tr><td> <b> <легенда> </b></td><td> Используется для добавления заголовка (заголовка) к группе связанных элементов формы, сгруппированных вместе в тег<fieldset>.</td><td></td></tr><tr><td> <b><li> </b></td><td> Определите элемент списка: упорядоченный или неупорядоченный список.</td><td></td></tr><tr><td> <b> <ссылка> </b></td><td> Используется для загрузки внешних таблиц стилей в документ HTML.</td><td></td></tr><tr><td> <b> <карта> </b></td><td> Определяет интерактивную карту изображений.</td><td></td></tr><tr><td> <b> <отметка> </b></td><td> Используется для выделенного (отмеченного) определенного текста.</td><td> НОВЫЙ</td></tr><tr><td> <b> <меню> </b></td><td> Используется для отображения неупорядоченного списка пунктов / меню команд.</td><td></td></tr><tr><td> <b><meta> </b></td><td> Используется для предоставления структурированных метаданных о веб-странице.</td><td></td></tr><tr><td> <b> <метр> </b></td><td> Используется для измерения данных в заданном диапазоне.</td><td> НОВЫЙ</td></tr><tr><td> <b><nav> </b></td><td> Используется для определения группы навигационных ссылок.</td><td> НОВЫЙ</td></tr><tr><td> <b> <без кадров> </b></td><td> Используется для предоставления браузеру резервного содержимого, не поддерживающего элемент<frame>.</td><td> УДАЛИТЬ</td></tr><tr><td> <b> <код> </b></td><td> Используется для возврата содержимого в браузер, который не поддерживает JavaScript.</td><td></td></tr><tr><td> <b> <объект> </b></td><td> Используется для встроенных объектов, таких как изображения, аудио, видео, Java-апплеты и Flash-анимация.</td><td></td></tr><tr><td> <b><ol> </b></td><td> Определяет упорядоченный список элементов.</td><td></td></tr><tr><td> <b><optgroup> </b></td><td> Используется для создания группы параметров, связанные параметры сгруппированы под определенными заголовками.</td><td></td></tr><tr><td> <b> <опция> </b></td><td> Представляет элементы параметров в элементе <code> <select> </code>, <code><optgroup> </code> или <code> <datalist> </code>.</td><td></td></tr><tr><td> <b> <выход> </b></td><td> Используется для представления результата вычисления.</td><td> НОВЫЙ</td></tr><tr><td> <b><p> </b></td><td> Используется для представления текста абзаца.</td><td></td></tr><tr><td> <b> <параметр> </b></td><td> Предоставляет параметры для встроенного объекта <code>, элемента </code>.</td><td></td></tr><tr><td> <b> <пред> </b></td><td> Используется для представления предварительно отформатированного текста.</td><td></td></tr><tr><td> <b> <ход выполнения> </b></td><td> Представляет ход выполнения задачи.</td><td> НОВЫЙ</td></tr><tr><td> <b> <q> </b></td><td> представляет собой короткую цитату.</td><td></td></tr><tr><td> <b> <rp> </b></td><td> Используется для заключения в круглые скобки содержимого, возвращаемого браузеру, который не поддерживает рубиновые аннотации.</td><td> НОВЫЙ</td></tr><tr><td> <b> <rt> </b></td><td> Задает рубиновый текст рубиновой аннотации.</td><td> НОВЫЙ</td></tr><tr><td> <b> <рубин> </b></td><td> Используется для обозначения рубиновой аннотации.</td><td> НОВЫЙ</td></tr><tr><td> <b> <s> </b></td><td> Отображение текста зачеркнутым.</td><td></td></tr><tr><td> <b> <samp> </b></td><td> Представляет текст, который следует интерпретировать как образец вывода компьютерной программы.</td><td></td></tr><tr><td> <b> <скрипт> </b></td><td> Определяет клиентский JavaScript.</td><td></td></tr><tr><td> <b> <раздел> </b></td><td> Используется для разделения документа на несколько разных общих разделов.</td><td> НОВЫЙ</td></tr><tr><td> <b> <выбрать> </b></td><td> Используется для создания раскрывающегося списка.</td><td></td></tr><tr><td> <b> <маленький> </b></td><td> Используется для уменьшения размера текста на один размер.</td><td></td></tr><tr><td> <b> <источник> </b></td><td> Используется для указания нескольких медиаресурсов.</td><td> НОВЫЙ</td></tr><tr><td> <b> <span> </b></td><td> Используется для группировки и применения стилей к встроенным элементам.</td><td></td></tr><tr><td> <b> <удар> </b></td><td> Обозначает зачеркнутый текст.</td><td> УДАЛИТЬ</td></tr><tr><td> <b> <strong> </b></td><td> Обозначает сильный акцент более важный текст.</td><td></td></tr><tr><td> <b> <стиль> </b></td><td> Используется для добавления стиля CSS в документ HTML.</td><td></td></tr><tr><td> <b> <sub> </b></td><td> Представляет встроенный подстрочный текст.</td><td></td></tr><tr><td> <b> <sup> </b></td><td> Представляет встроенный надстрочный текст.</td><td></td></tr><tr><td> <b> <таблица> </b></td><td> Используется для определения таблицы в документе HTML.</td><td></td></tr><tr><td> <b><tbody> </b></td><td> Используется для группировки строк таблицы.</td><td></td></tr><tr><td> <b><td> </b></td><td> Используется для создания стандартной ячейки данных в таблице HTML.</td><td></td></tr><tr><td> <b><textarea> </b> </td> <td> Создание многострочного ввода текста.</td> <td> </td> </tr> <tr> <td> <b> <стопа> </b> </td> <td> Используется для добавления нижнего колонтитула к таблице, содержащей сводку данных таблицы. </td> <td> </td> </tr> <tr> <td> <b> <th> </b> </td> <td> Используется для создания заголовка группы ячеек в таблице HTML. </td> <td> </td> </tr> <tr> <td> <b> <thead> </b> </td> <td> Используется для добавления заголовка к таблице, содержащей информацию заголовка таблицы.</td> <td> </td> </tr> <tr> <td> <b> <время> </b> </td> <td> Представляет дату и / или время в документе HTML. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <b> <название> </b> </td> <td> Представляет заголовок документа HTML. </td> <td> </td> </tr> <tr> <td> <b> <tr> </b> </td> <td> Определяет ряд ячеек в таблице.</td> <td> </td> </tr> <tr> <td> <b> <трек> </b> </td> <td> Представляет текстовые дорожки для тегов <code> <audio> </code> и <code> <video> </code>. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <b> <tt> </b> </td> <td> Представляет текст телетайпа. </td> <td> УДАЛИТЬ </td> </tr> <tr> <td> <b> <u> </b> </td> <td> Обозначает подчеркнутый текст.</td> <td> </td> </tr> <tr> <td> <b> <ul> </b> </td> <td> Определяет неупорядоченный список элементов.<div class='yarpp-related yarpp-related-none'> <p>No related posts.</p> </div> </div> <footer class="entry-footer"> <span class="cat-links">Категория: <a href="https://forjobathome.ru/category/raznoe" rel="category tag">Разное</a></span> </footer> </div> </article> <nav class="navigation post-navigation" aria-label="Записи"> <h2 class="screen-reader-text">Навигация по записям</h2> <div class="nav-links"><div class="nav-previous"><a href="https://forjobathome.ru/raznoe/markirovochnyj-spisok-markirovannye-spiski-webreference.html" rel="prev">Маркировочный список: Маркированные списки | WebReference</a></div><div class="nav-next"><a href="https://forjobathome.ru/raznoe/rabota-dlya-mamy-v-dekrete-na-domu-rabota-na-domu-dlya-mam-v-dekrete-varianty-podrabotki-gde-iskat-vakansii-v-dekrete.html" rel="next">Работа для мамы в декрете на дому: Работа на дому для мам в декрете: варианты подработки, где искать вакансии в декрете</a></div></div> </nav> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe/html-spisok-numerovannyj-spisok-htmlbook-ru.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://forjobathome.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='9373' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div></div></section><footer class="wrapper wrap-footer"><section class="wrapper footer-widget"><div class="container"><div class="row"></div></div></section><section id="colophon" class="wrapper site-footer" ><div class="container"><div class="row"><div class="xs-12 col-sm-6 col-md-6"><div class="site-info"><p class="endtext"><strong>© 2007-2019 forjobathome.ru<br></strong> Использование материалов сайта разрешено и <br>всячески приветствуется при одном условии:<br> <a href="./copyright.htm" title="" class="stext7">наличие гиперссылки</a> на данный ресурс!</p></div></div><div class="xs-12 col-sm-6 col-md-6"><div class="footer-menu"><nav id="footer-site-navigation" class="footer-main-navigation" role="navigation" aria-label="footer-menu"><div class="menu-footer-menu-container"></div></nav></div></div></div></div></section></footer> <a id="gotop" class="greenturtle-back-to-top" href="#page"><i class="fa fa-angle-up"></i></a></div><div style="display:none"></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://forjobathome.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> </body></html>

Урок 1. Введение.	26 июля 2011
Урок 2. Установка Android Studio	28 июля 2011
Урок 3. Создание AVD. Первое приложение. Структура Android-проекта.	01 августа 2011
Урок 4. Компоненты экрана и их свойства	04 августа 2011
Урок 5. Layout-файл в Activity. XML представление. Смена ориентации экрана.	08 августа 2011
Урок 6. Виды Layouts. Ключевые отличия и свойства.	11 августа 2011
Урок 7. Layout параметры для View-элементов.	15 августа 2011
Урок 8. Работаем с элементами экрана из кода	18 августа 2011
Урок 9. Обработчики событий на примере Button.	22 августа 2011
Урок 10. Оптимизируем реализацию обработчиков.	25 августа 2011
Урок 11. Папка res/values. Используем ресурсы приложения.	29 августа 2011
Урок 12. Логи и всплывающие сообщения	01 сентября 2011
Урок 13. Создание простого меню	05 сентября 2011
Урок 14. Меню, группы, порядок. MenuInflater и xml-меню.	08 сентября 2011
Урок 15. Контекстное меню	12 сентября 2011
Урок 16. Программное создание экрана. LayoutParams	15 сентября 2011
Урок 17. Создание View-компонент в рабочем приложении	19 сентября 2011
Урок 18. Меняем layoutParams в рабочем приложении	22 сентября 2011
Урок 19. Пишем простой калькулятор	26 сентября 2011
Урок 20. Анимация	29 сентября 2011
Урок 21. Создание и вызов Activity	03 октября 2011
Урок 22. Intent, Intent Filter, Context — теория	06 октября 2011
Урок 23. Activity Lifecycle. В каких состояниях может быть Activity	10 октября 2011
Урок 24. Activity Lifecycle, пример смены состояний с двумя Activity	13 октября 2011
Урок 25. Task. Что это такое и как формируется	17 октября 2011
Урок 26. Intent Filter — практика	20 октября 2011
Урок 27. Читаем action из Intent	24 октября 2011
Урок 28. Extras — передаем данные с помощью Intent	27 октября 2011
Урок 29. Вызываем Activity и получаем результат. Метод startActivityForResult	31 октября 2011
Урок 30. Подробнее про onActivityResult. Зачем нужны requestCode и resultCode	03 ноября 2011
Урок 31. Зачем у Intent есть атрибут data. Что такое Uri. Вызываем системные приложения	07 ноября 2011
Урок 32. Пишем простой браузер	10 ноября 2011
Урок 33. Хранение данных. Preferences.	14 ноября 2011
Урок 34. Хранение данных. SQLite	17 ноября 2011
Урок 35. SQLite. Методы update и delete с указанием условия	21 ноября 2011
Урок 36. SQLite. Подробнее про метод query. Условие, сортировка, группировка	24 ноября 2011
Урок 37. Запросы из связанных таблиц. INNER JOIN в SQLite. Метод rawQuery.	28 ноября 2011
Урок 38. Транзакции в SQLite. Небольшой FAQ по SQLite.	01 декабря 2011
Урок 39. onUpgrade. Обновляем БД в SQLite	05 декабря 2011
Урок 40. LayoutInflater. Учимся использовать.	08 декабря 2011
Урок 41. Используем LayoutInflater для создания списка	12 декабря 2011
Урок 42. Список — ListView	15 декабря 2011
Урок 43. Одиночный и множественный выбор в ListView	19 декабря 2011
Урок 44. События в ListView	22 декабря 2011
Урок 45. Список-дерево ExpandableListView	26 декабря 2011
Урок 46. События ExpandableListView	29 декабря 2011
Урок 47. Обзор адаптеров	12 января 2012
Урок 48. Используем SimpleAdapter.	16 января 2012
Урок 49. SimpleAdapter. Методы SetViewText и SetViewImage	19 января 2012
Урок 50. SimpleAdapter. Используем ViewBinder	23 января 2012
Урок 51. SimpleAdapter, добавление и удаление записей	26 января 2012
Урок 52. SimpleCursorAdapter, пример использования	30 января 2012
Урок 53. SimpleCursorTreeAdapter, пример использования	02 февраля 2012
Урок 54. Кастомизация списка. Создаем свой адаптер	06 февраля 2012
Урок 55. Header и Footer в списках. HeaderViewListAdapter	09 февраля 2012
Урок 56. Spinner – выпадающий список	13 февраля 2012
Урок 57. GridView и его атрибуты	16 февраля 2012
Урок 58. Диалоги. TimePickerDialog	20 февраля 2012
Урок 59. Диалоги. DatePickerDialog	23 февраля 2012
Урок 60. Диалоги. AlertDialog: Title, Message, Icon, Buttons	27 февраля 2012
Урок 61. Диалоги. AlertDialog.Метод onPrepareDialog	01 марта 2012
Урок 62. Диалоги. AlertDialog. Список	05 марта 2012
Урок 63. Диалоги. AlertDialog. Список с одиночным выбором	08 марта 2012
Урок 64. Диалоги. AlertDialog. Список с множественным выбором	26 марта 2012
Урок 65. Диалоги. AlertDialog. Кастомизация	29 марта 2012
Урок 66. Диалоги. Обработчики и операции	02 апреля 2012
Урок 67. Диалоги. ProgressDialog	05 апреля 2012
Урок 68. Немного о Parcel	09 апреля 2012
Урок 69. Передаем Parcelable объекты с помощью Intent	12 апреля 2012
Урок 70. onSaveInstanceState. Сохранение данных Activity при повороте экрана	16 апреля 2012
Урок 71. Preferences как настройки приложения. PreferenceActivity	19 апреля 2012
Урок 72. Preferences. Список, экраны и категории	23 апреля 2012
Урок 73. Preferences. Управляем активностью настроек (setEnabled)	26 апреля 2012
Урок 74. Preferences. Программное создание экрана настроек	30 апреля 2012
Урок 75. Хранение данных. Работа с файлами.	03 мая 2012
Урок 76. Tab — вкладки. Общий обзор	07 мая 2012
Урок 77. Tab — вкладки. TabActivity. Activity, как содержимое вкладки	10 мая 2012
Урок 78. Tab — вкладки. TabContentFactory, ручное создание содержимого вкладки	14 мая 2012
Урок 79. XmlPullParser. Парсим XML	17 мая 2012
Урок 80. Handler. Немного теории. Наглядный пример использования	21 мая 2012
Урок 81. Handler. Посылаем простое сообщение	24 мая 2012
Урок 82. Handler. Пример с более содержательными сообщениями	28 мая 2012
Урок 83. Handler. Отложенные сообщения, удаление из очереди, Handler.Callback	31 мая 2012
Урок 84. Handler. Обработка Runnable	04 июня 2012
Урок 85. Еще несколько способов выполнения кода в UI-потоке	07 июня 2012
Урок 86. AsyncTask. Знакомство, несложный пример	11 июня 2012
Урок 87. AsyncTask. Параметры. Промежуточные результаты	14 июня 2012
Урок 88. AsyncTask. Итоговый результат. Метод get	18 июня 2012
Урок 89. AsyncTask. Cancel – отменяем задачу в процессе выполнения	21 июня 2012
Урок 90. AsyncTask. Status – статусы задачи	25 июня 2012
Урок 91. AsyncTask. Поворот экрана	28 июня 2012
Урок 92. Service. Простой пример	02 июля 2012
Урок 93. Service. Передача данных в сервис. Методы остановки сервиса	05 июля 2012
Урок 94. Service. Подробно про onStartCommand	09 июля 2012
Урок 95. Service. Обратная связь с помощью PendingIntent	12 июля 2012
Урок 96. Service. Обратная связь с помощью BroadcastReceiver	16 июля 2012
Урок 97. Service. Биндинг. ServiceConnection	19 июля 2012
Урок 98. Service. Локальный биндинг	23 июля 2012
Урок 99. Service. Уведомления — notifications	26 июля 2012
Урок 100. Service. IntentService. Foreground. Автозагрузка сервиса	30 июля 2012
Урок 101. Создаем свой ContentProvider	07 августа 2012
Урок 102. Touch – обработка касания	13 августа 2012
Урок 103. MultiTouch – обработка множественных касаний	17 августа 2012
Урок 104. Android 3. Fragments. Lifecycle	27 августа 2012
Урок 105. Android 3. Fragments. Динамическая работа	03 сентября 2012
Урок 106. Android 3. Fragments. Взаимодействие с Activity	10 сентября 2012
Урок 107. Android 3. ActionBar. Размещение элементов	19 сентября 2012
Урок 108. Android 3. ActionBar. Навигация — табы и выпадающий список	27 сентября 2012
Урок 109. Android 3. Fragments. ListFragment — список	08 октября 2012
Урок 110. Android 3. Fragments. DialogFragment — диалог	18 октября 2012
Урок 111. Android 3. Fragments. PreferenceFragment — настройки. Headers	29 октября 2012
Урок 112. Android 3. ActionBar. Динамическое размещение элементов	07 ноября 2012
Урок 113. Android 3. ActionMode, как альтернатива контекстному меню	19 ноября 2012
Урок 114. Android 3. Библиотека Support Library. Зачем нужна и как ее использовать на примере фрагментов	26 ноября 2012
Урок 115. Одно приложение на разных экранах	07 декабря 2012
Урок 116. Поведение Activity в Task. Intent-флаги, launchMode, affinity	17 декабря 2012
Урок 117. Виджеты. Создание. Lifecycle	14 января 2013
Урок 118. Виджеты. Конфигурационный экран. Обновление	23 января 2013
Урок 119. PendingIntent – флаги, requestCode. AlarmManager	04 февраля 2013
Урок 120. Виджеты. Обработка нажатий	13 февраля 2013
Урок 121. Виджеты. Список	25 февраля 2013
Урок 122. Виджеты. Превью, изменение размера, экран блокировки, ручное обновление	06 марта 2013
Урок 123. Как подписать приложение. Утилиты keytool и jarsigner	18 марта 2013
Урок 124. Что такое Package для приложения	28 марта 2013
Урок 125. ViewPager	08 апреля 2013
Урок 126. Медиа. MediaPlayer – аудио/видео плеер, основные возможности	29 апреля 2013
Урок 127. Медиа. SoundPool	27 мая 2013
Урок 128. Медиа. Audio Focus	10 июня 2013
Урок 129. Медиа. Запись звука с помощью MediaRecorder	24 июня 2013
Урок 130. Медиа. Запись звука с помощью AudioRecorder	22 июля 2013
Урок 131. Камера. Используем системное приложение	19 августа 2013
Урок 132. Камера. Вывод изображения на экран. Размер preview. Обработка поворота устройства	30 сентября 2013
Урок 133. Камера. Делаем снимок и пишем видео	14 октября 2013
Урок 134. Камера. Настройки	29 октября 2013
Урок 135. Loader. LoaderManager. AsyncTaskLoader	11 ноября 2013
Урок 136. CursorLoader	18 ноября 2013
Урок 137. Сенсоры. Ускорение, ориентация.	09 декабря 2013
Урок 138. Определение местоположения. GPS координаты.	16 декабря 2013
Урок 139. Google maps. Создание и настройка проекта. Карта, камера, события	13 января 2014
Урок 140. Google maps. Свои объекты на карте	27 января 2014
Урок 141. Рисование. Доступ к Canvas	03 февраля 2014
Урок 142. Рисование. Простые фигуры, текст	10 февраля 2014
Урок 143. Рисование. Path	17 февраля 2014
Урок 144. Рисование. Matrix-преобразования	24 февраля 2014
Урок 145. Рисование. Matrix. setRectToRect и setPolyToPoly	03 марта 2014
Урок 146. Рисование. Canvas-преобразования. Методы save и restore.	10 марта 2014
Урок 147. Рисование. Region	17 марта 2014
Урок 148. Рисование. Canvas, clip	24 марта 2014
Урок 149. Рисование. Текст	07 апреля 2014
Урок 150. Рисование. PathMeasure – информация о Path-объекте	28 апреля 2014
Урок 151. Рисование. PathEffect	14 июля 2014
Урок 152. Рисование. Picture	21 июля 2014
Урок 153. Рисование. ColorFilter, ColorMatrix	28 июля 2014
Урок 154. Рисование. PorterDuff.Mode, PorterDuffXfermode	18 августа 2014
Урок 155. Рисование. PorterDuffColorFilter	25 августа 2014
Урок 156. Рисование. AvoidXfermode	01 сентября 2014
Урок 157. Рисование. Bitmap. BitmapFactory. Чтение, вывод на канву, основная информация	06 октября 2014
Урок 158. Рисование. Bitmap. Методы createBitmap, работа с пикселами, density, mutable	13 октября 2014
Урок 159. Рисование. Bitmap. BitmapFactory.Options, сохранение в файл	20 октября 2014
Урок 160. Рисование. Bitmap. Чтение изображений большого размера	27 октября 2014
Урок 161. Рисование. Bitmap. Memory-кэш. Picasso	05 ноября 2014
Урок 162. Графика. Drawable. Shape, Gradient.	18 ноября 2014
Урок 163. Графика. Drawable. Bitmap, Layer List, State List.	01 декабря 2014
Урок 164. Графика. Drawable. Level List, Transition, Inset, Clip, Scale	10 августа 2015
Урок 165. Графика. BitmapShader, LinearGradient, RadialGradient, SweepGradient	24 августа 2015
Урок 166. Графика. Создание своего Drawable	07 сентября 2015
Урок 167. Рисование. Метод Canvas saveLayer.	21 сентября 2015
Урок 168. OpenGL. Введение.	08 октября 2015
Урок 169. OpenGL. Шейдеры	27 октября 2015
Урок 170. OpenGL. Графические примитивы	10 ноября 2015
Урок 171. OpenGL. Цвет.	23 ноября 2015
Урок 172. OpenGL. Perspective. Frustum. Ortho.	08 декабря 2015
Урок 173. OpenGL. Камера	27 января 2016
Урок 174. OpenGL. Модель	16 февраля 2016
Урок 175. OpenGL. Текстуры.	01 марта 2016
Урок 176. OpenGL. Индексы, текстуры для куба.	11 апреля 2016
Урок 180. ConstraintLayout. Основы	07 июля 2017
Урок 181. ConstraintLayout: match_constraints, инструменты в toolbar, guidelines, aspect ratio	09 июля 2017
Урок 182. ConstraintLayout: chain, weight, barrier, group, circular	12 июля 2017
Урок 183. ConstraintSet. Программная настройка ConstraintLayout	17 июля 2017
Урок 184. Android Notifications. Уведомления. Основы	14 ноября 2017
Урок 185. Notifications. Режимы открытия Activity	13 ноября 2017
Урок 186. Notifications. Расширенные уведомления	20 ноября 2017
Урок 187. Notifications. Action кнопки. Reply.	23 ноября 2017
Урок 188. Notifications. Кастомные уведомления	27 ноября 2017
Урок 189. Notifications. Группировка уведомлений	29 ноября 2017
Урок 190. Notifications. Каналы	01 декабря 2017