AI generated image

Данное изображение добавлено в курс как обычное изображение, его HTML-код выглядит так:

<p><img src="https://do.ssau.ru/moodle/pluginfile.php/405980/mod_page/content/3/fantasy_forest.jpg" alt="AI generated image" width="640" height="640" class="img-fluid atto_image_button_text-bottom"></p>

AI generated image

Данное изображение добавлено в курс как обычное изображение, после добавления изображения в режиме редактирования HTML для элемента-контейнера изображения(параграф <p>) были добавлены два класса cdot-img-tumbnail, cdot-img-expandable и были убраны атрибуты width, height, class из элемента изображения <img>. Вместо тега <p> для контейнера с изображением лучше исползовать тег <div>. HTML-код выглядит так:

<p class="cdot-img-tumbnail cdot-img-expandable"><img src="https://do.ssau.ru/moodle/pluginfile.php/405980/mod_page/content/3/fantasy_forest.jpg" alt="AI generated image"></p>

Переход в режим редактирования HTML-кода может выполняться как показано в видео ниже или, в зависимости от используемого редактора и его версии, в меню редактора "Вид" >> "Исходный код"

Видео-пример использования классов при добавлении изображения:

Последнее изменение: понедельник, 8 декабря 2025, 18:11