Įtraukite vaizdus į Markdown ir pakeiskite vaizdo dydį

Norėdami pridėti vaizdų į Markdown:

Sintaksė pateikta žemiau.

Norėdami pakeisti vaizdo dydį Markdown:

Norėdami pakeisti vaizdo dydį „Markdown“, naudojame HTML žymą „ “. Tik ši žyma padeda keisti Markdown vaizdo dydį, o šios žymos „ “ sintaksė pateikta toliau.

Vaizdo dydį galime pakeisti nustatydami pločio ir aukščio reikšmes skaičiais ir procentais. Taip pat galime naudoti stiliaus atributą šioje „ “ žymoje, norėdami pakeisti vaizdo dydį „Markdown“.

01 pavyzdys:

Markdown kodams atlikti naudojame Visual Studio kodą. Norėdami naudoti Markdown kodus, turime atidaryti ir teksto rengyklę, ir peržiūros langą. Teksto rengyklėje turime pridėti įvestį ir išvestis gaunama peržiūros lange. Teksto rengyklėje pirmiausia pridedame vaizdą į Markdown, įdėdami „! simbolį, tada pridėkite laužtinius skliaustus, kuriuose pridedame „Alt text“. Dabar pridedame vaizdo kelią.

Įvedame paveikslėlio pavadinimą su jo plėtiniu, nes ir kodas, ir paveikslėlis išsaugomi tame pačiame kataloge. Taigi, mes tiesiog pridedame pavadinimą čia, kuris yra „cloud.png“. Tada pridedame tekstą, kuris yra „Cloud Image“, ir tai yra tekstas, kuris rodomas tik užvedus pelės žymeklį. Dabar vaizdas pridėtas ir šį vaizdą taip pat galime matyti peržiūros lange.

Debesies vaizdas rodomas žemiau, nes šį vaizdą įtraukėme į aukščiau rodomą Markdown kodą.

02 pavyzdys:

Dabar keičiame šio vaizdo dydį naudodami žymą „ “. Pirmiausia įvedame „src“, kuriame pridedamas vaizdo pavadinimas arba kelias. Po to įdedame „alt“ ir koreguojame „Cloud Image“. Vaizdo „plotį“ pakoregavome į „230“. 'Aukštis' yra nustatytas į '300'. Taip pat pridedame „title“ prie šios „ “ žymos, o šios „title“ reikšmė yra „Cloud title“. Dabar vaizdo dydis pakeistas. Pakeistą vaizdo dydį galite pamatyti peržiūros lange.

Vaizdo dydis šiame rezultate yra pakeistas, o vaizdo plotis yra „230“, o „aukštis“ yra „300“. Taip yra todėl, kad šį plotį ir aukštį pakoregavome Markdown kode.

03 pavyzdys:

Taip pat galime pakeisti vaizdo „plotį“ ir „aukštį“, nurodydami jų reikšmes procentais. Pridėję vaizdo pavadinimą arba kelią ir pritaikę 'alt' į 'Cloud Image', mes nustatėme vaizdo 'plotį' ir 'aukštį' į '50%'. Tada pridėkite „pavadinimą“ ir uždarykite šią žymą.

Čia yra vaizdas, kurio dydis pakeistas naudojant žymą „ “. Vaizdo aukštis ir plotis yra „50 %“.

04 pavyzdys:

Dabar mes naudojame atributą „style“ šioje „ “ žymoje, norėdami pakeisti vaizdo dydį „Markdown“. Turime pridėti vaizdo pavadinimą ir tada atributą „alt“. Po to įdėjome atributą „style“ ir kaip jo reikšmes įtraukėme „plotis ir aukštis“. Mūsų nustatytas 'plotis' yra pikseliais, kuris yra '500 pikselių', o 'aukštis' yra '400 pikselių'. Dabar vaizdo dydis bus atitinkamai pakoreguotas.

Vaizdo dydis šiame rezultate buvo atnaujintas; jo 'plotis' dabar yra '500 pikselių', o jo 'aukštis' yra '400 pikselių'. Tai matoma dėl žymėjimo kodo, pateikto aukščiau, kur pakoregavome stiliaus atributo plotį ir aukštį.

05 pavyzdys:

Pridedame dar vieną paveikslėlį. Tačiau šiame Markdown kode vaizdo dydžio nekeičiame. Vaizdo dydis keičiamas tik tada, kai panaudojame „ “ žymą. Mes įdėjome „! ir tada laužtiniuose skliaustuose pridėkite tekstą „Saulės vaizdas“. Uždarę laužtinius skliaustus, įdedame skliaustus, kuriuose įterpėme vaizdo pavadinimą „New_sun.png“, tada pridedame tekstą, kuris bus rodomas užvedus pelės žymeklį. Pradinis vaizdo dydis bus rodomas rezultate.

Saulės vaizdas rodomas, kai šį vaizdą įtraukėme į Markdown kodą. Be to, matomas pradinis vaizdo dydis, nes negalime koreguoti vaizdo dydžio nenaudodami žymos „ “.

06 pavyzdys:

Naudodami žymą „ “, dabar keičiame šio vaizdo dydį. Pirmiausia į lauką „src“ pridedame vaizdo, kurio dydį norime pakeisti, pavadinimą arba kelią. Vaizdo „plotis“ ir „aukštis“ buvo pakeisti į „300“. Vaizdo dydis dabar pasikeitė. Peržiūros lange rodomas naujas vaizdo dydis.

Vaizdo plotis ir aukštis buvo pakeisti į „300“.

07 pavyzdys:

Nustatę vaizdo „pločio“ ir „aukštio“ reikšmes procentais, galime lengvai pakeisti šiuos matmenis. Abu pakoregavome vaizdo „plotį“ ir „aukštį“ į „40%“, o tada uždarėme šią žymą.

Čia yra vaizdas, kurio aukštis yra 40%, o plotis - 40%. Pridėję vaizdo pavadinimą, šį plotį ir aukštį įtraukėme į žymą „ “.

08 pavyzdys:

Dabar žymoje „ “ naudojame atributą „style“, kad pakeistume vaizdo dydį „Markdown“. Pridėję vaizdo pavadinimą ir atributą „alt“ kaip atributo „style“ reikšmes įtraukėme „plotis ir aukštis“. Mūsų nurodytas „plotis“ yra „450 pikselių“, o „aukštis“ taip pat pakoreguotas į „450 pikselių“. Vaizdo dydis dabar atitinkamai pasikeis pagal šias naujas pločio ir aukščio vertes.

Dabar šio kodo rezultatas taip pat rodomas peržiūros lange, kuris rodomas žemiau. Toliau pateiktame rezultate šio vaizdo plotis ir aukštis dabar yra „450 pikselių“.

Išvada:

Šiame vadove išsamiai išnagrinėjome vaizdų pridėjimo koncepciją ir taip pat ištyrėme, kaip pakeisti vaizdo dydį naudojant Markdown. Mes įtraukėme vaizdus į Markdown ir pakeitėme jų dydį naudodami žymą „ “ ir parodėme, kaip visa tai padaryti Markdown. Pakeitėme vaizdo dydį, suteikdami pločio ir aukščio reikšmes skaičiais ir procentais. Taip pat naudojome stiliaus atributą žymoje „ “, norėdami atnaujinti arba keisti vaizdo dydį „Markdown“.