How to draw table [closed] - html

Question

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Bear with me very new to html and css. I can draw normal table but not like this I have mentioned.

Answer 1

I'll throw you a bone since you say you're new.
table, td {
border:1px solid #999;
}
<table>
<tr>
<td rowspan="2"> </td>
<td colspan="4"> </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

Answer 2

You need to use rowspan & colspan properties in the elements. For e.g
To draw a structure like this :
The code will be
<table class="" border=1px style="width: 40%">
<tr>
<td rowspan="2" colspan="2">Puma</td>
<td colspan="4">adidas</td>
</tr>
<tr>
<td colspan="4">superdry</td>
</tr>
<tr>
<td rowspan="2"> john player </td>
<td rowspan="2"> biba </td>
<td rowspan="2"> bagit </td>
<td> jack&jones </td>
</tr>
<tr>
<td> peter england </td>
</tr>
<tr>
<td rowspan="2"> us polo </td>
<td rowspan="2"> Global desi </td>
<td rowspan="2"> levis </td>
<td rowspan="2"> spykar </td>
</tr>
</table>
[1]: http://i.stack.imgur.com/Y9TTK.png

Answer 3

There are parameters called "rowspan" and "colspan" which give you what you are looking for.
http://www.w3schools.com/Html/tryit.asp?filename=tryhtml_table_span