কম্পিউটার

কিভাবে HTML এ টেবিল শিরোনাম তৈরি করবেন?


একটি শিরোনাম তৈরি করতে HTML এ ট্যাগটি ব্যবহার করুন৷ HTML ট্যাগটি টেবিলের মধ্যে হেডার সেল বা টেবিল হেডার নির্দিষ্ট করার জন্য ব্যবহার করা হয়।

নিম্নলিখিত বৈশিষ্ট্যগুলি −

অ্যাট্রিবিউট
মান
বিবরণ
abbr
সংক্ষেপিত_পাঠ্য
অপ্রচলিত - একটি শিরোনাম কক্ষে বিষয়বস্তুর একটি সংক্ষিপ্ত সংস্করণ নির্দিষ্ট করে৷
সারিবদ্ধ
ডান
বাম
কেন্দ্র
ন্যায্যতা
চর
অপ্রচলিত - হেডার কক্ষে বিষয়বস্তু প্রান্তিককরণ।
অক্ষ
নাম
অপ্রচলিত − এই জন্য একটি বিভাগ নির্দিষ্ট করে।
bgcolor
rgb(x,x,x)
#হেক্সকোড
রঙের নাম
অপ্রচলিত - হেডার ঘরের পটভূমির রঙ নির্দিষ্ট করে।
char
অক্ষর
অপ্রচলিত কোন অক্ষর টেক্সট সারিবদ্ধ করতে হবে তা নির্দিষ্ট করে। সারিবদ্ধ করার সময় ব্যবহৃত হয় ="char"
চারফ
পিক্সেল বা %
অপ্রচলিত − প্রথম অক্ষরের বিপরীতে একটি অ্যালাইনমেন্ট অফসেট (হয় পিক্সেল বা শতাংশ মান) নির্দিষ্ট করে যেমন char বৈশিষ্ট্যের সাথে নির্দিষ্ট করা হয়েছে। সারিবদ্ধ করার সময় ব্যবহৃত হয় ="char"
colspan
সংখ্যা
শিরোনাম কক্ষটি জুড়ে বিস্তৃত কলামের সংখ্যা নির্দিষ্ট করে৷
হেডার
আইডি
কোন সেল সম্পর্কিত এক বা একাধিক হেডার সেল নির্দিষ্ট করে৷
উচ্চতা
পিক্সেল
অপ্রচলিত - হেডার ঘরের উচ্চতা নির্দিষ্ট করে।
nowrap
নওর্যাপ
অপ্রচলিত - পাঠ্যকে স্বয়ংক্রিয়ভাবে মোড়ানো থেকে বাধা দেয়।
সারি স্প্যান
সারি স্প্যান
শিরোনাম কক্ষটি জুড়ে বিস্তৃত সারিগুলির সংখ্যা নির্দিষ্ট করে৷
স্কোপ
col
কোলগ্রুপ
সারি
সারি গ্রুপ
এই অ্যাট্রিবিউটটি হেডার সেলগুলিতে ব্যবহার করা হয় এবং এই হেডারের তথ্য ব্যবহার করবে এমন কক্ষগুলিকে নির্দিষ্ট করে৷
valign
শীর্ষ
মধ্যম
নীচে
ভিত্তিরেখা
অপ্রচলিত - উল্লম্ব প্রান্তিককরণ।
প্রস্থ
পিক্সেল বা %
অপ্রচলিত - হেডার ঘরের প্রস্থ নির্দিষ্ট করে

উদাহরণ

আপনি HTML-এ টেবিল শিরোনাম কীভাবে তৈরি করবেন তা শিখতে নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন -

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
         }
      </style>
   </head>
   <body>
      <h3>Result</h3>

      <table>
         <th>Marks</th>
         <th>Student</th>

         <tr>
            <td>600</td>
            <td>Amit</td>
         </tr>
         <tr>
            <td>400</td>
            <td>Anil</td>
         </tr>
      </table>

   </body>
</html>

  1. কিভাবে HTML এ একটি অর্ডার করা তালিকা তৈরি করবেন?

  2. কিভাবে HTML এ শর্তসাপেক্ষ মন্তব্য তৈরি করবেন?

  3. কিভাবে HTML এ লুকানো মন্তব্য তৈরি করবেন?

  4. কিভাবে HTML দিয়ে একটি গ্রন্থপঞ্জি তৈরি করবেন?