উত্তরঃ

ওয়েবপেজে কোনো ছবি বা চিত্র প্রদর্শনের জন্য HTML এর (ইমেজ) ট্যাগ ব্যবহার করা হয়। এটি একটি এম্পটি ট্যাগ, অর্থাৎ এর কোনো ক্লোজিং ট্যাগ নেই। চিত্র প্রদর্শনের জন্য ট্যাগের src (source) অ্যাট্রিবিউটটি অপরিহার্য, যেখানে ছবির ফাইল পাথ (location) উল্লেখ করা হয়। এছাড়া, alt (alternative text) অ্যাট্রিবিউটটি ছবির বিষয়বস্তু বর্ণনা করে, যা ছবি লোড হতে ব্যর্থ হলে অথবা স্ক্রিন রিডার (screen reader) ব্যবহারের ক্ষেত্রে গুরুত্বপূর্ণ।

উদ্দীপকে প্রদর্শিত 'চিত্র-১' এবং 'চিত্র-২' ওয়েবপেজে প্রদর্শনের জন্য ট্যাগ ব্যবহার করে তাদের উৎস (source) উল্লেখ করতে হবে। যদি চিত্র-১ এর ফাইলনেম chitra-1.png এবং চিত্র-২ এর ফাইলনেম chitra-2.png হয়, তাহলে তাদের প্রদর্শনের জন্য প্রয়োজনীয় HTML কোডিং নিম্নরূপ হতে পারে। ছবির আকার নিয়ন্ত্রণের জন্য width (প্রস্থ) বা height (উচ্চতা) অ্যাট্রিবিউট ব্যবহার করা যায়।




    চিত্র প্রদর্শন


    

চিত্র-১: বিষয়সমূহের তালিকা


    Subjects List


    

চিত্র-২: ফলাফল শীট


    Result Sheet Table

Satt AI
Satt AI
23 hours ago
উত্তরঃ

ওয়েব পেজে সারণি বা টেবিল আকারে কোনো তথ্য প্রদর্শনের জন্য HTML (HyperText Markup Language) কোডিং অপরিহার্য। HTML টেবিল ট্যাগ ব্যবহার করে ডেটা সুবিন্যস্তভাবে উপস্থাপন করা যায়, যা ব্যবহারকারীদের জন্য তথ্য পাঠযোগ্য এবং সহজে বোধগম্য করে তোলে। প্রশ্নোক্ত চিত্র-২ এ একটি "Result Sheet" এর কাঠামো দেখানো হয়েছে, যা সারণি আকারে ডেটা প্রদর্শনের একটি উৎকৃষ্ট উদাহরণ।

চিত্র-২ বিশ্লেষণ করলে দেখা যায়, এটি একটি ফলাফল শীট যেখানে একটি মূল শিরোনাম "Result Sheet" রয়েছে। এর নিচে বাম দিকে "Name" এবং "Roll" লেখা দুটি কোষ (cell) এবং ডান দিকে এই দুটি কোষের সমান উচ্চতার একটি একক কোষ "GPA" লেখা রয়েছে। এই ধরনের জটিল বিন্যাস তৈরি করতে HTML টেবিল ট্যাগ যেমন

, (টেবিল রো),
(টেবিল হেডার) এবং (টেবিল ডেটা) এর পাশাপাশি colspan (কলাম একত্রীকরণ) এবং rowspan (সারি একত্রীকরণ) অ্যাট্রিবিউট ব্যবহার করা প্রয়োজন হয়। colspan অ্যাট্রিবিউটটি "Result Sheet" শিরোনামটিকে একাধিক কলাম জুড়ে প্রসারিত করতে ব্যবহৃত হবে, আর rowspan অ্যাট্রিবিউটটি "GPA" কোষটিকে একাধিক সারি জুড়ে প্রসারিত করতে ব্যবহৃত হবে।

চিত্র-২ এর ওয়েব পেইজে প্রদর্শনের জন্য প্রয়োজনীয় HTML কোডিং নিচে দেওয়া হলো:




Result Sheet




চিত্র-২ এর জন্য HTML কোডিং:



 
   
 
 
   
   
 
 
   
 
Result Sheet
NameGPA
Roll



উপরিউক্ত কোডে,

ট্যাগটি টেবিলের শুরু নির্দেশ করে। প্রথম ট্যাগের ভিতরে ব্যবহার করা হয়েছে "Result Sheet" কে দুটি কলাম জুড়ে প্রসারিত করতে এবং এটি একটি হেডার হিসেবে কাজ করবে। দ্বিতীয় একটি সাধারণ ডেটা কোষ এবং "GPA" কোষটিকে দুটি সারি জুড়ে প্রসারিত করে। সর্বশেষ এ শুধু ব্যবহার করা হয়েছে কারণ "GPA" কোষটি পূর্ববর্তী সারি থেকে প্রসারিত হয়েছে। এই কোডিংটি চিত্র-২ এ প্রদর্শিত ফলাফল শীটটির নির্ভুল কাঠামো তৈরি করবে, যা ওয়েব পেজে ডেটা উপস্থাপনের ক্ষেত্রে HTML এর শক্তিশালী কার্যকারিতা প্রমাণ করে।

Satt AI
Satt AI
23 hours ago
129

