ওয়েব স্কুল বিডি : সুপ্রিয় শিক্ষার্থী বন্ধুরা, শুভেচ্ছা নিয়ো। আমরা গত পর্বে লিংক প্রকাশের পদ্ধতি নিয়ে আলোচনা করেছিলাম। আজ তোমাদের ছবি সংযোজন নিয়ে আলোচনা করা হলো :
ছবি সংযোজন :
একটা ওয়েব পেজের গুরুত্বপূর্ণ উপাদান সমূহের একটি হচ্ছে ইমেজ । ওয়েবপেজে ইমেজের উপযুক্ত ব্যবহারের মাধ্যমে পেজটি ব্যবহারকারীদের কাছে যেমন আকর্ষণীয় হয়ে ওঠে তেমনি ব্যবহার বান্ধবও হয়। আকর্ষনীয় নেভিগেশন বার, বাটন, ব্যানার, ইত্যাদিতে ইমেজের ব্যবহার অপরিহার্য। ওয়েব পেজে ইমেজ বা ছবি যুক্ত করার জন্য প্রয়োজনীয় ট্যাগটি হচ্ছে![]()
। এর কোন শেষ ট্যাগ নেই। শুধুমাত্র ![]()
দিয়ে কোন কাজ হয় না, এর সাথে সবসময়ই src এট্রিবিউটটি ব্যবহার করতে হয়। যেমন 
:~ তাহলে picture.png ইমেজটি প্রদর্শিত হবে।
পূর্ব প্রস্তুতি : ডেক্সটপে একটা website নামে folder নিতে হবে এর মধ্যে pic.png নামে save করা একটা ছবি রাখতে হবে।
প্রোগ্রাম :
ছবি সংযোজন :
একটা ওয়েব পেজের গুরুত্বপূর্ণ উপাদান সমূহের একটি হচ্ছে ইমেজ । ওয়েবপেজে ইমেজের উপযুক্ত ব্যবহারের মাধ্যমে পেজটি ব্যবহারকারীদের কাছে যেমন আকর্ষণীয় হয়ে ওঠে তেমনি ব্যবহার বান্ধবও হয়। আকর্ষনীয় নেভিগেশন বার, বাটন, ব্যানার, ইত্যাদিতে ইমেজের ব্যবহার অপরিহার্য। ওয়েব পেজে ইমেজ বা ছবি যুক্ত করার জন্য প্রয়োজনীয় ট্যাগটি হচ্ছে
:~ তাহলে picture.png ইমেজটি প্রদর্শিত হবে।পূর্ব প্রস্তুতি : ডেক্সটপে একটা website নামে folder নিতে হবে এর মধ্যে pic.png নামে save করা একটা ছবি রাখতে হবে।
প্রোগ্রাম :
<html>
<head>
<title> www.webschoolbd.com</title>
</head>
<body>
<head>
<title> www.webschoolbd.com</title>
</head>
<body>
<h3> This is an example of image.</h3>
<img src="picture.png">
</body>
</html>
<img src="picture.png">
</body>
</html>
Tags
HTML