Гипермәтінді белгілеу тілінде (HTML) бетті кескінге шығару үшін арнайы «тег» командасы қолданылады. Бұл тег img деп аталады және айнымалылар жиынтығын - «атрибуттарды» қамтиды. Атрибуттардың көмегімен гипермәтіндік парақта кескінді бейнелеудің барлық аспектілерін, оның өлшемдерін қоса анықтауға болады. Алайда, бұл мәселені шешудің жалғыз әдісі емес - кескіннің өлшемін каскадтық стильдер кестесін (CSS) пайдаланып кішірейтуге болады.
Нұсқаулық
1-қадам
Биіктігі мен ені атрибуттарын қажетті кескінді көрсетуге жауапты тегке орналастырыңыз. Біріншісін суреттің тік өлшеміне, ал екіншісін көлденеңінен орнатыңыз. Екі санды да пиксельге қойыңыз, бірақ мұнда бірліктерді - px - көрсетудің қажеті жоқ. Осы атрибуттар үшін қажетті мәндерді есептеу кезінде суреттің кішіреюінің пропорцияларының сақталуына назар аударыңыз, әйтпесе ол бұрмаланған түрде көрсетіледі. Мысалы, бастапқы өлшемдері 500-ден 300 пиксельге дейін болатын SomePic.
2-қадам
Бастапқы кескін өлшемдерінің пропорционалды қысқаруын пайызбен орнатуға болады. Ол үшін ені көрсетілмей, тек биіктігі атрибутын қолданыңыз және өлшемді анықтайтын санды көрсеткеннен кейін пайыздық белгісін қосыңыз. Мысалы, алдыңғы формадағы мысалдағыдай әсерге осы формада жазылған тегпен қол жеткізуге болады:
3-қадам
Егер сіз стильдердің сипаттамасын пайдаланып кескіннің өлшемін көрсеткіңіз келсе, сол тег атын - img - және атрибуттарын - ені мен биіктігін қолданыңыз. Бұл жағдайда өлшем бірліктері - px, pt немесе% әрқашан көрсетілуі керек. Парақтағы барлық кескіндердің жартысын азайтуды орнату үшін стильді сипаттау блогына келесі жазбаны орналастырыңыз: img {height: 50%;} Егер сізге бір кескіннің өлшемін кішірейту қажет болса, қосымша id атрибутын қосыңыз оны осы беттің мәніндегі суреттер үшін бірегей етіп тағайындаңыз - мысалы, PicOne: стиль жазбасына бірдей мән қосыңыз, оны тег атауынан «хэшпен» # бөліп алыңыз. Бұл жағдайда стильдің толық сипаттамасы келесідей болуы мүмкін: img # OnePic {биіктігі: 50%;}
