HTML में छवि लिंक कैसे बनाएं

क्या आप कभी भी एक HTML दस्तावेज़ पर एक लिंक जोड़ना चाहते थे, लेकिन पाठ के बजाए एक चित्र दिखा रहे हैं? अधिकांश कोडक यह कैसे करते हैं, और यह लेख पढ़ने के बाद आपको यह भी पता चलेगा।

इटैलिक पाठ में एचटीएमएल कदम-2.jpg" वर्ग ="छवि लाइटबॉक्स">

Video: Make it Real: Kingsman Umbrella Gun!

2

सभी HTML टेक्स्ट लिखें जो छवि लिंक से पहले होंगे।

Video: How to Copy Text From Image ? Photo me se text ko copy kaise kare

मेकअप एक चित्र-लिंक-इन-एचटीएमएल-चरणीय-3.jpg" वर्ग ="छवि लाइटबॉक्स">

3

छवि लिंक का आरंभिक लेबल लिखें (उसके नाम से जाना जाता है) "एंकर तत्व", इसलिए "को")

Make-a-Picture-Link-in-HTML-Step-4.jpg "class =" image lightbox ">

4

Video: From Web Site to PWA with Workbox (GDD India '17)

उस लिंक को लिखें जिसे आप उपयोगकर्ता देखना चाहते हैं (http: // सहित)

मेकअप एक चित्र-लिंक-इन-एचटीएमएल-चरणीय-5.jpg" वर्ग ="छवि लाइटबॉक्स">

5

उद्धरण चिह्नों के साथ पाठ के उस भाग के बाद लिखते रहें (") और एक त्रिकोणीय ब्रैकेट (>)।

मेकअप एक चित्र-लिंक-इन-एचटीएमएल-चरणीय-6.jpg" वर्ग ="छवि लाइटबॉक्स">

6

छवि को HTML के रूप में लिखें, जिसे आप उपयोग करना चाहते हैं निम्न फ़ॉर्म का प्रयोग करें: .

मेकअप एक चित्र-लिंक-इन-एचटीएमएल-चरणीय-7.jpg" वर्ग ="छवि लाइटबॉक्स">

7

छवि लिंक का समापन टैग लिखें।

मेकअप एक चित्र-लिंक-इन-एचटीएमएल-चरणीय-8.jpg" वर्ग ="छवि लाइटबॉक्स">

8

छवि के बाद आप चाहते हैं कि HTML पाठ लिखें, और वह दस्तावेज़ को पूरा करेगा