તેની છબી સાથે રહેલ વેબ કેપ્શન ઉમેરો

9 સરળ પગલાંઓમાં વેબ છબીઓ માટે HTML કૅપ્શન્સ ઉમેરો

છબીઓ તમારા વેબપૃષ્ઠોમાં જીવન ઉમેરો અને દર્શકોનું ધ્યાન દોરો. કૅપ્શન્સ તમારી વેબ છબીઓ વિશે વધારાની માહિતી પ્રદાન કરે છે, પરંતુ વિગતવાર HTML અને CSS કુશળતા વગર વેબપૃષ્ઠોને ઉમેરવા તે મુશ્કેલ હોઈ શકે છે. આ છબી સાથે રહેતી છબીની સરળ, હજી આકર્ષક, કેપ્શન ઉમેરવા માટે વિશ્વસનીય પદ્ધતિ છે કે જ્યાં તમે તેને વેબપૃષ્ઠ પર ખસેડો છો.

એક HTML છબી કૅપ્શન માટે 9 પગલાંઓ

છબીમાં કૅપ્શન ઉમેરો અને તમે ઇચ્છો ત્યાં તેમને એકસાથે ખસેડો:

1. તમારા વેબપૃષ્ઠ પર એક છબી ઉમેરો .
2. તમારા વેબ પૃષ્ઠ માટે HTML માં, છબીની આસપાસ એક DIV ટેગ મૂકો:
3. DIV ટૅગમાં શૈલી વિશેષતા ઉમેરો:
   style = "" >
4. પહોળાઈ સ્ટાઇલ પ્રોપર્ટી સાથે, DIV ની પહોળાઈને પહોળાઈની પહોળાઈ તરીકે સેટ કરો:
   width: image width px; ">
5. કૅપ્શન્સ કે જે આસપાસના ટેક્સ્ટ કરતા થોડો નાના હોય છે, તેમાં DIV શૈલીમાં ફૉન્ટ-સાઇઝ પ્રોપર્ટી ઉમેરો:
   font-size: 80%; ">
6. કૅપ્શન્સ શ્રેષ્ઠ દેખાય છે જો તેઓ છબીની નીચે કેન્દ્રિત હોય, તો શૈલી શૈલીમાં લખાણ-સંરેખિત ગુણધર્મ ઉમેરો:
   text-align: center; "> < img src = "URL" alt = "વૈકલ્પિક ટેક્સ્ટ" પહોળાઈ = "પહોળાઈ" ઊંચાઈ = "ઊંચાઈ" />
7. અંતમાં, છબી અને કેપ્શન વચ્ચે પેડિંગ-તળિયાની શૈલીની સામગ્રી સાથે સ્ટાઇલ એટ્રીબ્યુટ ઉમેરીને થોડો વધારે જગ્યા ઉમેરો:
   શૈલી =" પેડિંગ-તળિયું: 0.5 અં; " />

1. પછી છબીની સીધી સીધી ટેક્સ્ટ કૅપ્શન ઉમેરો:
   આ મારો કૅપ્શન છે

તમારા સર્વર પર વેબપૃષ્ઠ અપલોડ કરો અને તેને બ્રાઉઝરમાં પરીક્ષણ કરો.

કૅપ્શનિંગ ટિપ્સ

• પહોળાઈ : સીએસએસ પરિમાણો ઘણાં વિવિધ માપમાં હોઈ શકે છે, તેથી તમે સામાન્ય રીતે માપનો પ્રકાર શામેલ હોવો જોઈએ. ઉદાહરણ તરીકે: પહોળાઈ: 100 પીએક્સ ; જો કે, HTML છબી પરિમાણો હંમેશા પિક્સેલ્સમાં હોય છે, તેથી તમે માપન બંધ કરો છો પહોળાઈ = "100"
• જો તમે છબીની પહોળાઈ કરતાં વિપરીત પહોળાઇને પહોળી કરો છો, તો છબીની બાજુમાં કૅપ્શન દેખાશે. જો આ તમે ઇચ્છતા હોવ, તો પછી કૅપ્શન પહેલાં અને છબી ટૅગ પછી
  ટૅગ ઍડ કરો.