वेब तस्विर थप्नुहोस् जुन यसको छविको साथ रहन्छ

9 आसान चरणहरूमा वेब छविहरूमा HTML क्याप्सनहरू थप्नुहोस्

छविहरू तपाईंको वेबपृष्ठहरूमा जीवन थप्न र दर्शकहरूको ध्यान आकर्षित गर्नुहोस्। चित्रहरू तपाईंको वेब छविहरूको बारेमा थप जानकारी प्रदान गर्दछ, तर उन्नत HTML र CSS कुञ्जीहरू बिना वेबपृष्ठहरूमा थप्न गाह्रो हुन सक्छ। यहाँ एक छविमा रहेको सरल, अझै आकर्षक, क्याप्शन थप्नको लागि यहाँ एक विश्वसनीय विधि हो जुन जहाँ पनि तपाईले वेबपेजमा जानुभयो छविको साथ रहन्छ।

HTML छवि क्याप्शनमा 9 चरणहरू

तस्विरमा क्याप्सन थप्नुहोस् र जहाँ जहाँ तपाईं चाहानुहुन्छ त्यसलाई एकसाथ लैजानुहोस्:

1. तपाईंको वेबपेजमा छवि थप्नुहोस् ।
2. तपाईंको वेबपृष्ठको लागि एचटीएमएलमा छविको वरिपरि डेभ ट्याग राख्नुहोस्:
3. Div tag मा शैली शैली जोड्नुहोस्:
   style = "" >
4. छविको चौडाइलाई चौडाइमा चौडाइमा चौडाइ शैली गुणको साथ सेट गर्नुहोस्:
   width: image width px; ">
5. वरिपरिको पाठ भन्दा सानो सानो क्याप्सनहरूका लागि, फन्ट शैलीमा फन्ट-साइज सम्पत्ति थप्नुहोस्:
   फन्ट-साइज: 80%; ">
6. क्याप्शनहरू राम्रो देखिन्छ भने तिनीहरू छवि तल केन्द्रित छन्, त्यसैले शैली विशेषतामा पाठ-पङ्क्तिबद्ध गुण थप्नुहोस्:
   text-align: center; "> < img src = "URL" alt = "alternate text" width = "width" height = "height" />
7. अन्ततः, प्याडिङ-तल शैली गुणसँग छविमा शैली विशेषता थप्दा छवि र चित्रको बीच एक सानो अतिरिक्त ठाउँ थप्नुहोस्:
   style =" padding - bottom: 0.5em; " />

1. त्यसपछि पाठ चित्रलाई सीधा चित्र तल थप्नुहोस्:
   यो मेरो क्याप्शन हो

तपाईंको सर्भरमा वेबपृष्ठ अपलोड गर्नुहोस् र यसलाई ब्राउजरमा जाँच गर्नुहोस्।

क्याप्सन सुझावहरू

• चौडाईहरू : सीएसएस आयामहरू धेरै फरक मा हुन सक्छन्, त्यसैले तपाइँ सामान्यतया मापन प्रकार समावेश गर्नुपर्छ। उदाहरणका लागि: चौडाई: 100 px ; तथापि, एचटीएमएल छवि आयामहरू सधैँ पिक्सलहरूमा छन्, त्यसैले तपाईले माप छोड्नुहोस्। चौडाई = "100"
• यदि तपाईं चित्र चौडाइ भन्दा div चौडाईको चौडाइ बनाउनुहुन्छ भने, क्याप्सन छविको छेउमा पर्न सक्छ। यदि यो तपाइँ चाहनुहुन्छ भने, त्यसपछि सीधा
  ट्यागमा क्याप्शन पछि र छवि ट्याग पछि थप्नुहोस्।