त्याच्या प्रतिमेसह राहणारा वेब कॅप्शन जोडा

9 सोप्या चरणांमध्ये वेब प्रतिमांमध्ये HTML मथळे जोडा

प्रतिमा आपल्या वेबपृष्ठांमध्ये जीवन जोडा आणि प्रेक्षकांचे लक्ष वेधून काढा. मथळे आपल्या वेब प्रतिमा बद्दल अतिरिक्त माहिती प्रदान करतात, परंतु प्रगत HTML आणि CSS कौशल्याशिवाय वेबपृष्ठांमध्ये जोडणे कठीण होऊ शकते. इमेज जेथे आपण वेबपेजवर हलवितो तेथे इमेजवर राहणारा इमेज मधील एक साधी, पण आकर्षक, कॅप्शन जोडून येथे एक विश्वासार्ह पद्धत आहे.

एका HTML प्रतिमा मथळासाठी 9 चरण

एखाद्या प्रतिमेत एक मथळा जोडा आणि आपल्याला पाहिजे तेथे एकत्र हलवा:

1. आपल्या वेबपृष्ठावर एक प्रतिमा जोडा .
2. आपल्या वेबपृष्ठासाठीच्या HTML मध्ये, इमेजभोवती एक डिव्हीक्ट टॅग ठेवा:
3. Div टॅगवर एक शैली विशेषता जोडा:
   style = "" >
4. width: image width px; ">
5. आसपासच्या मजकुरापेक्षा किंचित लहान असलेल्या कॅप्शनसाठी, डेव्ह शैलीमध्ये फॉन्ट-आकार गुणधर्म जोडा:
   font-size: 80%; ">
6. मथळे सर्वोत्तम दिसत आहेत जर ते प्रतिमा खाली केंद्रीत असतील, म्हणून शैली विशेषतेमध्ये मजकूर-संरेखन गुणधर्म जोडा:
   text-align: center; "> < img src = "URL" alt = "वैकल्पिक मजकूर" रूंदी = "रूंदी" उंची = "उंची" />
7. शेवटी, पॅडिंग-तळ शैली मालमत्तेसह प्रतिमेत एक शैली विशेषता जोडून प्रतिमा आणि कॅप्शन दरम्यान थोडे अधिक जागा जोडा:
   शैली =" पॅडिंग-तळ: 0.5 सें. "; />

1. नंतर प्रतिमा खाली थेट मजकूर मथळा जोडा:
   ही माझी कॅप्शन आहे

आपल्या सर्व्हरवर वेबपृष्ठ अपलोड करा आणि एका ब्राउझरमध्ये त्याची चाचणी करा

मथळे टिपा

• रुंदीः सीएसएस आयाम बर्याच वेगवेगळ्या मापांमध्ये असू शकतात, म्हणून आपण सामान्यत: मापन प्रकार समाविष्ट करणे आवश्यक आहे उदाहरणार्थ: रुंदीः 100 पीएक्स ; तथापि, एचटीएमएल प्रतिमा परिमाण नेहमीच पिक्सेल्समध्ये असतात, त्यामुळे आपण मापन बंद करू शकता. width = "100"
• जर आपण प्रतिमेची रूंदी विस्तारीपेक्षा विस्तारीत केलेली असेल तर, प्रतिमेच्या बाजूला मथळा दिसू शकेल. हे आपल्याला हवे असल्यास, कॅप्शन आणि टॅग टॅग्जच्या आधी थेट
  टॅग जोडा.