Creating HTML Table using CSS efffects [duplicate] - html

Question

This question already has answers here:
How do you use colspan and rowspan in HTML tables?
(11 answers)
Closed 5 years ago.
I'm developing a webpage where I want to insert a table as seen in the image. I know how to use HTML tables, but I'm confused of creating this. I tried a lot to do this, but they are not working as I want. Please If some one could give me a guidance to develop this table I really appreciate it.
<table class="table table-bordered table-responsive" style="border-collapse: collapse; text-align: center; float: right;" border="1">
<tbody>
<tr>
<td></td>
<td style="text-align: center;" colspan="2">Table Data</td>
</tr>
<tr>
<th>Type </th>
<th>Orders<br />Phone/Fax/Email/Post</th>
<th>Number</th>
</tr>
</tbody>
<tbody>
<tr>
<td>Type 1</td>
<td>Order 1</td>
<td>Num 1</td>
</tr>
<tr>
<td>Type 2</td>
<td>Order 2</td>
<td>Num 2</td>
</tr>
<tr>
<td>Type 3</td>
<td>Order 3</td>
<td>Num 3</td>
</tr>
<tr>
<td>Type 4</td>
<td>Order 4</td>
<td>Num 4</td>
</tr>
<tr>
<td>Type 5</td>
<td>Order 5</td>
<td>Num 5</td>
</tr>
</tbody>
</table>
This does not give my desired output

Answer 1

File
Save as
choose filename
change file type to HTML Page
inspect HTML
If you want to handcraft this table have a look at colspan and rowspan or this SO question