আপনার ওয়েব পেজে ছবি যোগ করা

ইমেজ সঠিকভাবে প্রদর্শন করা হচ্ছে

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

হোস্টিং পরিষেবাতে আপনার ছবি আপলোড করা শুধুমাত্র প্রথম পদক্ষেপ। তারপর আপনি এটি সনাক্ত করতে এইচটিএমএল ট্যাগ যোগ করতে হবে।

এইচটিএমএল হিসাবে একই ডিরেক্টরির মধ্যে ইমেজ আপলোড

আপনার ফটোগুলি এইচটিএমএল হিসাবে একই ডিরেক্টরির মধ্যে অবস্থিত হতে পারে। যদি এই রকম ক্ষেত্রে:

  1. আপনার ওয়েবসাইটের মূল একটি ইমেজ আপলোড করুন।
  2. ইমেজ নির্দেশ করার জন্য আপনার এইচটিএমএল একটি ইমেজ ট্যাগ যোগ করুন
  3. আপনার ওয়েবসাইটের মূল এইচটিএমএল ফাইল আপলোড করুন।
  4. আপনার ওয়েব ব্রাউজারে পৃষ্ঠা খোলার মাধ্যমে ফাইল পরীক্ষা করুন

ইমেজ ট্যাগ নিম্নলিখিত বিন্যাসটি নেয়:

ধরুন আপনি চাঁদের একটি ছবি আপলোড করছেন "lunar.jpg", চিত্র ট্যাগটি নিম্নোক্ত ফর্মটি গ্রহণ করে:

উচ্চতা এবং প্রস্থ ঐচ্ছিক কিন্তু প্রস্তাবিত। মনে রাখবেন যে চিত্র ট্যাগ একটি ক্লোজিং ট্যাগ প্রয়োজন নেই।

যদি আপনি অন্য কোনও নথিতে একটি চিত্রের সাথে সংযুক্ত হন, তাহলে অ্যাঙ্কার ট্যাগ ব্যবহার করুন এবং ভিতরে ছবির ট্যাগটি নিখুঁত করুন।

সাবডিরেক্টরিতে ছবি আপলোড করা

একটি সাব-ডিরেক্টরীতে ইমেজগুলি সংরক্ষণ করা সাধারণ, সাধারণতঃ চিত্রগুলি বলা হয়। যে ডিরেক্টরির মধ্যে চিত্র নির্দেশ করার জন্য, আপনার ওয়েবসাইটের মূলের সাথে সম্পর্কযুক্ত কোথায় তা জানা দরকার।

আপনার ওয়েবসাইটের মূল যেখানে ইউআরএল, শেষে কোনো ডিরেক্টরি ছাড়াই প্রদর্শন করে। উদাহরণস্বরূপ, "MyWebpage.com" নামের একটি ওয়েবসাইটের জন্য, মূল এই ফর্মটি অনুসরণ করে: http://MyWebpage.com/। শেষে স্ল্যাশ লক্ষ্য করুন এইভাবে একটি ডিরেক্টরি মূল কীভাবে নির্দেশিত হয়। সাবডিরেক্টরিগুলি সেই স্ল্যাশ অন্তর্ভুক্ত করে যেখানে তারা ডিরেক্টরি কাঠামোর মধ্যে অবস্থান করে। MyWebpage উদাহরণ সাইটের গঠন থাকতে পারে:

http://MyWebpage.com/ - রুট ডিরেক্টরি http://MyWebpage.com/products/ - পণ্য ডিরেক্টরি http://MyWebpage.com/products/documentation/ - পণ্য ডিরেক্টরি http: // এর অধীনে ডকুমেন্টেশন ডিরেক্টরি MyWebpage.com/images/ - ইমেজ ডিরেক্টরি

এই ক্ষেত্রে, যখন আপনি ইমেজ ডিরেক্টরীতে আপনার ইমেজ নির্দেশ করেন, আপনি লিখুন:

এটি আপনার ইমেজ পরম পাথ বলা হয়।

প্রদর্শন নয় এমন চিত্রগুলির সাথে সাধারণ সমস্যা

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

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

তারপর আপনার এইচটিএমএল যে ইমেজ প্রতি নির্দেশ করা হয় তা পরীক্ষা করুন। এটি করার সবচেয়ে সহজ উপায় যেটি আপনি কেবলমাত্র এসআরসি অ্যাট্রিবিউটের মধ্যে পরীক্ষা করেছেন এমন চিত্র URL টি পেস্ট করতে হয়। পৃষ্ঠা এবং পরীক্ষা পুনরায় আপলোড।

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