বেসিক এইচটিএমএল টিউটোরিয়াল [পর্ব-১১] :: এইচটিএমএল ইমেজ

বেসিক এইচটিএমএল টিউটোরিয়াল

আসসালামুয়ালাইকুম, সবাই কেমন আছেন ? আশা করি ভাল! আমিও আল্লাহ্‌ তায়ালার অশেষ রহমতে ভাল আছি।

আজ এইচটিএমএল এর ইমেজ ট্যাগ নিয়ে আলোচনা করব। তাহলে চলুন কথা না বাড়িয়ে শুরু করা যাক,

ওয়েবপেইজকে আকর্ষণীয়ভাবে ফুটিয়ে তুলতে ইমেইজ ব্যবহারের বিকল্প নেই। ইমেজ ব্যবহার করার জন্য (<img>) ট্যাগ ব্যবহার করা হয়। এটা মূলত একটি সিঙ্গেল ট্যাগ। যেমনঃ <img scr= “এখানে ইমেজের এক্সটেনসহ ইমেজের নাম”/>

নিচের কোডগুলো একটি নোটপ্যাড এ লিখুন;


&nbsp;

<html>
 <head>
 <title> This is Example of Images </title>
 </head>
 <body>
 <img src="image.png"/>
 </body>
</html>

&nbsp;

 

এবার কোডগুলো একটি নোটপ্যাড++ এ সেভ করে তা ব্রাউজের ওপেন করুন;

নিচের মত আসবেঃ

একটা কথা অবশ্যই মনে রাখতে হবে তা হলঃ ইমেজটি লোকেশন সঠিক দিতে হবে। যেমন আমি ইমেজটি ডেস্কটপে রেখেছি।

টিউনটি পড়ার জন্য অসংখ্য ধন্যবাদ।

আগামী পর্ব দেখার আমন্ত্রণ জানিয়ে এখানেই শেষ করছি।

সময় পেলে আমার ব্লগ সাইট এখান থেকে ঘরে আসতে পারেন।

ওয়েব ডিজাইন & ডেভেলপমেন্ট সম্পর্কিত যে কোন আলোচনা করতে আমাদের "ময়মনসিংহসোর্স (অফিসিয়াল গ্রুপ)" এ জয়েন করতে পারেন।

#ফেইসবুকে আমি

Level New

আমি মোঃ আরাফাত রহমান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 3 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 14 টি টিউন ও 55 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

আরো চাই।

পরের টিউন করেন, আপনার জন্য অপেক্ষা করছি।