Html में किसी तस्वीर का लिंक कैसे डालें

विषयसूची:

Html में किसी तस्वीर का लिंक कैसे डालें
Html में किसी तस्वीर का लिंक कैसे डालें

वीडियो: Html में किसी तस्वीर का लिंक कैसे डालें

वीडियो: Html में किसी तस्वीर का लिंक कैसे डालें
वीडियो: 15: HTML और CSS का उपयोग करके इमेज कैसे डालें | एचटीएमएल और सीएसएस सीखें | एचटीएमएल ट्यूटोरियल | सीएसएस की मूल बातें 2024, मई
Anonim

ब्लॉग या किसी अन्य संसाधन पर पोस्ट में न केवल किसी विशिष्ट मुद्दे के बारे में जानकारी हो सकती है, बल्कि सूचना के स्रोत या किसी अन्य संसाधन के सीधे लिंक भी हो सकते हैं। विशेष रूप से, HTML संपादक आपको ग्राफिक फ़ाइलों के लिंक को प्रारूपित करने की अनुमति देता है।

html में किसी तस्वीर का लिंक कैसे डालें
html में किसी तस्वीर का लिंक कैसे डालें

यह आवश्यक है

इंटरनेट का इस्तेमाल।

अनुदेश

चरण 1

किसी चित्र के लिंक सहित किसी लिंक को डिज़ाइन करने का सबसे आसान तरीका निम्नलिखित टैग से बना है: व्याख्यात्मक पाठ। ग्राफ़िक फ़ाइल को पृष्ठ पते के रूप में ही एक लिंक दें, उदाहरण के लिए: https://www.site.com/mypicure.jpg। व्याख्यात्मक पाठ में, आप फ़ाइल का नाम या अन्य जानकारी इंगित कर सकते हैं। समाप्त संदेश देखते समय केवल वही दिखाई देगा, जब आप कर्सर से क्लिक करेंगे तो चित्र खुल जाएगा।

चरण दो

चित्र स्वयं या किसी अन्य ग्राफिक फ़ाइल का लिंक हो सकता है। ऐसे मामले के लिए, निम्नलिखित टैग डालें:। पृष्ठ का पता - वह पता जो माउस पर क्लिक करने पर खुलेगा; छवि URL - उस छवि का URL जिस पर आप क्लिक करना चाहते हैं। व्याख्यात्मक पाठ होवर पर पॉप अप होता है। निर्दिष्ट डिज़ाइन वाला लिंक एक नई विंडो में खुलेगा।

चरण 3

हालाँकि, ये बदलाव वैकल्पिक हैं यदि आप अपनी पोस्ट में केवल एक तस्वीर पोस्ट करना चाहते हैं। मुख्य बात नेटवर्क पर इसका पता जानना है। टैग डालें:। तस्वीर का यूआरएल कुछ इस तरह दिखना चाहिए:

चरण 4

अतिरिक्त पैरामीटर आपको प्रदर्शित छवि के आकार को समायोजित करने की अनुमति देते हैं। ऐसा करने के लिए, टैग की चौड़ाई = और ऊंचाई = का उपयोग करें। दोनों का उपयोग करना आवश्यक नहीं है, यदि आप उनमें से एक को निर्दिष्ट करते हैं, तो दूसरा पैरामीटर आनुपातिक रूप से बदल जाएगा। टैग के बाद, छवि की वांछित ऊंचाई या चौड़ाई को पिक्सेल में रखें। परिणाम इस तरह दिख सकता है:

सिफारिश की: