আপনি যদি HTML-এ একটি চিত্র কীভাবে সাজাতে হয় তা শিখতে চান তবে আপনি সঠিক জায়গায় এসেছেন। এই নিবন্ধে আমরা আপনাকে একটি সহজ এবং সরাসরি উপায়ে দেখাব কিভাবে বৈশিষ্ট্যটি ব্যবহার করতে হয় সারিবদ্ধ করা আপনার ওয়েব পৃষ্ঠায় অনুভূমিকভাবে এবং উল্লম্বভাবে ছবিগুলি সারিবদ্ধ করতে। উপরন্তু, আমরা আপনাকে সম্পত্তি কিভাবে ব্যবহার করতে হবে তা শেখাবো প্রদর্শন চিত্রের অবস্থান নিয়ন্ত্রণ করতে এবং ট্যাগ ব্যবহার করে চিত্রের আকার কীভাবে সামঞ্জস্য করা যায় উচ্চতা y প্রস্থ HTML এর সাথে। এই সহজ পদক্ষেপগুলির সাহায্যে, আপনি দ্রুত এবং কার্যকরভাবে আপনার ওয়েবসাইটে আপনার চিত্রগুলির উপস্থাপনা কাস্টমাইজ করতে পারেন৷ চল শুরু করি!
– ধাপে ধাপে ➡️ কিভাবে Html এ একটি ছবি সাজানো যায়
- ধাপ ১: প্রথমে আপনার টেক্সট এডিটর বা IDE খুলুন এবং একটি নতুন HTML ফাইল তৈরি করুন।
- ধাপ ১: তারপর, HTML ফাইলের ভিতরে, ট্যাগটি ব্যবহার করুন
ইমেজ সন্নিবেশ করতে. আপনি বৈশিষ্ট্যে ইমেজ পাথ নির্দিষ্ট করতে পারেন src সম্পর্কে.
- ধাপ ১: তারপরে আপনি বৈশিষ্ট্যগুলি ব্যবহার করে চিত্রের আকার সামঞ্জস্য করতে পারেন প্রস্থ y উচ্চতা.
- ধাপ ১: আপনি যদি চিত্রটি সারিবদ্ধ করতে চান তবে আপনি বৈশিষ্ট্যটি ব্যবহার করতে পারেন সারিবদ্ধ করা "বাম" বা "ডান" মান সহ।
- ধাপ ১: ছবিটিকে পৃষ্ঠায় কেন্দ্রীভূত করতে, আপনি এটি একটি পাত্রে মুড়িয়ে CSS শৈলী প্রয়োগ করতে পারেন, অথবা ট্যাগ ব্যবহার করতে পারেন
বৈশিষ্ট্য সহ সারিবদ্ধ=»কেন্দ্র».
- ধাপ ১: অবশেষে, এইচটিএমএল ফাইলটি সংরক্ষণ করুন এবং আপনার স্পেসিফিকেশন অনুযায়ী সাজানো চিত্র দেখতে এটি আপনার ব্রাউজারে খুলুন।
প্রশ্নোত্তর
কিভাবে HTML এ একটি ছবি যোগ করবেন?
- লেখেন
এইচটিএমএল কোডে যেখানে আপনি ছবিটি দেখতে চান।
এইচটিএমএল কোডে যেখানে আপনি ছবিটি দেখতে চান।কিভাবে HTML এ একটি ছবি সারিবদ্ধ করা যায়?
- অ্যাট্রিবিউট যোগ করুন সারিবদ্ধ=»বাম» o সারিবদ্ধ=»ডান» লেবেলের মধ্যে
চিত্রটিকে যথাক্রমে বাম বা ডানে সারিবদ্ধ করতে।
কিভাবে HTML এ একটি ইমেজ রিসাইজ করবেন?
- বৈশিষ্ট্য ব্যবহার করুন প্রস্থ="মান_পিক্সেল" y উচ্চতা="মান_পিক্সেল" লেবেলের মধ্যে
ছবির আকার সামঞ্জস্য করতে।
কিভাবে HTML এ একটি ছবি কেন্দ্রীভূত করবেন?
- মোড়ানো ট্যাগ
লেবেলের মধ্যে
এবং শৈলী যোগ করুন টেক্সট-সারিবদ্ধ: কেন্দ্র; alছবিটি কেন্দ্রে রাখতে।
কিভাবে HTML এ একটি ছবিতে একটি বর্ডার যোগ করবেন?
- বৈশিষ্ট্য ব্যবহার করুন সীমানা="মান_পিক্সেল" লেবেলের মধ্যে
ছবিতে একটি সীমানা যোগ করতে।
কিভাবে HTML এ একটি ছবি ক্লিকযোগ্য করা যায়?
- মোড়ানো ট্যাগ
লেবেলের মধ্যে এবং বৈশিষ্ট্য যোগ করুন href=»গন্তব্য_url» লেবেলে একটি ক্লিকযোগ্য লিঙ্ক তৈরি করতে।
কিভাবে HTML এ একটি ছবিতে একটি শিরোনাম যোগ করবেন?
- অ্যাট্রিবিউট যোগ করুন শিরোনাম=»শিরোনাম_পাঠ» লেবেলের মধ্যে
ছবিটিতে একটি শিরোনাম যোগ করতে যা আপনি এটির উপর কার্সার করলে প্রদর্শিত হবে।
কিভাবে HTML এ একটি ইমেজ ফরম্যাট করবেন?
- স্টাইল প্রয়োগ করতে CSS ব্যবহার করুন সীমানা, মার্জিন, প্যাডিং, প্রস্থ, উচ্চতা, ইত্যাদি ছবির প্রতি
কিভাবে HTML এ একটি বহিরাগত উৎস থেকে একটি ছবি লোড করবেন?
- লেখেন এইচটিএমএল কোডে যেমন আপনি একটি স্থানীয় চিত্রের সাথে করবেন।
এইচটিএমএল কোডে যেমন আপনি একটি স্থানীয় চিত্রের সাথে করবেন।কিভাবে HTML এ একটি ছবির চারপাশে স্থান সামঞ্জস্য করবেন?
- অ্যাট্রিবিউট যোগ করুন hspace=»value_in_pixels» y vspace=»value_in_pixels» লেবেলের মধ্যে
চিত্রের চারপাশে অনুভূমিক এবং উল্লম্ব স্থান সামঞ্জস্য করতে।
আমি সেবাস্তিয়ান ভিদাল, প্রযুক্তি এবং DIY সম্পর্কে উত্সাহী একজন কম্পিউটার প্রকৌশলী৷ উপরন্তু, আমি এর স্রষ্টা tecnobits.com, যেখানে আমি প্রত্যেকের জন্য প্রযুক্তিকে আরও অ্যাক্সেসযোগ্য এবং বোধগম্য করতে টিউটোরিয়ালগুলি ভাগ করি৷