html document এ ছবি যুক্ত করার নিয়ম
কোন html পেজে ছবি যুক্ত করতে যে এলেমেন্ট প্রয়োজন তা হল <img>.
এটি একটি empty এলেমেন্ট কারন এর কোন close tag নেই।
<img
src="a.jpg" height="500" width="500"
alt="ict">
উপর এর কোডটি দ্বারা সহজেই
Html ডকুমেন্টে ছবি যুক্ত করা যায়।
প্রক্রিয়াঃ
১। একটি ফোল্ডার তৈরি করি।
২। যে ছবিটি যুক্ত করব ওই ছবিটি
কপি করে ফোল্ডার এর ভেতর paste করি।
৩। নোটপ্যাড ওপেন করে
<html>
<body>
<img src="photoname.jpg"
height="500" width="500" alt="ict">
</body>
</html>
কোডটি নোটপ্যাডে লিখে ফোল্ডারটির
ভেতর সেভ করি। নামের শেষে extension হিসেবে .html লিখে সেভ করতে হবে।
যেমনঃ image.html অথবা internet.html ইত্যাদি। নাম যায় হোক, নামের শেষে .html থাকতে হবে।ছবিটি ও তৈরিকৃত html ফাইলটি একই ফোল্ডার এ না থাকলে html ডকুমেন্টে ছবিটি যুক্ত হবে না।
যেমনঃ image.html অথবা internet.html ইত্যাদি। নাম যায় হোক, নামের শেষে .html থাকতে হবে।ছবিটি ও তৈরিকৃত html ফাইলটি একই ফোল্ডার এ না থাকলে html ডকুমেন্টে ছবিটি যুক্ত হবে না।
৪। ফাইলটি ব্রাউজার দিয়ে ওপেন
করি।
*ফটোটির আকার পরিবর্তন করতে height এবং width
পরিবর্তন করতে হবে।
ব্যাখ্যাঃ
| img | ইমেজ বুঝানো হয়েছে। |
| src | ইমেজ সোর্স বুজানো হয়েছে অর্থাৎ ইমেজ বা ছবিটি কথায় অবস্থিত তা নির্দেশ করার জন্য এর ব্যাবহার করা হয়। |
| photoname | ছবির নাম নির্দেশ করে। |
| .jpg | ছবিটির ফাইল extension বা কোন ফরম্যাট এ ছবিটি আছে তা নির্দেশ করে। |
| height="500" | ছবির উচ্চতা। |
| width="500" | = ছবির প্রস্থ। |
| alt="ict" | কোন কারনে ছবিটি দেখা না গেলে ict লেখাটি প্রদর্শিত হবে। ict লেখাটির পরিবর্তে অন্য যেকোনো কিছু লেখা যাবে। |
Comments
Post a Comment