কম্পিউটার টিউটোরিয়াল

HTML-এ টেবিল সেলের প্রস্থ ও উচ্চতা সেট করা


HTML5-এ <td> সেলের height এবং width অ্যাট্রিবিউট সমর্থিত নয়। সেলের প্রস্থ ও উচ্চতা সেট করতে CSS width এবং height প্রোপার্টি ব্যবহার করতে হয়।

মনে রাখবেন, style অ্যাট্রিবিউট ব্যবহার করলে গ্লোবালি সেট করা যেকোনো স্টাইল ওভাররাইড হয়। এতে HTML <style> ট্যাগ বা এক্সটার্নাল স্টাইলশিটের স্টাইলও প্রভাবিত হয়।

HTML-এ টেবিল সেলের প্রস্থ ও উচ্চতা সেট করা

নিচের উদাহরণে <style> ট্যাগ এবং style অ্যাট্রিবিউট ব্যবহার করে টেবিল সেলের প্রস্থ ও উচ্চতা সেট করা দেখানো হলো:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          table, th, td {             border: 1px solid black;          }       </style>    </head>        <body>       <h1>টিউটোরিয়াল</h1>       <table>          <tr>             <th>ভাষা</th>             <th>লেসন</th>          </tr>          <tr>             <td style="height:100px;width:100px">জাভা</td>             <td style="height:100px;width:100px">৫০</td>          </tr>          <tr>             <td>রুবি</td>             <td>৪০</td>          </tr>          </table>    </body> </html>

  1. HTML-এ height এবং width অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?

  2. HTML-এ একটি এলিমেন্টের প্রস্থ কীভাবে সেট করবেন?

  3. HTML DOM Style width প্রোপার্টি

  4. HTML DOM Style height প্রপার্টি