[Ты админ] - Курс для тестирования уроков
Курс 

Все форматы в уроках

Урок 3 из 3·10—15 минут
Подзаголовок
Обложка урока
Фотографии: Анастасия Пожидаева, 3D-графика: Тимур Афлиев

Заголовок второго уровня

Лейбл

Заголовок второго уровня с лейблом

Заголовок третьего уровня

Лейбл

Заголовок третьего уровня с лейблом

Абзац.

Жирный текст внутри абзаца.

Абзац с тегом mark.

Абзац с тултипом  .

Абзац красного цвета.

Абзац зеленого цвета.

Абзац цвета охра.

Цитата. Быть продуктивным — значит успевать все, что вы хотели, и при этом хорошо себя чувствовать.

Inset

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

Example

  • — Все будет отлично, — сказали Кэрол и Артур. — Надо совсем немного документов с твоей стороны. Апостилированный диплом с переводом на португальский, справку о несудимости, страховку на 30 000 €⁣ (2 990 400 ₽) и анкеты, которые мы тебе пришлем. Все остальное готовим мы.
    — Класс, — ответила я. — А муж? Как мне мужа с собой забрать?
    — Ну вот приедешь, получишь ВНЖ и воссоединяйся с мужем где-то через полгода.

Списки

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

  1. Первая строка.
  2. Вторая строка.
  3. Третья строка.

Список с точкой:

  • первая строка;
  • вторая строка;
  • третья строка.

Список с буквами:

  1. первая строка;
  2. вторая строка  .

Список с одним кастомным буллитом:

  • Первая строка.
  • Вторая строка.
  • Третья строка  .

Список с кастомными буллитами:

  • Первая строка.
  • Вторая строка.
  • Третья строка.

Плашки, cut и details

Плашка

Дефолтная плашка

Абзац.

Абзац с ссылкой.

Жирный текст внутри абзаца.

Абзац с тегом mark.

Абзац с тултипом  .

  1. Первая строка.
  2. Вторая строка.
  3. Третья строка.

Текст описания

Красная плашка

Абзац.

Абзац с ссылкой.

Жирный текст внутри абзаца.

Абзац с тегом mark.

Абзац с тултипом  .

  1. Первая строка.
  2. Вторая строка.
  3. Третья строка.

Текст описания

Зеленая плашка

Абзац.

Абзац с ссылкой.

Жирный текст внутри абзаца.

Абзац с тегом mark.

Абзац с тултипом  .

  1. Первая строка.
  2. Вторая строка.
  3. Третья строка.

Текст описания

Плашка-бабл

Аватар автора

Иван Петров

Описание

Подробный ответ на ваш вопрос есть в статье «Вправе ли вузы предъявлять требования к внешности студентов?».

Кратко повторю, что любой российский колледж вправе издать локальный нормативный акт с требованиями к одежде студентов, включая ее общий вид, цвет и фасон. Например, так поступили вузы, подчиняющиеся министерству обороны и следственному комитету  . Отдельного федерального приказа по внешнему виду студентов медицинских колледжей и вузов нет.

Ознакомьтесь с локальным актом вашего колледжа о дресс-коде студентов. Он может быть на сайте под названием «Положение о внешнем виде обучающихся и сотрудников медицинских специальностей».

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

Panel

Делимся лайфхаками и главным из курсов Учебника. Чит-коды для реальной жизни — в нашем телеграм-канале: @t_uchebnik

Cut c title

Текст без раскрытия

Cut без title

Читать далее

Details c title

Details без title

Эсайды

Абзац, после которого расположен aside со ссылкой на статью журнала.

Абзац, после которого расположен aside с внешней ссылкой.

Абзац, после которого расположен aside с двумя внешними ссылками.

Абзац, после которого расположен aside с file внутри: по нажатию на кнопку скачивается документ в формате DOC, DOCX, PDF, XLS или XLSX. Он может лежать у нас в медиафайлах либо на внешнем ресурсе.

Абзац с тултипом, а внутри тултипа  — документ для скачивания. Здесь тултип приклеен к слову слева от него — за это отвечает атрибут align="left".

Абзац, после которого есть кнопка для копирования шаблона в гугл-документах или гугл-таблицах.

Таблицы

Десктопные примеры таблиц

Таблица без хедера и футера

