Html में इमेज का साइज कैसे बढ़ाये

विषयसूची:

Html में इमेज का साइज कैसे बढ़ाये
Html में इमेज का साइज कैसे बढ़ाये

वीडियो: Html में इमेज का साइज कैसे बढ़ाये

वीडियो: Html में इमेज का साइज कैसे बढ़ाये
वीडियो: एचटीएमएल ट्यूटोरियल 5 छवियों का आकार बदलना, और उन्हें केंद्रित करना 2024, अप्रैल
Anonim

आप टैग के लिए उपयुक्त विशेषताओं को निर्दिष्ट करके पृष्ठ पर प्रदर्शित छवि का आकार बदल सकते हैं

जो HTML पेज पर ग्राफिक्स दिखाने के लिए जिम्मेदार है। चौड़ाई और ऊंचाई विशेषताओं के माध्यम से वृद्धि या कमी की जाती है।

html में इमेज का साइज कैसे बढ़ाएं
html में इमेज का साइज कैसे बढ़ाएं

एक तस्वीर डालें

संपादन करने से पहले, टैग निर्दिष्ट करके पृष्ठ पर एक छवि जोड़ें

… किसी HTML दस्तावेज़ को संपादित करने के लिए, आपको किसी भी टेक्स्ट एडिटर में पेज खोलना होगा। फ़ाइल पर राइट-क्लिक करें और "ओपन विथ" विशेषता - "नोटपैड" चुनें। आप किसी अन्य संपादक को भी निर्दिष्ट कर सकते हैं जो आपके लिए कोड बदलने के लिए उपयोग करने के लिए अधिक सुविधाजनक है।

दस्तावेज़ अनुभाग में जाएं और टैग ढूंढें

… यदि चित्र अभी तक पृष्ठ पर नहीं जोड़ा गया है, तो निम्न कोड दर्ज करें:

छवि फ़ाइल का पथ या तो सापेक्ष या निरपेक्ष हो सकता है। Alt = "Image" विशेषता छवि के नाम और उसमें एक कैप्शन जोड़ने के लिए ज़िम्मेदार है, जो तब प्रदर्शित होगा जब माउस पॉइंटर छवि के ऊपर होगा।

आकार का परिवर्तन

छवि को बड़ा करने के लिए, छवि टैग में विशेषताएँ जोड़कर उसमें उपयुक्त चौड़ाई और ऊँचाई पैरामीटर सेट करें:

चौड़ाई पैरामीटर छवि की चौड़ाई से मेल खाती है, और ऊंचाई में छवि की ऊंचाई का संकेतक होता है। इस स्थिति में, जब पृष्ठ खोला जाता है, तो ब्राउज़र विंडो में 300 पिक्सेल की चौड़ाई और 350 पिक्सेल की ऊँचाई वाली छवि प्रदर्शित की जाएगी। आप पृष्ठ पर स्वरूपण सेटिंग बदलने के लिए hspace और vspace विशेषताएँ भी जोड़ सकते हैं:

इस डिस्क्रिप्टर में, छवि से क्षैतिज (hspace) और लंबवत (vspace) मार्जिन निर्दिष्ट किए गए थे। पृष्ठ में जोड़े गए किसी भी पाठ को छवि से क्षैतिज रूप से 5 पिक्सेल और लंबवत रूप से 10 पिक्सेल की दूरी पर रखा जाएगा। सीमा विशेषता छवि के चारों ओर 1 पिक्सेल की सीमा बनाने के लिए जिम्मेदार है।

यह ध्यान दिया जाना चाहिए कि छवि का आकार न केवल पिक्सेल में सेट किया जा सकता है, बल्कि ब्राउज़र विंडो के आकार के सापेक्ष प्रतिशत के रूप में भी सेट किया जा सकता है। उदाहरण के लिए:

इस कोड के काम के परिणामस्वरूप, छवि खिड़की की पूरी चौड़ाई में फैल जाएगी। गौर करने वाली बात है कि इस मामले में तस्वीर विकृत हो सकती है। चित्र का आवर्धित प्रदर्शन चित्र की गुणवत्ता पर ही निर्भर करता है।

"नोटपैड" विंडो के "फ़ाइल" - "सहेजें" फ़ंक्शन का उपयोग करके किए गए परिवर्तनों को सहेजें। HTML फ़ाइल को राइट-क्लिक करके और "ओपन विथ" विकल्प चुनकर ब्राउज़र विंडो में छवि के प्रदर्शन की जाँच करें। प्रस्तावित विकल्पों की सूची में, उस प्रोग्राम का चयन करें जिसका उपयोग आप इंटरनेट ब्राउज़ करने के लिए करते हैं। आप छवि आकार को समायोजित करने के लिए HTML फ़ाइल को कितनी भी बार संपादित कर सकते हैं।

सिफारिश की: