ওয়েব পৃষ্ঠার অন্যান্য উপাদানগুলির মতো ছবিগুলিও সার্ভারের মাধ্যমে প্রেরিত বিস্তারিত নির্দেশাবলী অনুসারে ব্রাউজারটি প্রদর্শিত হয়। এই নির্দেশাবলী এইচটিএমএল (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ) এ লেখা এবং এতে "ট্যাগস" রয়েছে। ট্যাগগুলি কোনও ওয়েব পৃষ্ঠার সমস্ত উপাদানের প্রকার, তাদের অবস্থান এবং উপস্থিতি বর্ণনা করে।
নির্দেশনা
ধাপ 1
প্রথমে আপনাকে সার্ভারে চিত্র ফাইলটি আপলোড করতে হবে। এটি একটি বিশেষ প্রোগ্রামের মাধ্যমে এফটিপি (ফাইল ট্রান্সফার প্রোটোকল) ব্যবহার করে করা যেতে পারে। এই প্রোগ্রামগুলিকে এফটিপি ক্লায়েন্ট বলা হয় - উদাহরণস্বরূপ, বুদ্ধিমান এফটিপি, ডাব্লুএস এফটিপি, ফ্ল্যাশএফএক্সপি এবং অন্যান্য। তবে আপনি ফাইল ম্যানেজারের মাধ্যমে এটি ডাউনলোড করতে পারেন যা আপনার সাইট হোস্ট করা হোস্টিংয়ের নিয়ন্ত্রণ প্যানেলে থাকা উচিত। ফাইল ম্যানেজার আপনাকে আপনার ব্রাউজারের মাধ্যমে ফাইলগুলি আপলোড করতে দেয়।
ধাপ ২
এর পরে, আপনার পছন্দসই পৃষ্ঠার এইচটিএমএল-কোডে সংশ্লিষ্ট ট্যাগটি লাগাতে হবে। এটি হ'ল আপনার এই পৃষ্ঠাটি সন্ধান করা উচিত এবং সম্পাদনার জন্য এর উত্স কোডটি খোলা উচিত। আপনার যদি কোনও পৃষ্ঠার ফাইল থাকে তবে আপনি এটি একটি সাধারণ পাঠ্য সম্পাদক দিয়ে খুলতে পারেন - উদাহরণস্বরূপ, স্ট্যান্ডার্ড নোটপ্যাড। এবং যদি সাইটটি পরিচালনা করতে আপনি কোনও সিস্টেম ব্যবহার করেন তবে এই সিস্টেমের প্রশাসনিক প্যানেলে পৃষ্ঠা সম্পাদকটি সন্ধান করুন এবং এতে পছন্দসই পৃষ্ঠাটি খুলুন। এর পরে, এটি পৃষ্ঠাতে আপনার প্রয়োজনীয় জায়গাতে ইমেজ ট্যাগ inোকানো এবং পরিবর্তনগুলি সংরক্ষণ করা অবধি থাকবে।
ধাপ 3
ট্যাগটি নিজেই আরও - এর সাধারণ ফর্মটিতে এটি এর মতো দেখতে পারে: ট্যাগটিতে অতিরিক্ত অতিরিক্ত তথ্য রয়েছে - "গুণাবলী"। চিত্র ট্যাগ - src এর জন্য কেবলমাত্র একটি বৈশিষ্ট্য প্রয়োজন। এটি ব্রাউজারকে ঠিকানাটি জানায় যেখানে এটি কার্নিংকযুক্ত ফাইলটি পাওয়া উচিত। এই ফাইলটি যদি পৃষ্ঠাটির মতো একই ফোল্ডারে (বা সাবফোল্ডার) সার্ভারে থাকে, তবে কেবলমাত্র তার নাম বা সাবফোল্ডারের পাথ নির্দিষ্ট করার জন্য এটি যথেষ্ট। এই জাতীয় ঠিকানাগুলিকে "আপেক্ষিক" বলা হয়। এবং একটি নিখুঁত ঠিকানা হতে পারে:
- অন্য বৈশিষ্ট্য - Alt = "চিত্র" - এতে মাউস হোভারের টুলটিপে প্রদর্শিত পাঠ্য রয়েছে: অন্যান্য বৈশিষ্ট্য - শিরোনাম একই কাজ করে: - দুটি বৈশিষ্ট্য - প্রস্থ এবং উচ্চতা - আয়তক্ষেত্রের আকার নির্ধারণ করে যা ব্রাউজারটি চিত্রটি প্রদর্শন করবে: এই বৈশিষ্ট্যগুলির প্রয়োজন নেই, তবে যদি কোনও কিছু ভুল হয়ে যায় এবং চিত্রটি লোড করতে সক্ষম না হয়, তবে পৃষ্ঠাটির সমস্ত অন্যান্য উপাদানগুলি স্থানের বাইরে থাকতে পারে, যেহেতু ব্রাউজারটি মাত্রাগুলি সনাক্ত করে না যে চিত্র দখল করা উচিত ছিল। মাত্রাগুলি "পিক্সেল" এ সুনির্দিষ্ট করা হয়েছে - এটি পৃষ্ঠার বিন্যাসে ব্যবহৃত পরিমাপের প্রধান একক - - সীমানা বৈশিষ্ট্যটি চিত্রের চারপাশে সীমানার প্রস্থ নির্ধারণ করে (পিক্সেলগুলিতে): কোনও চিত্র কোনও লিঙ্ক তৈরি করা থাকলে, ব্রাউজারটি আঁকবে ডিফল্টরূপে এটির চারদিকে একটি নীল সীমানা। এ থেকে মুক্তি পেতে, আপনাকে সীমানা মানটি শূন্যে সেট করতে হবে: - দুটি বৈশিষ্ট্য সংলগ্ন উপাদানগুলি থেকে উদাহরণস্বরূপ চিত্রের ইন্ডেন্টেশন সেট করে (উদাহরণস্বরূপ, পাঠ্যের লাইনগুলি থেকে) - hspace অনুভূমিক প্রান্তিককরণ (বাম এবং ডান) সেট করে, vspace - উল্লম্বভাবে (নীচে এবং উপরে): - এগুলি সর্বাধিক ব্যবহৃত বৈশিষ্ট্য এবং এই ট্যাগটির জন্য এর মধ্যে 50 টিরও বেশি রয়েছে!
