HTML Image

এখন আমরা দেখব একটি সাইটে কীভাবে ছবি যুক্ত করা হয়।
সাইটে ছবি সংযুক্ত করার জন্যে <img> ট্যাগ ব্যবহৃত হয়। এই ট্যাগকে এম্পটি ট্যাগ বলা হয় কারন ট্যাগটিতে এট্রিবিউট ছাড়া আর কিছু নেই। এটির ক্লোজিং ট্যাগ ও নেই।
এই ট্যাগে এট্রিবিউট হিসেবে src ব্যবহৃত হয়। src দিয়ে source কে বুঝানো হয়। src এট্রিবিউটের মাধ্যমে ইমেজের অবস্থান নির্দেশ করা হয়। এককথায় src হল ইমেজের url।

<img> ট্যাগের সাধারন সিনটেক্স হল:

<img src="url">

এবার আমরা একটি উদাহরণ দেখব।

HTML LINKS

এ লেসনে আমরা HTML Hyperlink নিয়ে আলোচনা করবো। আমরা যেসব সাইট ব্রাউজ করি সব সাইটেই লিংক থাকে। এক পেইজ থেকে আরেক পেইজে যাওয়ার জন্য বা এক সাইট থেকে আরেক সাইটে যাওয়ার কাজে লিংক ব্যবহৃত হয়।
লিংক হল একটি শব্দ , শব্দের সমষ্টি বা ছবি যাতে ক্লিক করে বর্তমান ডকুমেন্ট থেকে অন্য ডকুমেন্ট বা অন্য কোন সেকশনে যাওয়া যায়।
যখন কোন লিংকে কার্সর নেয়া হয় তখন কার্সর ছোট একটি হাতের আকার ধারন করে।

HTML এ লিংককে <a> ট্যাগ দিয়ে প্রকাশ করা হয়।
<a> ট্যাগ দুভাবে ব্যবহৃত হতে পারে:

HTML CSS style

এ পর্যন্ত আমরা যেটুকু আলোচনা করেছি তা হল একেবারেই বেসিক লেভেলের। কোডগুলো লিখে রান করলে দেখা যায় লেখাগুলো ব্রাউজারের বামপাশে দেখায় এবং কালো রঙের দেখায়।
বাস্তবে আমরা যে ওয়েব সাইটগুলো দেখি তাতে দেখা যায় সাইটটা অনেক সুন্দর করে সাজানো। লেখাগুলো ডানে, মাঝে বা বিভিন্ন ফরম্যাটে সাজানো। কিছু লেখা লাল, নীল , হলুদ বিভিন্ন কালারের হয়। আবার ব্যাকগ্রাউন্ড কালার করাও থাকে। এগুলো কিভাবে করা হয়?
এ কাজগুলো করার জন্যে সি এস এস-CSS ব্যবহার করা হয়। CSS এর পূর্ণাঙ্গ রুপ হল cascading style sheet.। HTML এলিমেন্টে স্টাইল প্রদান করার জন্যে এটার সৃষ্টি। সি এস এস প্রথম ব্যবহার করা হয় HTML 4.0 এর সাথে। একটা সাইটে যতগুলো পেইজ থাকে সবগুলো পেইজকে একটি কমন কমান্ড দ্বারা স্টাইলিশ্ট করার উদ্দেশ্যেই এর আবিষ্কার।

HTML এ ভিন্ন ভিন্ন ভাবে সি এস এস স্টাইল প্রয়োগ করা যায়।যেমন: