Вставка объектов

Вставка изображений

Изображения должны быть размещены в Интернете (загружены на сайт сообщества или на специальный сервис).

Синтаксис

![текст замещения](url)

Пример: изображения

![](http://i.imgur.com/u0FzLj9.jpg)

Файлы в учебном курсе

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

Файлы в учебном курсе

Загруженный файл kittens.jpg можно вставить в виде ссылки:

[Котята][kittens.jpg]

Котята

Файлы в учебном курсе

Изображение kittens.jpg можно вставить в виде ссылки:

![Котята][kittens.jpg]

Изображения HTML

Используйте HTML-тег <img>, чтобы указать точный размер изображения.

Пример: изображения HTML

<img src='[kittens.jpg]' width=160/>

Для использования файла из учебного курса, возьмите имя файла в квадратные скобки.

Вставка миниатюр

Большие изображения имеет смысл вставлять миниатюрами.

При нажатии на миниатюру изображение отображается в полном размере.

Вставка миниатюр

~~~ {.thumb.wl}
![][kittens.jpg]
~~~

Все изображения в блоке thumb будут отображаться миниатюрами. Класс wl определяет размер миниатюры.

Размер миниатюр

Классы ws, wm и wl задают фиксированный размер миниатюры по ширине (width) — от меньшего к большему.

Аналогично задается размер по высоте (height) с помощью классов hs, hm и hl.

Миниатюры в пределах одного блока всегда имеют одинаковый размер.

Аудиозаписи

Аудиозаписи вставляются с помощью HTML-тега <audio>. Для поддержки различных браузеров рекомендуется загружать аудио в форматах MP3 и OGG.

<audio controls>
  <source src='[classic.mp3]'/>
  <source src='[classic.ogg]'/>
</audio>

Рекомендации: аудиозаписи

• Воспользуйтесь сервисом media.io, чтобы сконвертировать аудио в форматы MP3 и OGG
• Аудиофайлы можно также размещать на публичных хостингах: SoundCloud, Tindeck и др.

Видео из YouTube

Получите код HTML для вставки: “Share” → “Embed”

Видео из YouTube

Вставьте код отдельным блоком.

Видео из Vimeo

Используйте код вставки “Share” → “Embed”.

Видео из других источников

Ищите код вставки в виде HTML-элементов <video>, <iframe>, <object> или <embed>.

Внимание! Вопросы поддержки видео на мобильных устройствах обеспечиваются выбранным Вами сервисом.

Математические формулы

Семантический язык разметки поддерживает формулы на языке LaTeX.

Формулы бывают строчными и блочными.

Математические формулы

Строчные формулы отображаются на одной строке с другим текстом; начало и конец формулы отмечаются парными знаками процента: %% a + b %%.

Блочные формулы отображаются на отдельной строке; начало и конец формулы отмечаются парными знаками доллара $$ a + b $$.

Пример: строчные формулы

Рациональные числа можно представить в виде дроби %%\frac{m}{n}%%, где %%m%% — целое число, %%n%% — натуральное число.

Пример: блочные формулы

Число e: $$\lim_{n\to\infty} \left( 1 + \frac{1}{n} \right)^n$$