Шпаргалка

Заголовки

## Раздел

### Подраздел

Списки

Маркированный

* Элемент 1

  * элемент 1.1
  * элемент 1.2
  * элемент 1.3


* Элемент 2

Нумерованный

1. Элемент 1

2. Элемент 2

   * элемент 2.1
   * элемент 2.2

3. Элемент 3

Строчные элементы

Абсолютные ссылки: [текст ссылки](http://абсолютный_url)

Ссылка на файл в курсе: [текст ссылки][имя_файла]

Текст, _выделенный курсивом_ или *полужирным шрифтом*.

Объекты

Изображения

Абсолютный URL: ![замещающий текст](http://абсолютный_url)

Вставка изображения из курса: ![замещающий текст][имя_файла]

HTML тегом: <img src='url' width='ширина' height='высота' alt='Замещающий текст'/>

Миниатюры

~~~ {.thumb.размер}
![][имя_файла1]
![][имя_файла2]
![][имя_файла3]
~~~

Размер миниатюр определяется классом размер:

• ws — 120 пикселей по ширине
• wm — 180 пикселей по ширине
• wl — 240 пикселей по ширине
• hs — 120 пикселей по высоте
• hm — 180 пикселей по высоте
• hl — 240 пикселей по высоте

Аудио

<audio controls>
  <source src='url_файла'/>
</audio>

Видео

Следуйте инструкциям видео-хостинга по вставке видео на свой сайт.

Формулы

Строчные %%\frac{m}{n}%%

Блочные $$\frac{m}{n}$$

Блоки и группы

~~~ {.классы.через.точку}
#### Подзаголовок группы

Блоки, входящие в группу
~~~

Базовые стили

• .subtle — понижение акцента
• .em, .strong — повышение акцента
• .block.incut — врезка
• .block.definition — определение
• .block.example — пример
• .block.warning — предупреждение
• .block.danger — опасность

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

• .block.info — информация
• .block.recap — повторение
• .block.thesis — тезис
• .block.summary — резюме, выводы
• .block.tip — совет
• .block.attention — внимание
• .block.critical — критическое предупреждение
• .block.error — ошибка, плохая практика
• .block.success — хорошая практика

Несемантические стили

• .left-align — выравнивание по левому краю
• .right-align — выравнивание по правому краю
• .centered — выравнивание по центру
• .pull-left — «висячее положение слева» (обтекание по правому краю)
• .pull-right — «висячее положение справа» (обтекание по левому краю)

Оформление объектов

• .figure — иллюстрация, внутри .caption — подпись
• .blockquote — цитата (блок), внутри .author — автор или источник

Код

``` {.hl.html}
<p>Этот код не обрабатывается.</p>
```

Код может также встретиться в строке: `a + b`