তার ইমেজ সঙ্গে থাকা একটি ওয়েব ক্যাপশন যোগ করুন

9 সহজ পদক্ষেপ ওয়েব ইমেজ এইচটিএমএল পরিচয়লিপি যোগ করুন

চিত্রগুলি আপনার ওয়েবপৃষ্ঠায় জীবন জুড়ুন এবং দর্শকদের মনোযোগ আকর্ষণ করুন। পরিচয়লিপিগুলি আপনার ওয়েব চিত্রগুলির সম্পর্কে অতিরিক্ত তথ্য সরবরাহ করে, তবে উন্নত এইচটিএমএল এবং CSS দক্ষতা ছাড়াও ওয়েবপৃষ্ঠাতে যোগ করা কঠিন হতে পারে। এখানে একটি ইমেজ, যেখানে আপনি ওয়েবপৃষ্ঠাতে এটি স্থানান্তর সঙ্গে থাকার একটি সহজ, কিন্তু আকর্ষণীয়, ক্যাপশন যোগ করার জন্য একটি নির্ভরযোগ্য পদ্ধতি।

একটি এইচটিএমএল ইমেজ ক্যাপশন 9 ধাপ

একটি ছবিতে একটি ক্যাপশন যোগ করুন এবং যেখানে আপনি চান একসাথে তাদের একত্রিত করুন:

  1. আপনার ওয়েবপৃষ্ঠায় একটি ছবি যোগ করুন
  2. আপনার ওয়েবপৃষ্ঠাটির জন্য এইচটিএমএল-এ, ইমেজের চারপাশে একটি ডিভি ট্যাগ স্থাপন করুন:
  3. style = "" >
  4. width: image width px; ">
  5. শীর্ষচরণের তুলনায় সামান্য কম ক্যাপশনগুলির জন্য, div শৈলীতে একটি ফন্ট-আকারের সম্পত্তি যুক্ত করুন :
    font-size: 80%; ">
  6. ক্যাপশনগুলি যদি তারা ছবিটির নীচে কেন্দ্রীভূত করে তবে সেটি সর্বোত্তম দেখায়, তাই শৈলী অ্যাট্রিবিউটের জন্য একটি টেক্সট-অ্যালাইন সম্পত্তি যোগ করুন:
    text-align: center; "> < img src = "URL" alt = "বিকল্প পাঠ্য" প্রস্থ = "প্রস্থ" উচ্চতা = "উচ্চতা" />
  7. পরিশেষে, চিত্র এবং ক্যাপশনের মধ্যে একটি অতিরিক্ত অতিরিক্ত স্থান যোগ করুন, একটি প্যাডিং-নিচের শৈলী বৈশিষ্ট্য দিয়ে ছবিতে একটি শৈলী অ্যাট্রিবিউট যুক্ত করুন:
    শৈলী =" প্যাডিং-নীচে: 0.5 এম; " />
  1. তারপর ইমেজ নীচের টেক্সট মেসেজটি সরাসরি যুক্ত করুন:
    এটি আমার ক্যাপশন

আপনার সার্ভারে ওয়েবপৃষ্ঠাটি আপলোড করুন এবং এটি একটি ব্রাউজারে পরীক্ষা করুন।

ক্যাপশন টিপস