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

একটা ওয়েব পেজের গুরুত্বপূর্ণ উপাদান সমূহের একটি হচ্ছে ইমেজ । ওয়েবপেজে ইমেজের উপযুক্ত ব্যবহারের মাধ্যমে পেজটি ব্যবহারকারীদের কাছে যেমন আকর্ষণীয় হয়ে ওঠে তেমনি ব্যবহার বান্ধবও হয়। আকর্ষনীয় নেভিগেশন বার, বাটন, ব্যানার, ইত্যাদিতে ইমেজের ব্যবহার অপরিহার্য। ওয়েব পেজে ইমেজ বা ছবি যুক্ত করার জন্য প্রয়োজনীয় ট্যাগটি হচ্ছে <img> । এর কোন শেষ ট্যাগ নেই। শুধুমাত্র <img> দিয়ে কোন কাজ হয় না, এর সাথে সবসময়ই src এট্রিবিউটটি ব্যবহার করতে হয়। যেমন <img src=”pic.png”> , তাহলে pic.png ইমেজটি প্রদর্শিত হবে।
পূর্ব প্রস্তুতি
ডেক্সটপে একটা webpage নামে folder নিতে হবে এর মধ্যে pic.png নামে save করা একটা ছবি রাখতে হবে।
উদাহরণ প্রোগ্রাম
<html>
<head>
<title> www.tutohost.com</title>
</head>
<body bgcolor=" green" style="text-align:center">
<h3> This is an example of image.</h3>
<img src="pic.png">
</body>
</html>
একটা Notepad Open করে উপরের Code টুকু লিখে File মেনু থেকে Save as এ ক্লিক করে File name হিসেবে index.html বা home.html অথবা যেকোন নাম.html দিয়ে, Save as type হিসেবে All files সিলেক্ট করে এরপর Save বাটনে ক্লিক করতে হবে। এরপর save করা index.html ফাইলটিকে webpage folder এর মধ্যে রাখতে হবে। এখন Mozilla Firefox দিয়ে index.html open করলে পাশের ছবির মত দেখাবে।
অনলাইনে সার্ভারে কোন ইমেজ আপলোড করা থাকলে উক্ত ইমেজ যুক্ত করার জন্য তার এড্রেস pic.png এর স্থানে লেখতে হবে। যেমন
<img src="http://www.tutohost.com/bangla/html/images/pic.png">
HTML সূচিপত্র
- HTML কি? (What is HTML)
- HTML এর ইতিহাস
- প্রোগ্রাম লেখার পদ্ধতি
- ট্যাগ সমুহ ও ব্যবহার
- ইলিমেন্ট কি এবং কিভাবে ব্যবহৃত হয়
- এট্রিবিউট কি এবং কিভাবে ব্যবহৃত হয়
- হেডিং ট্যাগ ও ব্যবহার
- HTML প্যারাগ্রাফ
- টেক্সট ফরমেটিং
- ফন্ট ট্যাগ এর ব্যবহার
- স্টাইলের ব্যবহার
- লিংক প্রকাশের পদ্ধতি
- ছবি প্রকাশ
- টেবিল ও টেবিল প্রকাশ পদ্ধতি
- লিস্টের ব্যবহার
- HTML ফর্ম
- ফ্রেম এর ব্যবহার
- আই ফ্রেম এর ব্যবহার
- রং ও কোড
- লে আউট পদ্ধতি
- HTML এ সিএসএস এর ব্যবহার
- হেড
- মেটা ট্যাগ
- HTML এ স্ক্রিপ্ট এর ব্যবহার
- ওয়েবে অডিও ফাইল চালানোর পদ্ধতি
- ওয়েবে ভিডিও ফাইল চালানোর পদ্ধতি
- ওয়েবে ফ্লাস ফাইল চালানোর পদ্ধতি
.