9 آسان مراحل میں ویب کی تصاویر کو HTML کیپشن شامل کریں
تصاویر آپ کے ویب صفحات پر زندگی شامل کرتے ہیں اور ناظرین کی توجہ اپنی طرف متوجہ کرتے ہیں. کیپشنز آپ کے ویب تصاویر کے متعلق اضافی معلومات فراہم کرتی ہیں، لیکن اعلی درجے کی ایچ ٹی ایم ایل اور سی ایس ایس کی مہارتوں کے بغیر ویب صفحات میں اضافہ کرنا مشکل ہوسکتا ہے. یہاں ایک تصویر پر ایک سادہ، ابھی تک پرکشش، اس کی سرخی شامل کرنے کے لئے ایک معتبر طریقہ ہے جسے آپ ویب صفحہ پر کہیں بھی منتقل کرتے ہیں.
HTML تصویری کیپشن میں 9 مرحلے
ایک تصویر میں ایک عنوان شامل کریں اور جہاں کہیں بھی آپ چاہتے ہیں ان کے ساتھ منتقل کریں:
- اپنے ویب صفحے پر ایک تصویر شامل کریں .
- HTML میں آپ کے ویب صفحہ کے لئے، تصویر کے ارد گرد ایک ڈی ٹی ٹی کی جگہ:
- ڈوی ٹیگ پر ایک سٹائل خاصیت شامل کریں:
style = "" >- تصویر کی چوڑائی سٹائل کی جائیداد کے ساتھ ڈی وی کی چوڑائی اسی چوڑائی پر مقرر کریں:
width: image width px؛ ">- اس کے ارد گرد کے متن سے تھوڑا چھوٹا سا کیپشن کے لئے، ڈاٹ سٹائل میں ایک فونٹ سائز کی جائیداد شامل کریں:
font size: 80٪؛ ">- کیپشن سب سے بہتر نظر آتے ہیں اگر وہ تصویر کے نیچے مرکوز ہوتے ہیں، تو سٹائل کے صفات میں ایک متن کی سیدھ جائیداد شامل کریں:
text-align: center؛ "> < img src = "URL" alt = "alternate text" width = "width" height = "height" />- آخر میں، تصویر اور کیپشن کے درمیان ایک چھوٹا سا اضافی جگہ شامل کریں، جس میں تصویر بندی کے نیچے تصویر پر ایک خاصیت کی خصوصیت شامل کرنی ہے:
سٹائل =" بھرتی - نیچے: 0.5em؛ " /> - اس کے بعد تصویر کو براہ راست تصویر کے نیچے شامل کریں:
یہ میری سرخی ہے ویب سرور کو اپنے سرور پر اپ لوڈ کریں اور اسے براؤزر میں آزمائیں.
Captioning تجاویز
- چوڑائی : سی ایس ایس کے طول و عرض بہت مختلف پیمائش میں ہوسکتے ہیں، لہذا آپ کو عام طور پر پیمائش کی قسم میں شامل ہونا لازمی ہے. مثال کے طور پر: چوڑائی: 100 پی ایکس ؛ تاہم، ایچ ٹی ایم ایل تصویر طول و عرض ہمیشہ پکسلز میں ہیں، لہذا آپ کو پیمائش بند کردیں. چوڑائی = "100"
- اگر آپ تصویر کی چوڑائی سے ڈی وی ڈی وسیع کی چوڑائی بناتے ہیں تو، تصویر کے سوا کیپشن ظاہر ہوسکتی ہے. اگر یہ آپ چاہتے ہیں تو، پھر تصویر> تصویر ٹیگ کے بعد اور تصویر ٹیگ کے بعد براہ راست ایک
- ڈوی ٹیگ پر ایک سٹائل خاصیت شامل کریں: