ছবিটি কেবল পাঠ্যে সরাসরি ঢোকানো হয় না। ব্রাউজারটিকে তার নাম বলা হয় এবং স্ক্রিনে এটি কোথায় এবং কীভাবে অবস্থান করতে হয় তা নির্দেশ দেওয়া হয়। এটি করতে, একটি একক HTML img ট্যাগ ব্যবহার করুন। এটি ওয়েব পৃষ্ঠায় গ্রাফিক বস্তুর অবস্থান নির্দিষ্ট করে৷
যদি ট্যাগের জন্য অনেকগুলি বৈশিষ্ট্য ঐচ্ছিক হয়, তাহলে img ট্যাগের অন্তত একটি প্যারামিটার থাকতে হবে - ছবির ঠিকানা। এই বৈশিষ্ট্যটিকে src বলা হয়:
- - এটি বর্তমান ডিরেক্টরিতে সংরক্ষিত goat-j.webp" />
- - img ট্যাগের এই প্যারামিটারের সাহায্যে, ব্রাউজার ইন্টারনেটে পোস্ট করা ছবি megasellmag.ru সাইটে লোড করবে।
সারিবদ্ধকরণ বৈশিষ্ট্য
এইচটিএমএল ব্যবহার করে একটি পৃষ্ঠায় চিত্র স্থাপন করতে, img ট্যাগ ব্যবহার করা হয়, যার বৈশিষ্ট্যগুলি চিত্রটিকে পৃষ্ঠায় স্থাপন করার জন্য এবং এর পাঠ্য মোড়ানোর প্রকৃতির জন্য দায়ী৷
ডিফল্টরূপে, ব্রাউজার ছবিটিকে স্ক্রিনের মাঝখানে রাখে এবং পাঠ্যটি এর চারপাশে মোড়ানো হয় না। img ট্যাগ আপনাকে সারিবদ্ধ বৈশিষ্ট্য (সারিবদ্ধকরণ) ব্যবহার করে ব্রাউজারের সাথে আপনার মতবিরোধ প্রকাশ করার অনুমতি দেবে।
- ছবিটি পৃষ্ঠার বাম প্রান্তে অবস্থান করবে এবং পাঠ্যটি ডানদিকে এটির চারপাশে যাবে৷
টেক্সটের আচরণ একই রকম হবে যদি ছবিটি ডানদিকে (সারিবদ্ধ=ডানে), মাঝখানে (সারিবদ্ধ=মধ্য), উপরে (সারিবদ্ধ=শীর্ষ), নীচে রাখা হয়(align=নীচ) এবং কেন্দ্র (মাঝে)।
সেটিংস এবং আকার
টেক্সট যাতে ইমেজে না যায় তার জন্য, img ট্যাগ বিশেষ বৈশিষ্ট্যগুলি অর্জন করেছে -hspace (অনুভূমিক/অনুভূমিক মার্জিন) এবং vspace (উল্লম্ব/উল্লম্ব মার্জিন), যা চিত্রের প্রান্ত থেকে পাঠ্য ইন্ডেন্টেশনের পরিমাণ নির্ধারণ করে পিক্সেল।
ছবিটি কেবলমাত্র নির্দিষ্ট পরিমাণে পাঠ্য থেকে বাধ্যতামূলকভাবে দূরে সরে যাবে না, তবে পৃষ্ঠার প্রান্ত থেকেও দূরে সরে যাবে, তাই বড় ইন্ডেন্ট এড়াতে ভাল।
ছবির জ্যামিতিক মাত্রা খুবই গুরুত্বপূর্ণ, যেগুলি শুধুমাত্র কাম্য নয়, কিন্তু কখনও কখনও কেবল চিত্রটির সঠিক প্রদর্শনের জন্য নির্দিষ্ট করার প্রয়োজন হয়৷ এর জন্য, প্রস্থ (প্রস্থ) এবং উচ্চতা (উচ্চতা) বৈশিষ্ট্যগুলি ব্যবহার করা হয়, যার মান পিক্সেল বা শতাংশে সেট করা হয়।
যদি আপনি শুধুমাত্র প্রস্থ নির্দিষ্ট করেন, তাহলে মূল অনুপাতের সাথে উচ্চতা স্বয়ংক্রিয়ভাবে নির্বাচন করা হবে। শতকরা মাপ আপনাকে ব্রাউজার উইন্ডোর আকার নির্বিশেষে পৃষ্ঠার ডান অংশে ইমেজ স্থাপন করার অনুমতি দেয়, এবং এই প্রয়োজন প্রায়ই দেখা দেয়।
অন্যান্য বিকল্প
বর্ডার অ্যাট্রিবিউট ছবিটিকে নির্দিষ্ট বেধের একটি ফ্রেমে আবদ্ধ করে, যা ব্রাউজার ডিফল্টভাবে করে না।
সীমানার একটি আপাত অর্থহীন শূন্য-প্রস্থ (সীমানা='0') থাকতে পারে, তবে এটি ততক্ষণ পর্যন্ত যতক্ষণ না ছবিটি একটি লিঙ্ক হয়ে যায়, যখন ব্রাউজার স্বয়ংক্রিয়ভাবে নির্দেশের জন্য অপেক্ষা না করে একটি নীল সীমানা দিয়ে এটিকে বৃত্ত করে।
কিছু অধৈর্য ব্যবহারকারী, কম ইন্টারনেট গতিতে ক্ষিপ্ত, কেবল ছবি প্রদর্শন অক্ষম করে দেবে। এই ধরনের ক্ষেত্রে, alt প্যারামিটার প্রদান করা হয়, যা আপনাকে প্রবেশ করতে দেয়বিকল্প টেক্সট যা ব্যবহারকারী সেই বাক্সে দেখতে পাবেন যেখানে ছবিটি লোড করার জন্য তাড়াহুড়ো করছে।
আপনি যদি alt প্যারামিটারের সম্ভাবনা পছন্দ না করেন, তাহলে img ট্যাগ একটি লংডেস্ক অ্যাট্রিবিউট অফার করতে পারে, যার মান আরও বিশদ বিবরণ সহ একটি নথির URL৷
ব্যবহারম্যাপ এবং ইসম্যাপ বৈশিষ্ট্যগুলি ব্রাউজারকে বলে যে চিত্রটি এমন একটি ছবি হবে যেখানে হাইপারলিঙ্কগুলি পৃথক এলাকা (লিঙ্ক মানচিত্র), শুধুমাত্র ইউজম্যাপ প্যারামিটার সার্ভারে নেভিগেশন মানচিত্র নির্ধারণ করে এবং ইসম্যাপ - মানচিত্রটিতে ক্লায়েন্ট পক্ষ।
নিচের চিত্রে লিঙ্ক 1 এর বিবরণ:
বিদেশী আইটেম
lowsrc অ্যাট্রিবিউট ব্রাউজারকে প্রথমে একটি নিম্ন মানের এবং তাই একটি "হালকা" একটি মূল ছবির একটি অনুলিপি (বা অন্য বিকল্প) ডাউনলোড করতে নির্দেশ দেয়। এই কৌশলটি ব্যবহারকারীর জন্য কম ইন্টারনেট গতির ক্ষেত্রে প্রদান করা হয়। আসল ছবি, আপলোড করা হলে, "নকল" প্রতিস্থাপন করে।
img ট্যাগের কম ব্যবহৃত গ্যালারিআইএমজি অ্যাট্রিবিউটটি ইমেজ কন্ট্রোল প্যানেলকে আহ্বান করে (যখন ওভার করা হয়), আপনাকে ডিফল্ট মাই পিকচার ফোল্ডার খুলতে এবং ছবিটি মুদ্রণ, সংরক্ষণ বা ইমেল করার অনুমতি দেয়। আপনি গ্যালারিআইএমজি প্যারামিটারটিকে না/ফলস সেট করে প্যানেলটি নিষ্ক্রিয় করতে পারেন এবং হ্যাঁ/সত্য সেট করে এটি সক্ষম করতে পারেন।
নতুন HTML5 স্পেসিফিকেশনে, বেশ কিছু ট্যাগের কিছু প্যারামিটার অবহেলিত আছে। উদাহরণ স্বরূপ, img-এর lowsrc, বর্ডার, লংডেস্ক এবং নামের বৈশিষ্ট্যগুলি অবসর দেওয়া হয়েছে৷
