تصاویر آپ کے ویب صفحات پر زندگی شامل کرتے ہیں اور ناظرین کی توجہ اپنی طرف متوجہ کرتے ہیں. کیپشنز آپ کے ویب تصاویر کے متعلق اضافی معلومات فراہم کرتی ہیں، لیکن اعلی درجے کی ایچ ٹی ایم ایل اور سی ایس ایس کی مہارت کے بغیر ویب صفحات میں اضافہ کرنا مشکل ہوسکتا ہے. یہاں ایک تصویر پر ایک سادہ، ابھی تک پرکشش، اس کی سرخی شامل کرنے کے لئے ایک معتبر طریقہ ہے جسے آپ ویب صفحہ پر کہیں بھی منتقل کرتے ہیں.
ایچ ٹی ایم ایل تصویری کیپشن میں قدم
-
اپنے ویب صفحے پر ایک تصویر شامل کریں.
-
اپنے ویب پیج کے لئے HTML میں، تصویر کے ارد گرد ایک ڈی ٹی ٹی کی جگہ لے لو:
-
ڈی ٹی ٹی کو ایک سٹائل کی خاصیت شامل کریں:
سٹائل = ""> -
تصویر کے طور پر ایک ہی چوڑائی پر ڈی وی ڈی کی چوڑائی کو مقرر کریں، چوڑائی طرز کی جائیداد کے ساتھ:
-
اس کے ارد گرد کے متن سے تھوڑا سا چھوٹا سا کیپشن کے لئے، ڈوی سٹائل میں ایک فونٹ سائز کی جائیداد شامل کریں:
-
کیپشن سب سے بہترین نظر آتے ہیں اگر وہ تصویر کے نیچے مرکوز ہوتے ہیں، تو سٹائل کے صفات میں متن کی سیدھ جائیداد شامل کریں:
-
آخر میں، تصویر اور عنوان کے درمیان ایک چھوٹا سا اضافی جگہ شامل کریں، پیٹرن کے نیچے کی تصویر کے ساتھ تصویر پر ایک سٹائل خاصیت شامل کرکے:
سٹائل = "بھرتی - نیچے: 0.5em؛" />
-
پھر متن کے نیچے براہ راست تصویر کو شامل کریں:
یہ میری سرخی ہے
ویب سرور کو اپنے سرور پر اپ لوڈ کریں اور اسے براؤزر میں آزمائیں.
Captioning تجاویز
- سی ایس ایس طول و عرض بہت مختلف پیمائش میں ہوسکتے ہیں، لہذا آپ کو عام طور پر پیمائش کی قسم میں شامل کرنا لازمی ہے. مثال کے طور پر:
چوڑائی: 100پی ایکس; تاہم، ایچ ٹی ایم ایل تصویر طول و عرض ہمیشہ پکسلز میں ہیں، لہذا آپ کو پیمائش بند کردیں.
چوڑائی = "100"
- اگر آپ تصویر کی چوڑائی سے ڈی وی ڈی وسیع کی چوڑائی بناتے ہیں تو، تصویر کے سوا کیپشن ظاہر ہوسکتی ہے. اگر یہ آپ چاہتے ہیں تو، پھر شامل کریں
تصویر ٹیگ کے بعد اور تصویر کے ٹیگ کے بعد براہ راست ٹیگ.