বিস্-মিল্লাহির রাহমানির রাহীম । প্রথমে সবাই কে সালাম জানাই আসসালামু আলাইকুম ওয়া রাহমাতুল্লাহ ! সালামটা গ্রহণ করবেন । আপনারা সবাই কেমন আছেন । আশা করি ভালো আছেন ।
আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ১২ টি পোস্ট
করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল/HTML সিএসএস / CSS সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ১০ ।
আমি আজ কে আলোচনা করব এইচটিএমএল / HTML ছবি / ইমেজ নিয়ে । তাহলে শুরু করা যাক ।
এইচটিএমএল ছবি - <img> ট্যাগ এবং src অ্যাট্রিবিউটঃ
এইচটিএমএল এ, ইমেজ <img> ট্যাগ সংজ্ঞায়িত করা হয় ।
<img> ট্যাগ খালি, যা শুধুমাত্র বৈশিষ্ট্যাবলী রয়েছে যে এর মানে হল,এবং কোন ক্লোজিং ট্যাগ আছে।
একটি পৃষ্ঠায় নেভিগেশন একটি চিত্র প্রদর্শন করতে, আপনাকে src অ্যাট্রিবিউট ব্যবহার করতে হবে. Src "উৎস" জন্য দাঁড়িয়েছে. src অ্যাট্রিবিউট মান প্রদর্শন করতে চান চিত্রের URL হয়.একটি চিত্র সংজ্ঞা জন্য বাক্য গঠন : src="url" alt="some_text"> <img
Http://www.techtuneser.com/images/boat.gif: "www.techtuneser.com" উপর "ইমেজ" ডিরেক্টরির মধ্যে অবস্থিত "boat.gif" নামে একটি চিত্র URL আছে ।
ব্রাউজার <img> ট্যাগ ডকুমেন্ট দেখা যায় যেখানে চিত্র প্রদর্শন করা হয়. আপনি দুই অনুচ্ছেদের মধ্যে একটি ইমেজ ট্যাগ করা হলে, ব্রাউজার দ্বিতীয় অনুচ্ছেদে তারপর ইমেজ, তারপর প্রথম অনুচ্ছেদের দেখায়, এবং.এইচটিএমএল ছবি - অল্টার অ্যাট্রিবিউটচিত্র প্রদর্শন করা যাবে না যদি প্রয়োজনীয় Alt অ্যাট্রিবিউট, ইমেজ জন্য একটি বিকল্প টেক্সট নির্ধারণ করা হয় ।Alt অ্যাট্রিবিউট মান একটি লেখক সংজ্ঞায়িত লেখা আছে:
src="boat.gif" alt="Big Boat"> <imgAlt অ্যাট্রিবিউট একটি চিত্রের জন্য বিকল্প তথ্য প্রদান করে যদি কিছু কারণ জন্য একটি ব্যবহারকারী (কারণ ব্যবহারকারী একটি স্ক্রিন রিডার ব্যবহার করে ধীর সংযোগ, src অ্যাট্রিবিউট একটি ত্রুটি, অথবা যদি) এটি দেখতে পারবেন না ।এইচটিএমএল ছবি - সেট উচ্চতা এবং একটি চিত্র প্রস্থউচ্চতা এবং প্রস্থ আরোপ করা একটি ইমেজ উচ্চতা এবং প্রস্থ উল্লেখ করতে ব্যবহৃত হয় ।অ্যাট্রিবিউট মান ডিফল্টরূপে পিক্সেলে উল্লিখিত হয়:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">পরামর্শ: এটি একটি চিত্রের জন্য উচ্চতা এবং প্রস্থ অ্যাট্রিবিউট করা উভয় উল্লেখ করা একটি ভাল অনুশীলন । এই বৈশিষ্ট্যাবলী সেট করা হলে পৃষ্ঠাটি লোড করা হলে, ইমেজ জন্য প্রয়োজনীয় স্থান সংরক্ষিত । যাইহোক, এই বৈশিষ্ট্যাবলী ছাড়া, ব্রাউজার ইমেজের জানি না । প্রভাব (ছবি লোড করার সময়) পৃষ্ঠার লেআউট লোড হচ্ছে সময় পরিবর্তন করা হবে হবে ।বেসিক নোট - প্রয়োজনীয় তথ্যসমূহ শুরু টিপসউল্লেখ্য: SCHNO একটি HTML ফাইল দশ ইমেজ মধ্যে রয়েছে - এগারো ফাইল ডান পৃষ্ঠা প্রদর্শনের জন্য প্রয়োজন হয় ।
ইমেজ লোড করা হচ্ছে তাই আমার ভাল উপদেশ, সময় লাগে:
সাবধানে ইমেজ ব্যবহার করুন । দ্রষ্টব্য: একটি ওয়েব পাতা লোড হয়, এটি যে মুহূর্তে, ব্রাউজার, যা আসলে একটি ওয়েব সার্ভার ও টিপে পৃষ্ঠার মধ্যে থেকে ইমেজ পায় । অতএব, ইমেজ আসলে ওয়েব পাতা থেকে সম্পর্ক একই স্পট থাকার নিশ্চিত করুন যে, অন্যথায় আপনার দর্শকদের একটি ভাঙা লিঙ্ক আইকন পাবেন । ব্রাউজারে ইমেজ এটি না করা হলে ভাঙা লিঙ্ক আইকন প্রদর্শিত হয় ।
এইচটিএমএল ইমেজ ট্যাগঃ
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন
।
দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না ।
আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ১২ টি পোস্ট
করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল/HTML সিএসএস / CSS সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ১০ ।
আমি আজ কে আলোচনা করব এইচটিএমএল / HTML ছবি / ইমেজ নিয়ে । তাহলে শুরু করা যাক ।
এইচটিএমএল ছবি - <img> ট্যাগ এবং src অ্যাট্রিবিউটঃ
এইচটিএমএল এ, ইমেজ <img> ট্যাগ সংজ্ঞায়িত করা হয় ।
<img> ট্যাগ খালি, যা শুধুমাত্র বৈশিষ্ট্যাবলী রয়েছে যে এর মানে হল,এবং কোন ক্লোজিং ট্যাগ আছে।
একটি পৃষ্ঠায় নেভিগেশন একটি চিত্র প্রদর্শন করতে, আপনাকে src অ্যাট্রিবিউট ব্যবহার করতে হবে. Src "উৎস" জন্য দাঁড়িয়েছে. src অ্যাট্রিবিউট মান প্রদর্শন করতে চান চিত্রের URL হয়.একটি চিত্র সংজ্ঞা জন্য বাক্য গঠন : src="url" alt="some_text"> <img
Http://www.techtuneser.com/images/boat.gif: "www.techtuneser.com" উপর "ইমেজ" ডিরেক্টরির মধ্যে অবস্থিত "boat.gif" নামে একটি চিত্র URL আছে ।
ব্রাউজার <img> ট্যাগ ডকুমেন্ট দেখা যায় যেখানে চিত্র প্রদর্শন করা হয়. আপনি দুই অনুচ্ছেদের মধ্যে একটি ইমেজ ট্যাগ করা হলে, ব্রাউজার দ্বিতীয় অনুচ্ছেদে তারপর ইমেজ, তারপর প্রথম অনুচ্ছেদের দেখায়, এবং.এইচটিএমএল ছবি - অল্টার অ্যাট্রিবিউটচিত্র প্রদর্শন করা যাবে না যদি প্রয়োজনীয় Alt অ্যাট্রিবিউট, ইমেজ জন্য একটি বিকল্প টেক্সট নির্ধারণ করা হয় ।Alt অ্যাট্রিবিউট মান একটি লেখক সংজ্ঞায়িত লেখা আছে:
src="boat.gif" alt="Big Boat"> <imgAlt অ্যাট্রিবিউট একটি চিত্রের জন্য বিকল্প তথ্য প্রদান করে যদি কিছু কারণ জন্য একটি ব্যবহারকারী (কারণ ব্যবহারকারী একটি স্ক্রিন রিডার ব্যবহার করে ধীর সংযোগ, src অ্যাট্রিবিউট একটি ত্রুটি, অথবা যদি) এটি দেখতে পারবেন না ।এইচটিএমএল ছবি - সেট উচ্চতা এবং একটি চিত্র প্রস্থউচ্চতা এবং প্রস্থ আরোপ করা একটি ইমেজ উচ্চতা এবং প্রস্থ উল্লেখ করতে ব্যবহৃত হয় ।অ্যাট্রিবিউট মান ডিফল্টরূপে পিক্সেলে উল্লিখিত হয়:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">পরামর্শ: এটি একটি চিত্রের জন্য উচ্চতা এবং প্রস্থ অ্যাট্রিবিউট করা উভয় উল্লেখ করা একটি ভাল অনুশীলন । এই বৈশিষ্ট্যাবলী সেট করা হলে পৃষ্ঠাটি লোড করা হলে, ইমেজ জন্য প্রয়োজনীয় স্থান সংরক্ষিত । যাইহোক, এই বৈশিষ্ট্যাবলী ছাড়া, ব্রাউজার ইমেজের জানি না । প্রভাব (ছবি লোড করার সময়) পৃষ্ঠার লেআউট লোড হচ্ছে সময় পরিবর্তন করা হবে হবে ।বেসিক নোট - প্রয়োজনীয় তথ্যসমূহ শুরু টিপসউল্লেখ্য: SCHNO একটি HTML ফাইল দশ ইমেজ মধ্যে রয়েছে - এগারো ফাইল ডান পৃষ্ঠা প্রদর্শনের জন্য প্রয়োজন হয় ।
ইমেজ লোড করা হচ্ছে তাই আমার ভাল উপদেশ, সময় লাগে:
সাবধানে ইমেজ ব্যবহার করুন । দ্রষ্টব্য: একটি ওয়েব পাতা লোড হয়, এটি যে মুহূর্তে, ব্রাউজার, যা আসলে একটি ওয়েব সার্ভার ও টিপে পৃষ্ঠার মধ্যে থেকে ইমেজ পায় । অতএব, ইমেজ আসলে ওয়েব পাতা থেকে সম্পর্ক একই স্পট থাকার নিশ্চিত করুন যে, অন্যথায় আপনার দর্শকদের একটি ভাঙা লিঙ্ক আইকন পাবেন । ব্রাউজারে ইমেজ এটি না করা হলে ভাঙা লিঙ্ক আইকন প্রদর্শিত হয় ।
এইচটিএমএল ইমেজ ট্যাগঃ
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন
।
দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না ।
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন