Za dodajanje slik v Markdown:
Sintaksa je podana spodaj.
Za spreminjanje velikosti slike v Markdown:
Za spreminjanje velikosti slike v Markdownu uporabljamo oznako » « v HTML-ju. Samo ta oznaka pomaga pri spreminjanju velikosti slike v Markdownu, sintaksa te oznake »
« pa je podana spodaj.
< img src = 'ime slike' vse = “” premer = 'vrednost' višina = 'vrednost' >
Velikost slike lahko spremenimo tako, da nastavimo vrednosti širine in višine tako v številkah kot tudi v odstotkih. Uporabimo lahko tudi atribut sloga v tej oznaki “ ” za spreminjanje velikosti slike v Markdown.
Primer št. 01:
Za izvajanje kod Markdown uporabljamo kodo Visual Studio. Za kode Markdown moramo odpreti tako urejevalnik besedil kot tudi okno za predogled. V urejevalniku besedila moramo dodati vnos in izhod dobimo v oknu za predogled. V urejevalniku besedila najprej dodamo sliko v Markdown tako, da postavimo »!» simbol in nato dodamo oglate oklepaje, v katere dodamo »Nadomestno besedilo«. Zdaj dodajamo pot slike.
Ime slike vnesemo s končnico, ker sta tako koda kot slika shranjeni v isti mapi. Torej, tukaj samo dodamo ime, ki je 'cloud.png'. Nato dodamo besedilo, ki je »Cloud Image«, in to je besedilo, ki se prikaže samo, ko premaknete miško. Zdaj je slika dodana in to sliko lahko vidimo tudi v oknu za predogled.
Slika oblaka je prikazana spodaj, saj smo to sliko dodali v kodo Markdown, ki je prikazana zgoraj.
Primer št. 02:
Zdaj spreminjamo velikost te slike z uporabo oznake “ ”. Najprej vnesemo “src”, v katerega je dodano ime ali pot do slike. Po tem postavimo 'alt' in prilagodimo 'Cloud Image'. “Širino” slike smo prilagodili na “230”. 'Višina' je nastavljena na '300'. Dodamo tudi »title« v to oznako »
« in vrednost tega »title« je »Cloud title«. Zdaj je velikost slike spremenjena. Spremenjeno velikost slike lahko vidite v oknu za predogled.
Velikost slike v tem izidu je spremenjena in »širina« slike je »230«, »višina« pa »300«. To je zato, ker smo to širino in višino prilagodili v kodi Markdown.
Primer št. 03:
Prav tako lahko spremenimo »širino« in »višino« slike tako, da njuni vrednosti vnesemo v odstotke. Ko smo dodali ime ali pot slike in prilagodili »alt« na »Cloud Image«, smo nastavili »width« in »height« slike na »50%«. Nato dodajte »naslov« in zaprite to oznako.
Tukaj je slika, katere velikost je spremenjena z uporabo oznake “ ”. Višina slike in širina sta »50 %«.
Primer št. 04:
Zdaj uporabljamo atribut »style« v tej oznaki » « za spreminjanje velikosti slike v Markdownu. Dodati moramo ime slike in nato atribut 'alt'. Po tem smo dodali atribut 'style' in dodali 'width in height' kot njegovi vrednosti. »Širina«, ki jo nastavimo, je v slikovnih pikah, kar je »500px«, »višina« pa je »400px«. Zdaj se bo velikost slike ustrezno prilagodila.
Velikost slike v tem rezultatu je bila posodobljena; njegova 'širina' je zdaj '500px' in njegova 'višina' je '400px'. To je vidno kot rezultat kode Markdown, ki je navedena zgoraj, kjer smo prilagodili širino in višino v atributu style.
Primer št. 05:
Dodamo še eno sliko. Toda v tej kodi Markdown ne spreminjamo velikosti slike. Velikost slike se spremeni šele, ko uporabimo oznako “ ”. Postavili smo '!' in nato dodajte besedilo znotraj oglatih oklepajev, ki je »Sončna slika«. Ko zapremo oglate oklepaje, postavimo oklepaj, v katerega smo vstavili ime slike “New_sun.png” in nato dodamo besedilo, ki se bo pokazalo ob prehodu miške. Izvirna velikost slike bo prikazana v rezultatu.
Slika sonca je prikazana, ko smo to sliko dodali v kodo Markdown. Prav tako je vidna izvirna velikost slike, ker ne moremo prilagoditi velikosti slike brez uporabe oznake » «.
Primer št. 06:
Z uporabo oznake “ ” zdaj spreminjamo velikost te slike. Najprej v polje »src« dodamo ime ali pot slike, katere velikost želimo spremeniti. 'Širina' in 'višina' slike sta bili spremenjeni na '300'. Velikost slike je zdaj spremenjena. Okno za predogled prikazuje novo velikost slike.
Širina in višina slike sta bili spremenjeni na »300«.
Primer št. 07:
Z nastavitvijo vrednosti »širine« in »višine« slike v odstotkih lahko enostavno spremenimo te dimenzije. Oba sva prilagodila »širino« in »višino« slike na »40 %« in nato zaprla to oznako.
Tukaj je slika s 40% višine in 40% širine. To širino in višino smo dodali znotraj oznake » « po dodajanju imena slike.
Primer št. 08:
Zdaj uporabljamo atribut »style« v oznaki » «, da spremenimo velikost slike v Markdownu. Po dodajanju imena slike in atributa »alt« smo atributu »style« kot vrednosti dodali »širino in višino«. »Širina«, ki jo določimo, je »450 slikovnih pik«, medtem ko je »višina« prav tako prilagojena na »450 slikovnih pik«. Velikost slike se bo zdaj ustrezno spremenila glede na te nove vrednosti širine in višine.
Zdaj je rezultat te kode prikazan tudi v oknu za predogled, ki je prikazano spodaj. Tako širina kot višina te slike sta zdaj »450px« v tem rezultatu spodaj.
Zaključek:
V tem priročniku smo podrobno raziskali koncept dodajanja slik in raziskali tudi, kako spremeniti velikost slike v Markdown. Dodali smo slike v Markdown in spremenili njihovo velikost s pomočjo oznake “ ” ter pokazali, kako vse to narediti v Markdownu. Spremenili smo velikost slike tako, da smo vrednosti širine in višine zapisali v številkah in odstotkih. Uporabili smo tudi atribut sloga v oznaki »
« za posodabljanje ali spreminjanje velikosti slike v Markdownu.