9м2019192 ₽
2019350 ₽
9м202046 ₽
2020213 ₽
9м2021340 ₽
2021537 ₽
9м2022256 ₽

Таблица с хедером (без футера)

3к20223к2023Изменение9м20229м2023Изменение
Фосфорные удобрения2,132,172%6,186,403%
Азотные удобрения0,610,645%1,881,965%
Прочая продукция0,070,086%0,210,226%

Таблица с хедером + футер

3к20223к2023Изменение9м20229м2023Изменение
Фосфорные удобрения2,132,172%6,186,403%
Азотные удобрения0,610,645%1,881,965%
Прочая продукция0,070,086%0,210,226%
Всего2,812,893%8,278,574%

Таблица с тултипами 

3к20223к2023  Изменение9м20229м2023Изменение
Фосфорные2,132,172%6,186,403% 
Азотные  0,610,645%1,881,965%
Прочие0,070,086%0,210,226%

Десктоп + проверка атрибута colspan

СезонПобедитель Лиги чемпионовДошел бы до финала без правила?Победитель ЛЕДошел бы до финала без правила?
2020/21«Челси»✔️«Вильярреал»✔️
ИтогА тут проверяем атрибут colspanэто все еще он кстати)

Десктоп + проверка атрибута rowspan

Производство стали ↓ −14%Сокращение выплавки чугуна и стали произошло на фоне продолжительных капитальных ремонтов в доменном производстве и ухудшения рыночной конъюнктуры на зарубежных рынках
Производство чугуна ↓ −12,9%
Производство угольного концентрата ↑ +1,9%Производство угольного концентрата увеличилось на 1,9% относительно прошлого года на фоне роста потребности ММК в марках коксующихся углей от сторонних поставщиков

Таблица фуллсайз

С какой даты вводится комиссияРазмер комиссииНа какую валюту распространяетсяСколько можно хранить без комиссииДополнительные комиссии
Тинькофф4 июля 20220,0082% в день для брокерских счетов и ИИС или 0,25% в месяцДоллары, евро и британские фунтыДо 100 000 у. е. с 24 ноября 2022 годаЗа сделки с валютой от 0,4 до 0,9% в зависимости от тарифа
«Райффайзенбанк»31 июля 2022От 0,5 до 1% в месяц — в зависимости от суммы на счетеДоллары, евро, японские иены, фунты стерлингов, швейцарские франкиДо 10 000 у. е. для долларов, евро, фунтов стерлингов и швейцарских франков. До 1 000 000 у. е. для японских иен1,9% за покупку валюты на брокерский счет, 0,3% за покупку юаней, 0,3% при продаже валюты
«БКС-банк»8 августа 2022От 0,3 до 0,6% ежемесячно — в зависимости от размера активовДоллары, евро и фунты стерлинговДо 10 000 у. е.0,3% за покупку валюты на тарифе «Инвестор», 0,01—0,03% на тарифе «Трейдер» 3% за вывод долларов, евро и фунтов стерлингов на счета в сторонние банки. Для прочих валют установлены фиксированные суммы
«Финам»15 августа 2022От 10 000 до 100 000 у.е. — 5% годовых, свыше 100 000 у.е. — 3% годовыхДоллары, евро и фунты стерлинговДо 10 000 у. е.За вывод валюты на счет в стороннем банке — 0,7% от выводимой суммы. Вывод евро временно недоступен
«Открытие»22 августа 20223% годовыхЕвро, фунты стерлингов, канадские долларыДо 10 000 для евро5% за покупку долларов, 0,1% за вывод валюты в сторонние банки, от 0,002 до 0,08% за прочие сделки с валютой
«КИТ-финанс»3 августа 20223% годовых для тарифов «КИТ-универсал», «КИТ-вип». Комиссия списывается в рублях по курсу ЦБ, к которому прибавляется 3%Доллары, евро, швейцарские франкиДо 5000 у. е.5000 ₽ за вывод долларов и евро, 2500 ₽ за вывод других валют. Дополнительно взимается от 0,05 до 0,1% от выводимой суммы в зависимости от тарифа
«Атон»26 июля 202212% годовыхДоллары, евро, швейцарские франки, фунты стерлингов1%, но не менее 10 000 ₽ за вывод и ввод валюты

Примеры мобильных таблиц

