হাইপারলিংক কী?

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

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




    


    

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

    


    

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

    

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

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

(টেবিল হেডার) এবং

(টেবিল ডেটা) এর পাশাপাশি colspan (কলাম একত্রীকরণ) এবং rowspan (সারি একত্রীকরণ) অ্যাট্রিবিউট ব্যবহার করা প্রয়োজন হয়। colspan অ্যাট্রিবিউটটি "Result Sheet" শিরোনামটিকে একাধিক কলাম জুড়ে প্রসারিত করতে ব্যবহৃত হবে, আর rowspan অ্যাট্রিবিউটটি "GPA" কোষটিকে একাধিক সারি জুড়ে প্রসারিত করতে ব্যবহৃত হবে। চিত্র-২ এর ওয়েব পেইজে প্রদর্শনের জন্য প্রয়োজনীয় HTML কোডিং নিচে দেওয়া হলো: চিত্র-২ এর জন্য HTML কোডিং:                             Result Sheet Name GPA Roll উপরিউক্ত কোডে, ট্যাগটি টেবিলের শুরু নির্দেশ করে। প্রথম ট্যাগের ভিতরে ব্যবহার করা হয়েছে "Result Sheet" কে দুটি কলাম জুড়ে প্রসারিত করতে এবং এটি একটি হেডার হিসেবে কাজ করবে। দ্বিতীয় এ একটি সাধারণ ডেটা কোষ এবং "GPA" কোষটিকে দুটি সারি জুড়ে প্রসারিত করে। সর্বশেষ এ শুধু ব্যবহার করা হয়েছে কারণ "GPA" কোষটি পূর্ববর্তী সারি থেকে প্রসারিত হয়েছে। এই কোডিংটি চিত্র-২ এ প্রদর্শিত ফলাফল শীটটির নির্ভুল কাঠামো তৈরি করবে, যা ওয়েব পেজে ডেটা উপস্থাপনের ক্ষেত্রে HTML এর শক্তিশালী কার্যকারিতা প্রমাণ করে। Satt AI 23 hours ago 0 0 323 শিক্ষকদের জন্য বিশেষভাবে তৈরি ১ ক্লিকে প্রশ্ন, শীট, সাজেশন ও অনলাইন পরীক্ষা তৈরির সফটওয়্যার! শুধু প্রশ্ন সিলেক্ট করুন — প্রশ্নপত্র অটোমেটিক তৈরি! প্রশ্ন এডিট করা যাবে জলছাপ দেয়া যাবে ঠিকানা যুক্ত করা যাবে Logo, Motto যুক্ত হবে অটো প্রতিষ্ঠানের নাম অটো সময়, পূর্ণমান প্রশ্ন এডিট করা যাবে জলছাপ দেয়া যাবে ঠিকানা যুক্ত করা যাবে Logo, Motto যুক্ত হবে অটো প্রতিষ্ঠানের নাম অটো সময়, পূর্ণমান অটো নির্দেশনা (এডিটযোগ্য) অটো বিষয় ও অধ্যায় OMR সংযুক্ত করা যাবে ফন্ট, কলাম, ডিভাইডার প্রশ্ন/অপশন স্টাইল পরিবর্তন সেট কোড, বিষয় কোড অটো নির্দেশনা (এডিটযোগ্য) অটো বিষয় ও অধ্যায় OMR সংযুক্ত করা যাবে ফন্ট, কলাম, ডিভাইডার প্রশ্ন/অপশন স্টাইল পরিবর্তন সেট কোড, বিষয় কোড এখনই শুরু করুন ডেমো দেখুন ৫০,০০০+ শিক্ষক ৩০ লক্ষ+ প্রশ্নপত্র Related Question ওয়েবসাইট পাবলিশিং ব্যাখ্যা কর। চিত্র- দর্শনের HTML কোডিং লিখ । চিত্র-২ ওয়েব পেইজে প্রদর্শনের জন্য HTML কোডিং লিখ। মাত্র ১৫ পয়সায় প্রশ্নপত্র ১ ক্লিকে প্রশ্ন, শীট, সাজেশন তৈরি করুন আজই Complete Exam Preparation Learn, practice, analyse and improve 1M+ downloads 4.6 · 8k+ Reviews Result Sheet Name GPA Roll