HTML কোড এ চিত্র বা ইমেজ বা গ্রাফিক্স সংযুক্ত করণ (ব্যানারসহ)
আসসালামু আলাইকুম।
প্রায় প্রতিটি ওয়েব পেজে ব্যানারসহ বিভিন্ন ধরনের ছবি দেখা যায়। (ব্যানারও এক ধরনেন ছবি বা চিত্র যা ওয়েব পেইজের উপরের অংশে থাকে এবং এর প্রস্থ পেইজটির প্রস্থের সমান হয়।) HTML এর সাহায্যে কোন ওয়েব পেইজে অতি সহজেই ব্যানারসহ যে কোনো ধরনের ছবি যোগ করা যায়। ওয়েব পেজে ছবি বি গ্রাফিক্স যোগ করার জন্য <img> নামের HTML ট্যাগের সাথে src নামের অ্যাট্রিবিউট ব্যবহৃত হয়। ওয়েব পেজে ছবি যোগ করার সিনটেক্স হলোঃ
<img src="URL">
এখানে URL- হলো যে ছবিটি ওয়েব পেজে যোগ করতে চাই সেই ছবির লোকেশন। উদাহরণের সাহায্যে তা দেখানো হলো
<1 DOCTYPE html>
<html>
<body>
<p>
an image:
<img src =" pic/moji.jpg" width ="50" height="50"> </p> <p>
</body>
</html>
উপরের src =" pic/moji.jpg" লেখাটি অর্থ জলো html file টি যে লোকেশনে আছে সেই লোকেশনের pic নামের ফোল্ডারে moji.jap নামক ইমেজের অবস্থান।
ওয়েব ব্রাউজারে দুই ধরনের ইমেজ বা গ্রাফিক্স প্রর্দশন করে। যথা-১,ইনলাইন ইমেজ( Inline image) ২,এক্সটারনাল ইসেজ (External)
১,ইনলাইন ইমেজ( Inline image)ঃযে ইমেজ ব্রাউজারে ওয়েব পেজ লোডের সময় লোড হয় এবং সরাসরি ওয়েব পেজে প্রদর্শিত হয় তাকে ইনলাইন ইমেজ( Inline image) বলে।
২,এক্সটারনাল ইসেজ (External) যে ইমেজ ব্রাউজারে ওয়েব পেজ লোডের সময় লোড হয় না এবং সরাসরি ওয়েব পেজে প্রদর্শিত হয় না তাকে এক্সটানাল ইমেজ( Inline image) বলে। এ ধরনের ইমেজ শুধুমাত্র ডাউনলোড করা যায় এবং ডাউনলোড শেষে ব্যবহারকারীরা তা দেখতে পায়।
অবশ্য বর্তমানে বিভিন্ন ধরনের এক্সটেনশন যুক্ত ইমেজ ওয়েব পেজে বা ওয়েবসবাইটে ব্যবহৃত হয়। যথা-
GIF:Graphics Interchange Format.
JPG- Joint Photographic Group.
PNG -Portable Network Graphics.
BMP- Bitmap image file.
JPEG-Joint Photographic Expart Group..
আজকে এই পর্যন্তই, আবার কোন একদিন দেখা হবে ইনশাআল্লাহ্ , HTMLবা ওয়েব ডিজাইন কোন পোস্ট নিয়ে। আপাততো সবাই ভালো থাকুন, সুস্থ থাকুন। আল্লাহ্র কাছে সবসময় এই দোয়াই করি। আল্লাহ্ হাফেজ…
আসসালামু আলাইকুম।
প্রায় প্রতিটি ওয়েব পেজে ব্যানারসহ বিভিন্ন ধরনের ছবি দেখা যায়। (ব্যানারও এক ধরনেন ছবি বা চিত্র যা ওয়েব পেইজের উপরের অংশে থাকে এবং এর প্রস্থ পেইজটির প্রস্থের সমান হয়।) HTML এর সাহায্যে কোন ওয়েব পেইজে অতি সহজেই ব্যানারসহ যে কোনো ধরনের ছবি যোগ করা যায়। ওয়েব পেজে ছবি বি গ্রাফিক্স যোগ করার জন্য <img> নামের HTML ট্যাগের সাথে src নামের অ্যাট্রিবিউট ব্যবহৃত হয়। ওয়েব পেজে ছবি যোগ করার সিনটেক্স হলোঃ
<img src="URL">
এখানে URL- হলো যে ছবিটি ওয়েব পেজে যোগ করতে চাই সেই ছবির লোকেশন। উদাহরণের সাহায্যে তা দেখানো হলো
<1 DOCTYPE html>
<html>
<body>
<p>
an image:
<img src =" pic/moji.jpg" width ="50" height="50"> </p> <p>
</body>
</html>
উপরের src =" pic/moji.jpg" লেখাটি অর্থ জলো html file টি যে লোকেশনে আছে সেই লোকেশনের pic নামের ফোল্ডারে moji.jap নামক ইমেজের অবস্থান।
ওয়েব ব্রাউজারে দুই ধরনের ইমেজ বা গ্রাফিক্স প্রর্দশন করে। যথা-১,ইনলাইন ইমেজ( Inline image) ২,এক্সটারনাল ইসেজ (External)
১,ইনলাইন ইমেজ( Inline image)ঃযে ইমেজ ব্রাউজারে ওয়েব পেজ লোডের সময় লোড হয় এবং সরাসরি ওয়েব পেজে প্রদর্শিত হয় তাকে ইনলাইন ইমেজ( Inline image) বলে।
২,এক্সটারনাল ইসেজ (External) যে ইমেজ ব্রাউজারে ওয়েব পেজ লোডের সময় লোড হয় না এবং সরাসরি ওয়েব পেজে প্রদর্শিত হয় না তাকে এক্সটানাল ইমেজ( Inline image) বলে। এ ধরনের ইমেজ শুধুমাত্র ডাউনলোড করা যায় এবং ডাউনলোড শেষে ব্যবহারকারীরা তা দেখতে পায়।
অবশ্য বর্তমানে বিভিন্ন ধরনের এক্সটেনশন যুক্ত ইমেজ ওয়েব পেজে বা ওয়েবসবাইটে ব্যবহৃত হয়। যথা-
GIF:Graphics Interchange Format.
JPG- Joint Photographic Group.
PNG -Portable Network Graphics.
BMP- Bitmap image file.
JPEG-Joint Photographic Expart Group..
আজকে এই পর্যন্তই, আবার কোন একদিন দেখা হবে ইনশাআল্লাহ্ , HTMLবা ওয়েব ডিজাইন কোন পোস্ট নিয়ে। আপাততো সবাই ভালো থাকুন, সুস্থ থাকুন। আল্লাহ্র কাছে সবসময় এই দোয়াই করি। আল্লাহ্ হাফেজ…