Мобильная таблица

Фосфорные удобрения
3к20222,13
3к20232,17
Изменение2%
9м20226,18
9м20236,40
Изменение3%
Азотные удобрения
3к20220,61
3к20230,64
Изменение5%
9м20221,88
9м20231,96
Изменение5%
Прочая продукция
3к20220,07
3к20230,08
Изменение6%
9м20220,21
9м20230,22
Изменение6%

Мобильная таблица с тултипами 

Фосфорные удобрения 
3к2022  2,13
3к20232,17
Изменение2% 
9м20226,18
9м20236,40
Изменение3%
Прочая продукция
3к20220,07
3к20230,08
Изменение6%
9м20220,21
9м20230,22
Изменение6%

Мобильная таблица без хедера

9м2019192 ₽
2019350 ₽
9м202046 ₽
2020213 ₽
9м2021340 ₽
2021537 ₽
9м2022256 ₽

Мобильная таблица с общим хедером

Чистый долг / EBITDAСколько направят на дивиденды
< 1Не менее 75% свободного денежного потока
1—1,5От 50 до 75% свободного денежного потока
> 1,5Не более 50% свободного денежного потока

Иллюстрации

Примеры картинок в формате JPG

Пример 1. jpg + без caption + без props

Стандартная ретиновая картинка без подписи и без дополнительных свойств. Размер картинки 1520х1014.

Пример 2. jpg + noretina + без caption

Стандартная неретиновая картинка без подписи и без рамки. Размер картинки 760х507.

Пример 3. jpg + caption + bordered

Квадратная ретиновая картинка с рамкой и подписью. Размер картинки 1260х1260.

Подпись
Подпись

Пример 4. jpg + caption + bordered + noretina

Квадратная неретиновая картинка с рамкой и подписью. Размер картинки 630х630.

Подпись
Подпись

Пример 5. jpg + caption + column

Вертикальная ретиновая картинка растянутая на ширину стакана и с подписью. Размер картинки 1260х1680.

Подпись
Подпись

Пример 6. jpg + caption + column + noretina

Вертикальная неретиновая картинка растянутая на ширину стакана и с подписью. Размер картинки 630х840.

Подпись
Подпись

Пример 7. jpg + caption + fullsize

Фуллсайз ретиновая картинка, растянутая на ширину подложки на большом десктопе. С подписью. Размер картинки 2440х1628px.

Подпись
Подпись

Пример 8. jpg + caption + fullsize + noretina

Фуллсайз неретиновая картинка, растянутая на ширину подложки на большом десктопе. С подписью. Размер картинки 1220х814px.

Подпись
Подпись

Примеры картинок в формате PNG

Пример 1. png + без props + без caption

Ретиновая картинка без подписи и без дополнительных свойств.

Пример 2. png + без props + caption

Ретиновая картинка с подписью и без дополнительных свойств.

Подпись
Подпись

Пример 3. png + column + caption

Ретиновая картинка растянутая на ширину стакана и с подписью.

Пример 4. png + bordered + caption

Ретиновая картинка с рамкой и подписью.

Подпись
Подпись

Пример 5. png + noretina + bordered + caption

Неретиновая картинка с рамкой и подписью.

Подпись
Подпись

Пример 6. png + noretina + bordered + fullsize + caption

Фуллсайз неретиновая картинка, растянутая на ширину подложки на большом десктопе с рамкой.

Подпись
Подпись

Примеры картинок в формате GIF

Пример 1. gif + без props + без caption

Ретиновая картинка без подписи и без дополнительных свойств.

Пример 2. gif + без props + caption

Ретиновая картинка с подписью и без дополнительных свойств.

Подпись
Подпись

Пример 3. gif + column + caption

Ретиновая картинка растянутая на ширину стакана и с подписью.

Подпись
Подпись

Пример 4. gif + bordered + caption

Ретиновая картинка с рамкой и подписью.

Подпись
Подпись

Пример 5. gif + noretina + bordered + caption

Неретиновая картинка с рамкой и подписью.

Подпись
Подпись

Пример 6. gif + noretina + bordered + fullsize + caption

Фуллсайз неретиновая картинка, растянутая на ширину подложки на большом десктопе с рамкой.

Подпись
Подпись

Примеры картинок-бирок

