Изображения
В Markdown вы можете вставлять изображения (Images), делая ваши тексты более наглядными и привлекательными.
Основы вставки изображений
Для вставки изображения используйте следующий синтаксис.
Пример (Markdown):
Результат (HTML):
<img alt="Добро пожаловать в Хоукинс" src="https://ik.imagekit.io/awilum/welcome-to-hawkins.jpg">Результат (Отображение):
Ссылки на изображения
Вы также можете вставлять изображения, ссылаясь на них по URL, без использования восклицательного знака. Это может быть полезно, если вы хотите, чтобы изображение открывалось в новой вкладке при клике.
Пример (Markdown):
[](https://en.wikipedia.org/wiki/Stranger_Things)Результат (HTML):
<a href="https://en.wikipedia.org/wiki/Stranger_Things"><img alt="Добро пожаловать в Хоукинс" src="https://ik.imagekit.io/awilum/welcome-to-hawkins.jpg"></a>Результат (Отображение):
Изображения с изменением размера
Синтаксис Markdown для изображений не позволяет указывать ширину и высоту изображений. Если вам необходимо изменить размер изображения, и ваша программа(процессор) Markdown поддерживает HTML, вы можете использовать HTML-тег img с атрибутами width и height для задания размеров изображения в пикселях.
Пример (Markdown):
<img alt="Добро пожаловать в Хоукинс" height="337" src="https://ik.imagekit.io/awilum/welcome-to-hawkins.jpg" width="500" />Результат (HTML):
<img alt="Добро пожаловать в Хоукинс" height="337" src="https://ik.imagekit.io/awilum/welcome-to-hawkins.jpg" width="500" />Результат (Отображение):
Локальные изображения
Если изображение находится в том же каталоге, что и ваш Markdown файл, вы можете использовать относительный путь.
Пример (Markdown):
Результат (HTML):
<img alt="Добро пожаловать в Хоукинс" src="welcome-to-hawkins.jpg">Результат (Отображение):