За добавяне на изображения в Markdown:
Синтаксисът е даден по-долу.
За промяна на размера на изображението в Markdown:
За промяна на размера на изображението в Markdown използваме тага “ ” на HTML. Само този таг помага при промяна на размера на изображението в Markdown и синтаксисът на този таг “
” е даден по-долу.
< img src = 'име на изображение' всичко = '' ширина = 'стойност' височина = 'стойност' >
Можем да променим размера на изображението, като зададем стойностите на ширината и височината в числа, както и в проценти. Можем също да използваме атрибута style в този таг “ ” за промяна на размера на изображението в Markdown.
Пример # 01:
Използваме кода на Visual Studio за изпълнение на кодовете Markdown. За кодовете на Markdown трябва да отворим както текстовия редактор, така и прозореца за визуализация. В текстовия редактор трябва да добавим входа и изходът се получава в прозореца за визуализация. В текстовия редактор първо добавяме изображението в Markdown, като поставяме “!” символ и след това добавете квадратни скоби, в които добавяме „Alt текст“. Сега добавяме пътя на изображението.
Въвеждаме името на изображението с неговото разширение, защото и кодът, и изображението са записани в една и съща директория. Така че ние просто добавяме името тук, което е „cloud.png“. След това добавяме текста, който е „Облачно изображение“ и това е текстът, който се показва само при преместване на мишката. Сега изображението е добавено и можем да видим това изображение в прозореца за визуализация.
Изображението на облака е показано по-долу, тъй като сме добавили това изображение в кода Markdown, който се показва по-горе.
Пример # 02:
Сега променяме размера на това изображение, като използваме тага “ ”. Първо въвеждаме „src“, в който се добавя името или пътя на изображението. След това поставяме „alt“ и коригираме „Cloud Image“. Коригирахме „ширината“ на изображението на „230“. „Височината“ се настройва на „300“. Ние също добавяме „title“ в този таг „
“ и стойността на това „title“ е „Cloud title“. Сега размерът на изображението е променен. Можете да видите променения размер на изображението в прозореца за визуализация.
Размерът на изображението в този резултат е променен и „ширината“ на изображението е „230“, а „височината“ е „300“. Това е така, защото сме коригирали тази ширина и височина в кода Markdown.
Пример # 03:
Можем също така да променим „ширината“ и „височината“ на изображението, като поставим стойностите им в проценти. След като добавихме името или пътя на изображението и коригирахме „alt“ на „Cloud Image“, ние сме задали „width“ и „height“ на изображението на „50%“. След това добавете „title“ и затворете този етикет.
Ето изображението, чийто размер е променен с помощта на тага “ ”. Височината на изображението, както и ширината са „50%“.
Пример # 04:
Сега ние използваме атрибута “style” в този таг “ ” за промяна на размера на изображението в Markdown. Трябва да добавим името на изображението и след това атрибута „alt“. След това поставихме атрибута „стил“ и добавихме „ширина и височина“ като негови стойности. „Ширината“, която задаваме, е в пиксели, което е „500px“, а „височината“ е „400px“. Сега размерът на изображението ще се коригира съответно.
Размерът на изображението в този резултат е актуализиран; неговата „ширина“ вече е „500px“, а „височината“ му е „400px“. Това се вижда в резултат на кода Markdown, който е даден по-горе, където сме коригирали ширината и височината в атрибута style.
Пример # 05:
Добавяме още едно изображение. Но в този код на Markdown ние не променяме размера на изображението. Размерът на изображението се променя само когато сме използвали тага “ ”. Поставяме '!' и след това добавете текста в квадратните скоби, който е „Изображение на слънцето“. След като затворим квадратните скоби, поставяме скобите, в които сме вмъкнали името на изображението “New_sun.png” и след това добавяме текста, който ще се показва при преместване на мишката. Оригиналният размер на изображението ще се покаже в резултата.
Изображението на слънцето е показано, тъй като сме добавили това изображение в кода Markdown. Освен това оригиналният размер на изображението се вижда, защото не можем да коригираме размера на изображението без да използваме маркера „ “.
Пример # 06:
Като използваме тага “ ”, сега променяме размера на това изображение. Първо добавяме името или пътя на изображението, чийто размер искаме да променим, в полето „src“. „Ширина“ и „височина“ на изображението са променени на „300“. Размерът на изображението вече е променен. Прозорецът за визуализация показва новия размер на изображението.
Ширината и височината на изображението са променени на „300“.
Пример # 07:
Като зададем стойностите на „ширина“ и „височина“ на изображението в проценти, можем лесно да променим тези размери. И двамата коригирахме „ширината“ и „височината“ на изображението на „40%“ и след това затворихме този етикет.
Ето изображението с 40% височина и също 40% ширина. Добавихме тази ширина и височина в тага „ “, след като добавихме името на изображението.
Пример # 08:
Сега използваме атрибута „style“ в тага „ “, за да променим размера на изображението в Markdown. Добавихме „ширина и височина“ като стойности към атрибута „стил“, след като добавихме името на изображението и атрибута „alt“. „Ширината“, която определяме, е „450px“, докато „височината“ също се коригира на „450px“. Размерът на изображението вече ще се промени по подходящ начин според тези нови стойности на ширина и височина.
Сега резултатът от този код също се показва в прозореца за визуализация, който се показва по-долу. Както ширината, така и височината на това изображение сега са „450px“ в този резултат по-долу.
Заключение:
Разгледахме подробно концепцията за добавяне на изображения в това ръководство и също така проучихме как да променим размера на изображението в Markdown. Добавихме изображенията в Markdown и променихме размера им с помощта на тага “ ” и показахме как да направите всичко това в Markdown. Променихме размера на изображението, като поставихме стойностите на ширината и височината в числа, както и в проценти. Ние също така използвахме атрибута style в тага “
” за актуализиране или модифициране на размера на изображението в Markdown.