Лейбл заголовка
Лейбл

Заголовок второго уровня с картинкой-биркой и лейблом

Лейбл заголовка
Лейбл

Заголовок третьего уровня с картинкой-биркой и лейблом

Лейбл заголовка

Картинка-бирка без заголовка и абзац после нее. Встречается в старых уроках

Фоторамы

Пример 1. Стандартная фоторама без дополнительных свойств

Описание 1. Ссылка на Т⁠—⁠Ж
Описание 2. Ссылка на Т⁠—⁠Ж
Описание 3. Ссылка на Т⁠—⁠Ж

Пример 2. Уменьшенная по ширине фоторама. size="slim"

Картинка вставляется в оригинальном размере без ретины
Картинка вставляется в оригинальном размере с учетом ретины
Картинка вставляется в оригинальном размере без ретины

Пример 3. Фуллсайз фоторама. size="large"

Описание 1. Ссылка на Т⁠—⁠Ж
Описание 2. Ссылка на Т⁠—⁠Ж
Описание 3. Ссылка на Т⁠—⁠Ж

Пример 4. Фоторама из парных картинок c индивидуальной подписью под каждой картинкой. size="small"

Подпись ставится у каждой картинки.

Описание 1
Описание 2
Описание 3
Описание 4

Пример 5. Фоторама из парных картинок c одной общей подписью. size="small" caption="common"

Подпись указывается только у первой картинки. У остальных картинок обязательно удаляется атрибут caption.

Экзаменационная работа № 3. Полностью покрыть лицо серебряной краской было не так просто: для глаз я использовала другое средство, но нужно было сделать незаметный переход
Экзаменационная работа № 3. Полностью покрыть лицо серебряной краской было не так просто: для глаз я использовала другое средство, но нужно было сделать незаметный переход
Экзаменационная работа № 3. Полностью покрыть лицо серебряной краской было не так просто: для глаз я использовала другое средство, но нужно было сделать незаметный переход
Экзаменационная работа № 3. Полностью покрыть лицо серебряной краской было не так просто: для глаз я использовала другое средство, но нужно было сделать незаметный переход

Пример 6. Фоторама из парных картинок c общей подписью под каждой парой

Подпись общая на каждую пару изображений.

Описание 1—2. Экзаменационная работа № 3. Полностью покрыть лицо серебряной краской было не так просто: для глаз я использовала другое средство, но нужно было сделать незаметный переход
Описание 3—4. Экзаменационная работа № 3. Полностью покрыть лицо серебряной краской было не так просто: для глаз я использовала другое средство, но нужно было сделать незаметный переход
Описание 5—6. Экзаменационная работа № 3. Полностью покрыть лицо серебряной краской было не так просто: для глаз я использовала другое средство, но нужно было сделать незаметный переход

Пример 7. Фоторама из парных картинок cо свойством docs

Описание 1
Описание 2
Описание 3
Описание 4

Пример 8. Парные картинки c индивидуальной подписью под каждой картинкой без карусели

Описание 1
Описание 1
Описание 2
Описание 2
1/2
Описание 1

Пример 9. Парные картинки с общей подписью без карусели

Экзаменационная работа № 3. Полностью покрыть лицо серебряной краской было не так просто: для глаз я использовала другое средство, но нужно было сделать незаметный переход
Экзаменационная работа № 3. Полностью покрыть лицо серебряной краской было не так просто: для глаз я использовала другое средство, но нужно было сделать незаметный переход
1/2
Экзаменационная работа № 3. Полностью покрыть лицо серебряной краской было не так просто: для глаз я использовала другое средство, но нужно было сделать незаметный переход
Экзаменационная работа № 3. Полностью покрыть лицо серебряной краской было не так просто: для глаз я использовала другое средство, но нужно было сделать незаметный переход

Видео и фреймы

Видео с youtube без дополнительных свойств

Видео с youtube с описанием

Текст описания

Фуллсайз-видео с youtube с описанием

Текст описания

Видео из Вконтакте

Видео из Rutube

Дискозарядка с капитаном Крабом. Больше зарядок — в подборке

Видео из Дзена

Аудиопроигрыватель с mave

Мини-тест, фичеры кусочной подачи и чек-лист

Как вам урок?
1 урок
Урок с эмбедом в начале урока
Следующий шаг