কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন?

Dec 30, 2020 | Web Designing Course

কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন?

কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন? আসুন আমরা www.kaziitzone.com এ ওয়েব-পেজে-ইমেজ-ব্যবহার করা শিখি ওয়েব সাইট তৈরি করার জন্য ওয়েব সাইটে অনেক তথ্য সন্নিবেশিত করতে হয় । তার মধ্যে অন্যতম হলো ইমেজ । ইমেজ ব্যবহার করা খুবই জরুরি । ওয়েব পেজকে ব্যবহার কারির কাছে সুন্দর বা আকর্ষণীয় করে তোলার জন্য যেমন ওয়েব পেজের সাথে বিভিন্ন স্টাইলের ফন্ট মানানসই কালার ব্যবহার করা প্রয়োজন তেমনি ভাবে ওয়েব পেজে সুন্দর সুন্দর ইমেজ ব্যবহার করতে হয় । ইমেজ ব্যবহার করা জন্য এইচটিএমএল এ একটি ট্যাগ আছে সেই ট্যাগটি ব্যবহার করে ইমেজ ওয়েব পেজে প্রদর্শন করা যায় ।

এইচটিএমএল <img> ট্যাগ ও src এট্রিবিউট

এইটিএমএল এর <img> ট্যাগটি একটি সিঙ্গেল ট্যাগ । এই ট্যাগটিকে সিঙ্গেল ট্যাগ বলার কারণ ট্যাগটির শুরুর ট্যাগ আছে কিন্ত শেষ ট্যাগ নেই ।

যেমনঃ <img src=”img name”>.

সবাই দেখে থাকবে এইটিএমএল ট্যাগ গুলোর শুরু আছে শেষ ও আছে ।

যেমনঃ <h1>…………….</h1>.

তবে <img> ট্যাগটির শেষ ট্যাগ নেই।

আমি তো দেখালাম <img> ট্যাগটি তবে ট্যাগটি কিভাবে কাজ করে? নিম্নে কোড দেওয়া হলো .html File করে কোড দেখে লিখে নিন এবং কোড রান করে দেখে নিন ট্যাগটি কিভাবে কাজ করে ।

উদাহরণ

<!DOCTYPE html>

<html>

<body>

 

<h2>HTML Image</h2>

<img src=”pic.jpg>

 

</body>

</html>

কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন?

কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন?

উদাহরণ ব্যাখ্যা

  • <!DOCTYPEhtml> ঘোষণাটি সংজ্ঞা দেয় যে এই নথিটি একটি HTML5 নথি ।
  • < html > উপাদানটি একটি HTML পৃষ্ঠার মূল উপাদান ।
  • < head > উপাদানটিতে HTML পৃষ্ঠা সম্পর্কে মেটা সম্পর্কিত তথ্য রয়েছে ।
  • < title > উপাদানটি HTML পৃষ্ঠার জন্য একটি শিরোনাম নির্দিষ্ট করে (যা ব্রাউজারের শিরোনাম বারে বা পৃষ্ঠার ট্যাবে প্রদর্শিত হয়) ।
  • <body> উপাদানটি নথির শরীরে সংজ্ঞায়িত করে এবং শিরোনাম, অনুচ্ছেদ, চিত্র, হাইপারলিঙ্কস, টেবিল, তালিকা ইত্যাদি সমস্ত দৃশ্যমান সামগ্রীর জন্য একটি ধারক ।
  • <h1> উপাদানটি একটি বড় শিরোনামকে সংজ্ঞায়িত করে ।
  • <img> উপাদান ইমেজ সংজ্ঞায়িত করে ।
  • Src এট্রিবিউট ইমেজ কেথায় আছে তার লোকেশন নির্ধারণ করে ।

এইটিএমএল ব্যবহার করে ইমেজ ওয়েব পেজে প্রদর্শন করার জন্য <img> ট্যাগটি ব্যবহার করা হয় ।

কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন? তার সম্পূর্ণ বিষয় এই পোস্ট এ আলোচনা করা হলো। আসা করি এই পোস্টটি দেখলে ওয়েব পেজে ইমেজ ব্যবহার নিয়ে সমস্যা থাকবে না ।

আজ এপর্য্ন্ত আমাদের সঙ্গেই থাকবেন । বাংলায় ওয়েব ডিজাইন এন্ড ডেভেলপমেন্ট কের্স ধারাবাহিক ভাবে আলোচনা করা হবে । সবাই ভালো থাকবেন।

0 Comments

Trackbacks/Pingbacks

  1. HTML Contact Form UI Design - How to create HTML Contact Form - Kazi - […] কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন? […]

Submit a Comment

Your email address will not be published. Required fields are marked *

Adsense

Categories

জনপ্রিয় পোস্ট সমূহ

Pin It on Pinterest

Share This