Картинки
Изображения могут быть намного более эффективными, чем текст, в плане передачи информации. В многих случаях они могут наглядно показать то, что затрудняется описать словами. В Интернете картинки используются повсеместно: на сайтах, в социальных сетях, в блогах. В этой статье мы рассмотрим, как работать с изображениями в markdown.
Вставка картинок
Для вставки картинок в markdown используется следующий синтаксис:
Альтернативный текст - это текст, который будет отображаться вместо изображения, если оно не сможет загрузиться по какой-либо причине. Зачастую это бывает полезным для людей с ограниченными возможностями, которые не могут видеть изображение.
Адрес изображения может быть абсолютным (то есть полным адресом, начинающимся с http:// или https://) или относительным (относительно файла markdown).
"Подсказка" - необязательный параметр, который отображается, когда пользователь наводит курсор на изображение. Это может быть полезно для пояснения того, что изображение изображает.
Пример:
Размеры изображений
Вы также можете изменять размеры изображения, используя параметры width и height. Это можно сделать следующим образом:
<img src="адрес_изображения" width="ширина" height="высота" />
Ширина и высота - это атрибуты изображения в пикселях.
Пример:
<img src="https://picsum.photos/200/300" width="100" height="150" />
Выравнивание
Markdown также позволяет выравнивать изображения по левой, правой или центральной стороне блока, используя параметр align:
<p align="центр"><img src="адрес_изображения" /></p>
Пример:
<p align="центр"><img src="https://picsum.photos/200/300" /></p>
Заключение
Включение изображений в markdown - это процедура, которая позволяет наглядно дополнить информацию, которую вы предоставляете вашим читателям. Удобный синтаксис markdown позволяет легко добавлять и редактировать изображения, делая ваши статьи более удобочитаемыми и информативными.