qa-static-autotest
Блок с авторами
Личность не установлена
Текст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~Text
Иван Иванов
Ссылку не имеет.
Личность не установлена
Нет имени и ссылки
Личность не установлена
Пустой автор
Обычный текст
Текст±!@#$%^&*()_+<>?"|{}~Text
Текст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~Text
флаги🏳️🌈🏳️⚧️🇺🇳🇦🇫🇦🇽🇦🇱🇩🇿🇦🇸🇦🇩🇦🇴🇦🇮🇦🇶🇦🇬🇦🇷🇦🇲🇦🇼🇦🇺🇦🇹🇦🇿🇧🇸🇧🇭🇧🇩🇧🇧🇧🇾🇧🇪🇧🇿🇧🇯
Текст grade="primary"
Текст±!@#$%^&*()_+<>?"|{}~Text
Текст grade="secondary"
Текст±!@#$%^&*()_+<>?"|{}~Text
Текст grade="large"
Текст±!@#$%^&*()_+<>?"|{}~Text
Текст grade="medium"
Текст±!@#$%^&*()_+<>?"|{}~Text
Текст grade="small"
Текст±!@#$%^&*()_+<>?"|{}~Text
Текст±!@#$%^&*()_+<>?"|{}~Text
Красный текст class="negative"
Текст±!@#$%^&*()_+<>?"|{}~Text
Зеленый текст class="positive"
Текст±!@#$%^&*()_+<>?"|{}~Text
Желтый текст class="warning"
Текст±!@#$%^&*()_+<>?"|{}~Text
Интерактивный текст class="interactive"
Текст±!@#$%^&*()_+<>?"|{}~Text
Красный текст class="red"
Текст±!@#$%^&*()_+<>?"|{}~Text
Зеленый текст class="green"
Текст±!@#$%^&*()_+<>?"|{}~Text
для него 120 рублей потому что для него 120 рублей потому что для него 120 рублей потому что
Текст±!@#$%^&*()_+<>?"|{}~Text
Текст±!@#$%^&*()_+<>?"|{}~Text
Текст±!@#$%^&*()_+<>?"|{}~Text
Текст±!@#$%^&*()_+<>?"|{}~Text
Текст±!@#$%^&*()_+<>?"|{}~Text
Текст±!@#$%^&*()_+<>?"|{}~Text
Тултип с выравниванием по центру (если после тултипа есть знак препинания)
Текст±!@#$%^&*()_+<>?"|{}~Text , _+<>?"|{}~Tex
Тултип с выравниванием слева, если тултип в тексте
Текст±!@#$%^&*()_+<>?"|{}~Text _+<>?"|{}~Tex
Текст выделенный желтым
Текст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~Text
Текст выделен желтым, перенесен на новую строку, а там уже не выделен желтым
Текст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~Текст±!@#$%^&*()_+<>?"|{}~TextTextТекст±!@#$%^&*()_+<>?"|{}~Text
Желтый заголовок
Текст±!@#$%^&*()_+<>?"|{}~Text
флаги>🏳️🌈🏳️⚧️🇺🇳🇦🇫🇦🇽🇦🇱🇩🇿🇦🇸🇦🇩🇦🇴🇦🇮🇦🇶🇦🇬🇦🇷🇦🇲🇦🇼🇦🇺🇦🇹🇦🇿🇧🇸🇧🇭🇨🇦🇮🇨🇨🇻🇧🇶🇵🇫🇧🇩🇧🇧🇧🇾🇧🇪🇧🇿🇧🇯🇧🇲🇧🇹🇧🇴🇧🇦🇧🇼🇧🇷🇻🇬🇧🇳🇧🇬🇧🇫🇧🇮🇰🇭🇨🇲
Диалог: expample. Текст с табуляцией
- Ссылка: Главная страница гугла
- Склеиваем через nbsp: это же
- Склеиваем через nobr: 120—300 г
- Выделение mark: выделенный текст
- Обернул в span: ИП
- 🏳️🌈🏳️⚧️🇺🇳🇦🇫🇦🇽🇦🇱🇩🇿🇦🇸🇦🇩🇦🇴🇦🇮🇦🇶🇦🇬🇦🇷🇦🇲🇦🇼🇦🇺🇦🇹🇦🇿🇧🇸🇧🇭🇧🇩🇧🇧🇧🇾🇧🇪🇧🇿🇧🇯🇧🇲🇧🇹🇧🇴🇧🇦🇧🇼🇧🇷🇻🇬🇧🇳🇧🇬🇧🇫🇧🇮🇰🇭🇨🇲🇨🇦🇮🇨🇨🇻🇧🇶🇰🇾🇨🇫🇹🇩🇮🇴🇨🇱🇨🇳🇨🇽🇨🇨🇨🇴🇰🇲🇨🇬🇨🇩🇨🇰🇨🇷
Цитата из письменного источника
Ссылка: Главная страница гугла
Склеиваем через nbsp: это же
Склеиваем через nobr: 120—300 г
Выделение mark: выделенный текст
Обернул в span: ИП
флаги 🏳️🌈🏳️⚧️🇺🇳🇦🇫🇦🇽🇦🇱🇩🇿🇦🇸🇦🇩🇦🇴🇦🇮🇦🇶🇦🇬🇦🇷🇦🇲🇦🇼🇦🇺🇦🇹🇦🇿🇧🇸🇧🇭🇧🇩🇧🇧🇧🇾🇧🇪🇧🇿🇧🇯🇧🇲🇧🇹🇧🇴🇧🇦🇧🇼🇧🇷🇻🇬🇧🇳🇧🇬🇧🇫🇧🇮🇰🇭🇨🇲🇨🇦🇮🇨🇨🇻🇧🇶🇰🇾🇨🇫🇹🇩🇮🇴🇨🇱🇨🇳🇨🇽🇨🇨🇨🇴🇰🇲🇨🇬🇨🇩🇨🇰
Крупная цитата
Вот это да! Большая цитата!!!!!! Проверяем что перенос тсроки работает корректно потому тут много текста
Ссылка: Главная страница гугла
Склеиваем через nbsp: это же
Склеиваем через nobr: 120—300 г
Выделение mark: выделенный текст
Обернул в span: ИП
Aside_ref
| Завтрак | Яичница из пяти яиц, смузи из сливок, двух нектаринов, яблока и банана |
| Обед | Гречка с говядиной, орехи, сыр, кофе с шоколадом |
| Ужин | Творог с малиной и голубикой, кефир |
| Ситуация в бизнесе | Прежние сроки | Новые сроки | Старая форма | Подраздел новой формы ЕФС-1 |
|---|---|---|---|---|
| Прием на работу | Пример работы атрибута Rowspan Пример работы атрибута Rowspan Пример работы атрибута Rowspan Пример работы атрибута Rowspan Пример работы атрибута Rowspan | СЗВ-ТД | 1.1 | |
| Тест rowspan | ||||
| Первый завтрак | Второй завтрак | Обед | Полдник | Ужин | Перекусы в течение дня | |
|---|---|---|---|---|---|---|
| width: 20px | width: 190px | width: 190px | width: 185px | width: 160px | width: 185px | width: 150px |
| Пн | Овсянка с орехами, фруктами и семечками. ПРОПИШУ СЮДА ОЧЕНЬ ДЛИННЫЙ ТЕКСТ ЧТОБЫ ПРОВЕРИТЬ ШИРИНУ ТАБЛИЦЫ. ОНА НЕ ДОЛЖНА СЪЕЗЖАТЬ | Тосты с авокадо, творожным сыром. Пропишу сюда очень длинный текст чтобы проверить ширину таблицы. она не должна съезжать | Борщ с зеленью Ржаной хлеб. пропишу сюда очень длинный текст чтобы проверить ширину таблицы. она не должна съезжать | Банановый хлеб с морковью | Запеченная рыба с картофелем и овощами Овощная нарезка | Ягоды, йогурт |
| Вт | Яичница с помидорами, луком, сельдереем и зеленью Огурцы | Шоколадно-ореховая паста с чечевицей и авокадо с ц/з хлебцами | Борщ с зеленью Ржаной хлеб | Овощи с хумусом | Печеные овощи Печеный нут | Ряженка |
| Ср | Тосты с рыбой и зеленью Фруктовый салат | Шоколадно-фасолевая паста с ц/з хлебцами | Паста с зеленой фасолью, луком и сыром Овощная нарезка | Йогурт с орехами и ягодами | Паста со шпинатом, семгой и сыром Греческий салат | Домашнее мороженое |
Текст±!@#$%^&*link
Ссылка на внешний ресурс: Экспозиции Токийского музея
Ссылка без сертификата безопасности Тык
Ссылка по якорю внутри статьи: Прыгаем к тегу < p > через якорь #p_tag
тултип с ссылкой
- Жирный текст не жирный текст
- Переносим строку через тег br
А я уже с новой строки - Ссылка: Главная страница гугла
- Склеиваем через nbsp: это же
- Склеиваем через nobr: 120—300 г
- Выделение mark: выделенный текст
- Обернул в span: ИП
- tooltip Hello. It’s me
- tooltip align = center .
- tooltip align = left
- флаги 🏳️🌈🏳️⚧️🇺🇳🇦🇫🇦🇽🇦🇱🇩🇿🇦🇸🇦🇩🇦🇴🇦🇮🇦🇶🇦🇬🇦🇷🇦🇲
- Жирный текст не жирный текст
- Переносим строку через тег br
А я уже с новой строки - Ссылка: Главная страница гугла
- Склеиваем через nbsp: это же
- Склеиваем через nobr: 120—300 г
- Выделение mark: выделенный текст
- Обернул в span: ИП
- tooltip Hello. It’s me
- tooltip align = center .
- tooltip align = left
- флаги 🏳️🌈🏳️⚧️🇺🇳🇦🇫🇦🇽🇦🇱🇩🇿🇦🇸🇦🇩🇦🇴🇦🇮🇦🇶🇦🇬🇦🇷🇦🇲
- каждая строка
- начинается
- с точки
- флаги 🏳️🌈🏳️⚧️🇺🇳🇦🇫🇦🇽🇦🇱🇩🇿🇦🇸🇦🇩🇦🇴🇦🇮🇦🇶🇦🇬🇦🇷🇦🇲🇦🇼🇦🇺🇦🇹🇦🇿🇧🇸🇧🇭🇧🇩
- тинькофф
- журнал
- это любовь
- флаги 🏳️🌈🏳️⚧️🇺🇳🇦🇫🇦🇽🇦🇱🇩🇿🇦🇸🇦🇩🇦🇴🇦🇮🇦🇶🇦🇬🇦🇷🇦🇲🇦🇼🇦🇺🇦🇹🇦🇿🇧🇸🇧🇭🇧🇩🇧🇧🇧🇾🇧🇪🇧🇿🇧🇯
- камера
- книга
- галочка
- Один
- Два
- Три
- Четыре
- флаги 🏳️🌈🏳️⚧️🇺🇳🇦🇫🇦🇽🇦🇱🇩🇿🇦🇸🇦🇩🇦🇴🇦🇮🇦🇶🇦🇬🇦🇷🇦🇲🇦🇼🇦🇺🇦🇹
- Телеграм — туда поступают заказы через специального бота.
- «Служба доставки» — приложение для курьеров от Яндекса, куда приходит подробная информация о заказах и устанавливаются таймеры.
- «2ГИС» — оптимальный навигатор, в котором на домах проставлены номера подъездов. Это очень выручает, если в доме их, например, 16.
- Телеграм — туда поступают заказы через специального бота.
- «Служба доставки» — приложение для курьеров от Яндекса, куда приходит подробная информация о заказах и устанавливаются таймеры.
- «2ГИС» — оптимальный навигатор, в котором на домах проставлены номера подъездов. Это очень выручает, если в доме их, например, 16.
Обычная плашка
Жирный текст не жирный текст
Переносим строку через тег br
А я уже с новой строки
Ссылка: Главная страница гугла
Склеиваем через nbsp: это же
Склеиваем через nobr: 120—300 г
Выделение mark: выделенный текст
Обернул в span: ИП
tooltip Hello. It’s me
tooltip align = center .
tooltip align = left
Цвет плашки: Зеленый
surface="positive"
Цвет плашки: красный
surface="negative"
Цвет плашки: синий
surface="interactive"
Ставим перед плашкой author, у плашки прописываем свойство isbuble=”true”. Используем для прямой речи автора, например, плашки с экспертами
автор внутри плашки
panel с ссылкой и без кнопки
panel с кнопкой
ИЗРБРАЖЕНИЯ
Атрибут mobile_directioon для отображения картинок в колонку, на мобильных устройствах
size=”slim” — это свойство ставит фотораму шириной 630px
size=”large” — это свойство делает фотораму крупной и ставит во всю ширину подложки.
все изображения png + с подписями + бордер
все изображения jpg + с подписями + бордер
PNG
png + картинка-лейбл
Текст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~Text
png + без caption + без props
png + caption + без props
png + caption + с бордером
png + caption + noretina + border
png + caption + noretina + border + fullsize
JPG
jpg + картинка-лейбл
Текст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~TextТекст±!@#$%^&*()_+<>?"|{}~Text
jpg + без caption + без props
jpg + caption + без props
jpg + caption + с бордером
jpg + caption + noretina + border
jpg + caption + noretina + border + fullsize
Alt изображений
Если есть caption и alt — в разметке "alt={alt}"
png
jpg
Если есть caption и нет alt — в разметке "alt={caption}"
png
jpg
Шорткод imgset
imgset — если необходимо указать мобильную и десктопную версию. Сначала указываем мобильную версию, после запятой десктопную.
- На десктопе: котик за компуктером
- На мобилке: песик в корзинке
- На десктопе: Взрослый Наруто
- На мобилке: Маленький Наруто
