Në gjuhën e shënimit të hipertekstit (HTML), një komandë e veçantë "tag" përdoret për të shfaqur një imazh në një faqe. Ky etiketë referohet si img dhe përmban një sërë variablash - "atributet". Me ndihmën e atributeve, ju mund të përcaktoni të gjitha aspektet e shfaqjes së një imazhi në një faqe me hipertekst, përfshirë dimensionet e saj. Sidoqoftë, kjo nuk është mënyra e vetme për të zgjidhur problemin - gjithashtu mund të zvogëloni madhësinë e imazhit duke përdorur Sheets Style Cascading (CSS).
Udhëzimet
Hapi 1
Vendosni atributet e lartësisë dhe gjerësisë në etiketën përgjegjëse për shfaqjen e imazhit të dëshiruar. Vendosni të parën në madhësinë vertikale të fotos, dhe të dytën horizontale. Vendosni të dy numrat në pixel, por nuk ka nevojë të tregoni njësi - px - këtu. Kur llogaritni vlerat e nevojshme për këto atribute, kushtojini vëmendje respektimit të proporcioneve të zvogëlimit të figurës, përndryshe ajo do të shfaqet në një formë të shtrembëruar. Për shembull, për të vendosur në një faqe një fotografi të përgjysmuar nga një skedar i quajtur SomePic.jpg, dimensionet fillestare të së cilës janë 500 me 300 piksele, etiketimi mund të bëhet me komandën e mëposhtme:
Hapi 2
Mund të vendosni zvogëlimin proporcional të dimensioneve origjinale të figurës në përqindje. Për ta bërë këtë, përdorni vetëm atributin e lartësisë pa specifikuar gjerësinë, dhe shtoni një shenjë për qind pasi të specifikoni numrin që përcakton madhësinë. Për shembull, mund të arrini të njëjtin efekt si në shembullin nga hapi i mëparshëm me një etiketë të shkruar në këtë formë:
Hapi 3
Nëse dëshironi të specifikoni madhësinë e figurës duke përdorur përshkrimin e stileve, përdorni të njëjtin emër të etiketës - img - dhe atributet - gjerësi dhe lartësi. Në këtë rast, njësitë e matjes - px, pt ose% - duhet të specifikohen gjithmonë. Për të vendosur përgjysmimin e madhësisë së absolutisht të gjitha imazheve në faqe, vendosni shënimin vijues në bllokun e përshkrimit të stilit: img {lartësia: 50%;} Nëse keni nevojë të zvogëloni madhësinë e vetëm një figure, shtoni një atribut shtesë ID në etiketën e tij dhe caktojeni atë një unike për imazhet e kësaj vlere të faqes - për shembull, PicOne: Shtoni të njëjtën vlerë në rekordin e stilit, duke e ndarë atë me një "hash" # nga emri i etiketës. Përshkrimi i plotë i stilit në këtë rast mund të duket kështu: img # OnePic {lartësia: 50%;}
