Lai pievienotu attēlus pakalpojumā Markdown:
Sintakse ir norādīta zemāk.
Lai mainītu attēla izmēru pakalpojumā Markdown:
Lai mainītu attēla lielumu pakalpojumā Markdown, mēs izmantojam HTML tagu “ ”. Tikai šis tags palīdz mainīt attēla izmēru programmā Markdown, un šī taga “
” sintakse ir norādīta tālāk.
< img src = 'attēla nosaukums' viss = '' platums = 'vērtība' augstums = 'vērtība' >
Mēs varam mainīt attēla izmēru, iestatot platuma un augstuma vērtības skaitļos, kā arī procentos. Mēs varam arī izmantot stila atribūtu šajā tagā “ ”, lai mainītu attēla izmēru programmā Markdown.
01. piemērs:
Markdown kodu veikšanai mēs izmantojam Visual Studio kodu. Markdown kodiem mums ir jāatver gan teksta redaktors, gan priekšskatījuma logs. Teksta redaktorā mums ir jāpievieno ievade, un izvade tiek iegūta priekšskatījuma logā. Teksta redaktorā mēs vispirms pievienojam attēlu Markdown, ievietojot “!” simbolu un pēc tam pievienojiet kvadrātiekavas, kurās pievienojam “Alt text”. Tagad mēs pievienojam attēla ceļu.
Mēs ievadām attēla nosaukumu ar tā paplašinājumu, jo gan kods, gan attēls tiek saglabāti vienā direktorijā. Tātad, mēs šeit vienkārši pievienojam nosaukumu, kas ir “cloud.png”. Pēc tam mēs pievienojam tekstu, kas ir “Mākoņa attēls”, un tas ir teksts, kas tiek rādīts tikai tad, kad kursors tiek novietots virs kursora. Tagad attēls ir pievienots, un mēs varam redzēt šo attēlu arī priekšskatījuma logā.
Mākoņa attēls ir parādīts zemāk, jo mēs esam pievienojuši šo attēlu Markdown kodam, kas tiek parādīts iepriekš.
02. piemērs:
Tagad mēs mainām šī attēla izmēru, izmantojot tagu “ ”. Pirmkārt, mēs ievadām “src”, kurā ir pievienots attēla nosaukums vai ceļš. Pēc tam mēs ievietojam “alt” un pielāgojam “Cloud Image”. Mēs noregulējām attēla “platumu” uz “230”. “Augstums” ir noregulēts uz “300”. Mēs pievienojam arī “title” šim “
” tagam, un šī “title” vērtība ir “Cloud title”. Tagad attēla izmērs ir mainīts. Attēla modificēto izmēru var redzēt priekšskatījuma logā.
Attēla izmērs šajā iznākumā ir mainīts, un attēla “platums” ir “230” un “augstums” ir “300”. Tas ir tāpēc, ka mēs esam pielāgojuši šo platumu un augstumu Markdown kodā.
03. piemērs:
Mēs varam arī mainīt attēla “platumu” un “augstumu”, norādot to vērtības procentos. Pēc attēla nosaukuma vai ceļa pievienošanas un “alt” pielāgošanas “Cloud Image”, mēs esam iestatījuši attēla “platumu” un “augstumu” uz “50%”. Pēc tam pievienojiet 'nosaukumu' un aizveriet šo tagu.
Šeit ir attēls, kura lielums ir mainīts, izmantojot tagu “ ”. Attēla augstums, kā arī platums ir “50%.
04. piemērs:
Tagad mēs izmantojam atribūtu “style” šajā tagā “ ”, lai mainītu attēla izmēru programmā Markdown. Mums jāpievieno attēla nosaukums un pēc tam atribūts “alt”. Pēc tam mēs ievietojām atribūtu “style” un kā vērtības pievienojām “platums un augstums”. Mūsu iestatītais “platums” ir pikseļos, kas ir “500 pikseļi”, un “augstums” ir “400 pikseļi”. Tagad attēla izmērs tiks attiecīgi pielāgots.
Attēla izmērs šajā rezultātā ir atjaunināts; tā “platums” tagad ir “500 pikseļi” un “augstums” ir “400 pikseļi”. Tas ir redzams iepriekš norādītā Markdown koda rezultātā, kur esam pielāgojuši stila atribūta platumu un augstumu.
05. piemērs:
Mēs pievienojam vēl vienu attēlu. Bet šajā Markdown kodā mēs nemainām attēla izmēru. Attēla lielums tiek mainīts tikai tad, kad esam izmantojuši tagu “ ”. Mēs ievietojām '!' un pēc tam kvadrātiekavās pievienojiet tekstu “Saules attēls”. Pēc kvadrātiekavu aizvēršanas ievietojam iekavas, kurās esam ievietojuši attēla nosaukumu “New_sun.png”, un pēc tam pievienojam tekstu, kas tiks rādīts, novietojot peles kursoru. Rezultātā tiks parādīts attēla sākotnējais izmērs.
Saules attēls tiek parādīts, jo mēs esam pievienojuši šo attēlu Markdown kodam. Ir redzams arī attēla sākotnējais izmērs, jo mēs nevaram pielāgot attēla izmēru, neizmantojot tagu “ ”.
06. piemērs:
Izmantojot tagu “ ”, mēs tagad mainām šī attēla izmēru. Vispirms laukam “src” pievienojam attēla nosaukumu vai ceļu, kura lielumu vēlamies modificēt. Attēla “platums” un “augstums” ir mainīts uz “300”. Attēla izmērs tagad ir mainījies. Priekšskatījuma logā tiek parādīts jaunais attēla izmērs.
Attēla platums un augstums ir mainīts uz “300”.
07. piemērs:
Iestatot attēla “platuma” un “augstuma” vērtības procentos, mēs varam viegli mainīt šos izmērus. Mēs abi noregulējām attēla “platumu” un “augstumu” uz “40%” un pēc tam aizvērām šo atzīmi.
Šeit ir attēls ar 40% augstumu un arī 40% platumā. Mēs esam pievienojuši šo platumu un augstumu tagā “ ” pēc attēla nosaukuma pievienošanas.
08. piemērs:
Tagad mēs izmantojam atribūtu “style” tagā “ ”, lai mainītu attēla izmēru pakalpojumā Markdown. Mēs pievienojām “platums un augstums” kā vērtības atribūtam “style” pēc attēla nosaukuma un atribūta “alt” pievienošanas. Mūsu norādītais “platums” ir “450 pikseļi”, savukārt “augstums” ir arī pielāgots uz “450 pikseļi”. Attēla izmērs tagad atbilstoši mainīsies atbilstoši šīm jaunajām platuma un augstuma vērtībām.
Tagad šī koda rezultāts tiek parādīts arī priekšskatījuma logā, kas tiek parādīts zemāk. Tālāk redzamajā iznākumā gan šī attēla platums, gan augstums tagad ir “450 pikseļi”.
Secinājums:
Šajā rokasgrāmatā mēs esam detalizēti izpētījuši attēlu pievienošanas koncepciju, kā arī esam izpētījuši, kā mainīt attēla izmēru arī Markdown. Mēs esam pievienojuši attēlus Markdown un mainījuši to lielumu, izmantojot tagu “ ”, un parādījuši, kā to visu izdarīt Markdown. Esam mainījuši attēla izmēru, ievietojot platuma un augstuma vērtības skaitļos, kā arī procentos. Mēs esam arī izmantojuši stila atribūtu tagā “
”, lai atjauninātu vai mainītu attēla izmēru pakalpojumā Markdown.