How to add image in html
Add a Image in html
img: html এর মাধ্যমে ওয়েবপেইজে ছবি যুক্ত করার জন্য <img> tag ব্যবহৃত হয়। <img> এর কোন closing tag অর্থ্যাৎ
</img> tag নেই।
<img> tag এর attrebute হল source যাকে সংক্ষেপে
src লিখা হয়।
src এর মাধ্যমে ছবিটি কোথায় আছে তা দেখিয়ে দেওয়া হয়।এই জন্য desktop এ যেকোনো img এ ক্লিক করে rename টি কপি করে src=”...” এর মধ্যে লিখতে হবে।যেমনঃ
src=”/sdcard/DCIM/20171113124748.jpg বলতে বুঝানো হয়েছে DCIM folder এর মধ্যে 20171113124748.jpg নামক ছবিটি রয়েছে।
src ছাড়াও img e align, height,width ব্যবহৃত হয়।
উদাঃ১
<html>
<body>
<img src=”DCIM/20171113124748.jpg”>
</body>
</html>
ফলাফল ঃ
src এর নির্ধারিত ছবিটি দেখা যাবে।
ওয়েবপেইজে শুধু ছবি দিলেই হবে না সেই সাথে ছবির দৈর্ঘ্য, প্রস্ত বা ছবিটি ডানে,বামে নাকি মাঝখানে থাকবে তা ঠিক করে দিতে হয়।
দৈর্ঘ্য ও প্রস্থের জন্য-- height ও width ব্যবহৃত হয়।
ছবি কোথায় থাকবে তার জন্য-- align ব্যবহৃত হয়।
উদাঃ২
<html>
<body>
<img src=”DCIM/20171113124748.jpg” width=”type any number” height=”type any number” align=”right/left/center/top/bottom”>
</body>
</html>
ফলাফলঃ
width=”100” height=”80” দিলে ছবির প্রস্থ হবে ১০০ ও দৈর্ঘ্য হবে ৮০। align=”right” দিলে ছবি ডান দিকে প্রদর্শিত হবে।bottom দিলে একদম নিচে প্রদর্শিত হবে।।
No comments