Question

Write the html code to create tables as shown below (Only Part A And B) :

Answer 1

Paste the below mentioned code in any HTML editor and preview you will get the same tables as in the image.

Table (a) HTML CODE:-

<table dir="rtl" border="1" cellspacing="3" cellpadding="3" >  

<tbody>

<tr>

<td><p>3</p></td>

<td rowspan="2"><p>2</p></td>

<td><p>1</p></td>

</tr>

<tr>

<td><p>6</p></td>

<td><p>4</p></td>

</tr>

<tr>

<td><p>9</p></td>

<td><p>8</p></td>

<td><p>7</p></td>

</tr>

</tbody>

</table>

Table (b) HTML CODE:-

<table dir="rtl" border="1" cellspacing="2" cellpadding="2" >  

<tbody>

<tr>

<td><p>B</p></td>

<td><p>A</p></td>

<td colspan="3"><p><b>TITLE GOES HERE</b></p></td>

</tr>

<tr>

<td><p>G</p></td>

<td><p>F</p></td>

<td><p>E</p></td>

<td><p>D</p></td>

<td rowspan="3"><p>C</p></td>

</tr>

<tr>

<td rowspan="2"><p>J</p></td>

<td colspan="2"><p>I</p></td>

<td><p>H</p></td>

</tr>

<tr>

<td><p>M</p></td>

<td><p>L</p></td>

<td><p>K</p></td>

</tr>

<tr>

<td colspan="4"><p>O</p></td>

<td><p>N</p></td>

</tr>

</tbody>

</table>