আমরা সবাই জানি ইন্টারনেট ব্যবহার করে ইমেইল, ফাইল শেয়ারিং, ভয়েস কলিং এরকম বিভিন্ন তথ্য ও সেৰা আদান-প্রদান করা যায়। এদের মধ্যে তথ্য আদান-প্রদানের জন্য বহুল ব্যবহৃত একটি মডেল হচ্ছে ওয়েৰ। ওয়েব হচ্ছে ওয়ার্ল্ড ওয়াইড ওয়েব-এর সংক্ষিপ্ত রূপ। ওয়েবের মাধ্যমে ইন্টারনেট ব্যবহার করে ছুটি যন্ত্রের মধ্যে তথ্য আদান-প্রদান করা যায়। বর্তমানে ওয়েবকে আমরা বলতে পারি তথ্যভান্ডার যেখানে অনেক তথ্য রিসোর্স, ওয়েব ডকুমেন্ট আকারে সঞ্চিত আছে। জামরা আমাদের দৈনন্দিন জীবনে ওয়েবের নানা ধরনের তথ্যের উপর পুরোপুরি নির্ভরশীল হয়ে গেছি। এই অধ্যায়ে কীভাবে একটি কার্যকর ওয়েব সাইট তৈরি করা যায় সেটি শিক্ষার্থীদের সামনে তুলে ধরা হবে।

এ অধ্যায় পাঠ শেষে শিক্ষার্থীরা-

  • ওয়েব ডিজাইনের ধারণা ব্যাখ্যা করতে পারবে;
  • ওয়েবসাইটের কাঠামো বর্ণনা করতে পারবে;
  • এইচটিএমএল-এর ধারণা ব্যাখ্যা করতে পারবে।
  • এইচটিএমএল ব্যবহার করে ওয়েব পেইজ ডিজাইন করতে পারবে;
  • ওয়েব সাইট পাবলিশ করতে পারবে।

Related Question

View All
উত্তরঃ

একটি HTML ফাইলকে ব্রাউজারে সুন্দরভাবে উপস্থাপনের জন্য বিভিন্ন ট্যাগ ব্যবহার করা হয়, আর এই ট্যাগ এবং ট্যাগের ভেতরের বিষয়বস্তুকে একত্রে HTML এলিমেন্ট বলে।

Satt AI
Satt AI
1 day ago
1.8k
উত্তরঃ

ডোমেইন নেম হলো ইন্টারনেটে একটি ওয়েবসাইটের স্বতন্ত্র পরিচয়সূচক নাম, যা সংখ্যাভিত্তিক আইপি অ্যাড্রেসের (IP Address) পরিবর্তে ব্যবহৃত হয়। এটি ব্যবহারকারীদের জন্য ওয়েবসাইট খুঁজে পাওয়া ও মনে রাখা সহজ করে তোলে, কারণ দীর্ঘ এবং জটিল আইপি অ্যাড্রেসের চেয়ে একটি সহজে স্মরণীয় শব্দভিত্তিক নাম ব্যবহারকারীদের জন্য অনেক বেশি সুবিধাজনক।

ডোমেইন নেমের গুরুত্ব অপরিসীম কারণ এটি ইন্টারনেটে একটি সুনির্দিষ্ট অনলাইন ঠিকানা হিসেবে কাজ করে। এটি একটি প্রতিষ্ঠান বা ব্যক্তির অনলাইন ব্র্যান্ডিং (branding) এবং বিশ্বাসযোগ্যতা তৈরিতে অপরিহার্য ভূমিকা পালন করে। ডোমেইন নেম ছাড়া নির্দিষ্ট কোনো ওয়েবসাইটে প্রবেশ করা কঠিন হয়ে পড়ত, যা ডিজিটাল যোগাযোগ, তথ্য আদান-প্রদান ও ই-কমার্সের মতো কার্যক্রমে ব্যাপক বাধা সৃষ্টি করত।

Satt AI
Satt AI
4 days ago
2.7k
শিক্ষকদের জন্য বিশেষভাবে তৈরি

১ ক্লিকে প্রশ্ন, শীট, সাজেশন
অনলাইন পরীক্ষা তৈরির সফটওয়্যার!

শুধু প্রশ্ন সিলেক্ট করুন — প্রশ্নপত্র অটোমেটিক তৈরি!

প্রশ্ন এডিট করা যাবে
জলছাপ দেয়া যাবে
ঠিকানা যুক্ত করা যাবে
Logo, Motto যুক্ত হবে
অটো প্রতিষ্ঠানের নাম
অটো সময়, পূর্ণমান
প্রশ্ন এডিট করা যাবে
জলছাপ দেয়া যাবে
ঠিকানা যুক্ত করা যাবে
Logo, Motto যুক্ত হবে
অটো প্রতিষ্ঠানের নাম
অটো সময়, পূর্ণমান
অটো নির্দেশনা (এডিটযোগ্য)
অটো বিষয় ও অধ্যায়
OMR সংযুক্ত করা যাবে
ফন্ট, কলাম, ডিভাইডার
প্রশ্ন/অপশন স্টাইল পরিবর্তন
সেট কোড, বিষয় কোড
অটো নির্দেশনা (এডিটযোগ্য)
অটো বিষয় ও অধ্যায়
OMR সংযুক্ত করা যাবে
ফন্ট, কলাম, ডিভাইডার
প্রশ্ন/অপশন স্টাইল পরিবর্তন
সেট কোড, বিষয় কোড
এখনই শুরু করুন ডেমো দেখুন
৫০,০০০+
শিক্ষক
৩০ লক্ষ+
প্রশ্নপত্র
মাত্র ১৫ পয়সায় প্রশ্নপত্র
১ ক্লিকে প্রশ্ন, শীট, সাজেশন তৈরি করুন আজই

Complete Exam
Preparation

Learn, practice, analyse and improve

1M+ downloads
4.6 · 8k+ Reviews
Result Sheet
NameGPA
Roll