কিভাবে আমরা HTML এ একটি টেবিল সেল প্রদর্শন করব

e ট্যাগটি একটি টেবিল ঘর প্রদর্শন করতে। HTML ট্যাগটি একটি টেবিলের মধ্যে একটি সেল বা টেবিল ডেটা নির্দিষ্ট করার জন্য ব্যবহৃত হয়৷

এটি নিম্নলিখিত বৈশিষ্ট্যগুলিকে সমর্থন করে −

৷ ৷ ৷ হলে ব্যবহৃত হয় হলে ব্যবহৃত হয় ৷ ৷

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