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

এইচটিএমএল টেবিল-১

HTML
<html>
    <head>
        <title>HTML Table</title>
    </head>
    <body>
        <table border="1" width="100%">
            <tr>
                <th> Roll </th>
                <th> Name  </th>
                <th> Age </th>
            </tr>
            <tr>
                <td> 01</td>
                <td> Akash</td>
                <td> 25</td>
            </tr>
            <tr>
                <td> 02</td>
                <td> Rabbi</td>
                <td>35</td>
            </tr>
        </table>
    </body>
</html>
ভিডিও সমাধান

ময়মনসিংহ বোর্ড-২০২৪

HTML
<!DOCTYPE html>
<html>
<head>
    <title>HTML Table</title>
</head>
<body>
    <table border="1" width="100%">
        <tr>
            <td>Pipilika</td>
            <td>Bangladesh.jpg</td>
        </tr>
        <tr>
            <td colspan="2" align="center"> NCTB </td>
        </tr>
        <tr>
            <td> H<sub>2</sub>O </td>
            <td align="center">A<sup>-m</sup></td>
        </tr>
    </table>
</body>
</html>

যশোর বোর্ড-২০২৪

HTML
<!DOCTYPE html>
<html>
<head>
    <title>HTML Table</title>
</head>
<body>
    <table border="1" width="100%">
        <tr>
            <td> 
                <ul type="circle">
                    <li> A 
                        <ul type="disc">
                            <li> X </li>
                            <li> Y </li>
                        </ul>
                    </li>
                    <li> B 
                        <ul>
                            <li> Z </li>
                        </ul>
                    </li>
                </ul>
            </td>
            <td align="center"> log<sub>10</sub>X<sup>2</sup> </td>
        </tr>
    </table>
</body>
</html>

চট্টগ্রাম বোর্ড – ২০২৪

HTML
<!DOCTYPE html>
<html>
<head>
    <title>HTML Table</title>
</head>
<body>
    <table border="1" width="100%">
        <tr>
            <td colspan="2" align="center"> A </td>
        </tr>
        <tr>
            <td rowspan="2" align="center"> B </td>
            <td align="center"> C </td>
        </tr>
        <tr>
            <td align="center"> D </td>
        </tr>
    </table>
</body>
</html>

কুমিল্লা বোর্ড-২০২৪

HTML
<!DOCTYPE html>
<html>
<head>
    <title>HTML Table</title>
</head>
<body>
    <table border="1" width="100%">
        <tr>
            <td colspan="3" align="center"> Bangladesh </td>
        </tr>
        <tr>
            <td rowspan="3" align="center"> 
                <img src="x.jpg" width="90" height="60"> 
            </td>
            <td align="center"> X Division </td>
        </tr>
        <tr>
            <td align="center"> M </td>
            <td align="center"> S </td>
        </tr>
        <tr>
            <td align="center">H</td>
            <td> <br> </td>
        </tr>
    </table>
</body>
</html>

বরিশাল বোর্ড-২০২৪

HTML
<!DOCTYPE html>
<html>
<head>
    <title>HTML Table</title>
</head>
<body>
    <table border="1" width="100%">
        <caption>Result Sheet</caption>
        <tr>
            <th> Sub </th>
            <th>Roll</th>
            <th>Marks</th>
        </tr>
        <tr>
            <td rowspan="4" align="center">ICT</td>
            <td align="center">A1</td>
            <td align="center">50</td>
        </tr>
        <tr>
            <td align="center">A2</td>
            <td align="center">72</td>
        </tr>
        <tr>
            <td align="center">A3</td>
            <td align="center">68</td>
        </tr>
        <tr>
            <td align="center">A4</td>
            <td align="center">75</td>
        </tr>
    </table>
</body>
</html>