Friday, November 21, 2014

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

আসসালামুয়ালাইকুম, সবাই কেমন আছেন ? আশা করি ভাল! আমিও আল্লাহ্‌ তায়ালার অশেষ রহমতে ভাল আছি।
আজ এইচটিএমএল এর ইমেজ ট্যাগ নিয়ে আলোচনা করব। তাহলে চলুন কথা না বাড়িয়ে শুরু করা যাক,
ওয়েবপেইজকে আকর্ষণীয়ভাবে ফুটিয়ে তুলতে ইমেইজ ব্যবহারের বিকল্প নেই। ইমেজ ব্যবহার করার জন্য (<img>) ট্যাগ ব্যবহার করা হয়। এটা মূলত একটি সিঙ্গেল ট্যাগ। যেমনঃ <img scr= “এখানে ইমেজের এক্সটেনসহ ইমেজের নাম”/>
নিচের কোডগুলো একটি নোটপ্যাড এ লিখুন;
টেকটিউনস কোড হাইলাইটার - কোড কপি করতে কোডের উপর ডাবল ক্লিক করুন
1
2
3
4
5
6
7
8
9
10
11
12
&nbsp;
 
<html>
 <head>
 <title> This is Example of Images </title>
 </head>
 <body>
 <img src="image.png"/>
 </body>
</html>
 
&nbsp;

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

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

No comments:

Post a Comment

Thank You