HTML

Example using colspan in html




Price per person (SGD) Adult Child Exn night per person/night (AI)
3rd Adult 2A1C Twin 3rd Pax Child ABC
BEACH BUNGALOW (3A/2A1C)
01 Nov-23 Dec 2014 1048 808 528 288 208 148
24 Dec-10 Jan 2015 1228 938 528 338 228 168
11 Jan-30 Apr 2015 1468 938 NA 438 248 NA
BEACH BUNGALOW (3A)
01 Nov-23 Dec 2014 1368 818 NA 378 198 NA
24 Dec-10 Jan 2015 1548 938 NA 438 248 NA
11 Jan-30 Apr 2015 1468 938 NA 438 248 NA


Output1:

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
padding: 5px;
margin: 10px;
font-weight:normal;
}
</style>

</head>
<body>
<table>
<tr>
<th colspan=”0″>Price per person (SGD)</th>
<th colspan=”2″>Adult</th>
<th colspan=”1″>Child</th>
<th colspan=”4″>Exn night per person/night (AI)</th>
</tr>
<tr>
<td></td>
<td>3rd Adult</td>
<td>2A1C</td>
<td>Twin</td>
<td>3rd Pax</td>
<td>Child </td>
<td>ABC </td>

</tr>
<td colspan=”7″><center><b>BEACH BUNGALOW (3A/2A1C)</b> </center>
</td>
<tr>
<td>01 Nov-23 Dec 2014</td>
<td>1048</td>
<td>808</td>
<td>528</td>
<td>288</td>
<td>208 </td>
<td>148 </td>
</tr>
<tr>
<td>24 Dec-10 Jan 2015</td>
<td>1228</td>
<td>938</td>
<td>528</td>
<td>338</td>
<td>228</td>
<td>168</td>
</tr>
<tr>
<td>11 Jan-30 Apr 2015</td>
<td>1468</td>
<td>938</td>
<td>NA</td>
<td>438</td>
<td>248</td>
<td>NA</td>
</tr>

<td colspan=”7″><center><b>BEACH BUNGALOW (3A)</b> </center>
</td>
<tr>
<td>01 Nov-23 Dec 2014</td>
<td>1368</td>
<td>818</td>
<td>NA</td>
<td>378</td>
<td>198</td>
<td>NA </td>
</tr>
<tr>
<td>24 Dec-10 Jan 2015</td>
<td>1548</td>
<td>938</td>
<td>NA</td>
<td>438</td>
<td>248</td>
<td>NA</td>
</tr>
<tr>
<td>11 Jan-30 Apr 2015</td>
<td>1468</td>
<td>938</td>
<td>NA</td>
<td>438</td>
<td>248</td>
<td>NA</td>
</tr>

 

</table>
</body>
</html>

 

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>

<table>
<tr>
<th colspan=”4″>Monthly Savings</th>

</tr>
<tr>
<td>January</td>
<td>$100</td>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>

 

 

Example2:

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>

<table>
<tr>
<th colspan=”3″>Exn night per person/night</th>

</tr>
<tr>
<td>Twin </td>
<td>3rd Pax </td>
<td>Child</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
<td>February</td>
</tr>
</table>
</body>
</html>

 

 

Example: 4 

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
padding: 5px;
margin: 10px;
}
</style>

</head>
<body>
<table>
<tr>
<th colspan=”0″>Price per person (SGD)</th>
<th colspan=”2″>Adult</th>
<th colspan=”1″>Child</th>
<th colspan=”3″>Exn night per person/night (AI)</th>
</tr>
<tr>
<td></td>
<td>3rd Adult</td>
<td>2A1C</td>
<td>Twin</td>
<td>3rd Pax</td>
<td>Child </td>

</tr>
<td colspan=”7″><center><b>BEACH BUNGALOW (3A/2A1C)</b> </center>
</td>
<tr>
<th colspan=”0″>Price per person (SGD)</th>
<th colspan=”2″>Adult</th>
<th colspan=”1″>Child</th>
<th colspan=”3″>Exn night per person/night (AI)</th>
</tr>
<tr>
<td></td>
<td>3rd Adult</td>
<td>2A1C</td>
<td>Twin</td>
<td>3rd Pax</td>
<td>Child </td>
</table>
</body>
</html>

 

Example:6

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
padding: 5px;
margin: 10px;
font-weight:normal;
}
</style>

</head>
<body>
<table>
<tr>
<th colspan=”0″>Price per person (SGD)</th>
<th colspan=”2″>Adult</th>
<th colspan=”1″>Child</th>
<th colspan=”3″>Exn night per person/night (AI)</th>
</tr>
<tr>
<td></td>
<td>3rd Adult</td>
<td>2A1C</td>
<td>Twin</td>
<td>3rd Pax</td>
<td>Child </td>

</tr>
<td colspan=”7″><center><b>BEACH BUNGALOW (3A/2A1C)</b> </center>
</td>
<tr>
<th colspan=”0″>Price per person (SGD)</th>
<th colspan=”2″>Adult</th>
<th colspan=”1″>Child</th>
<th colspan=”3″>Exn night per person/night (AI)</th>
</tr>
<tr>
<td></td>
<td>3rd Adult</td>
<td>2A1C</td>
<td>Twin</td>
<td>3rd Pax</td>
<td>Child </td>
</table>
</body>
</html>

 

Example: 7

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
padding: 5px;
margin: 10px;
font-weight:normal;
}
</style>

</head>
<body>
<table>
<tr>
<th colspan=”0″>Price per person (SGD)</th>
<th colspan=”2″>Adult</th>
<th colspan=”1″>Child</th>
<th colspan=”3″>Exn night per person/night (AI)</th>
</tr>
<tr>
<td></td>
<td>3rd Adult</td>
<td>2A1C</td>
<td>Twin</td>
<td>3rd Pax</td>
<td>Child </td>

</tr>
<td colspan=”7″><center><b>BEACH BUNGALOW (3A/2A1C)</b> </center>
</td>

<tr>
<td></td>
<td>3rd Adult</td>
<td>2A1C</td>
<td>Twin</td>
<td>3rd Pax</td>
<td>Child </td>
</table>
</body>
</html>

 

 

Example: Sample1 Finish

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
padding: 5px;
margin: 10px;
font-weight:normal;
}
</style>

</head>
<body>
<table>
<tr>
<th colspan=”0″>Price per person (SGD)</th>
<th colspan=”2″>Adult</th>
<th colspan=”1″>Child</th>
<th colspan=”4″>Exn night per person/night (AI)</th>
</tr>
<tr>
<td></td>
<td>3rd Adult</td>
<td>2A1C</td>
<td>Twin</td>
<td>3rd Pax</td>
<td>Child </td>
<td>ABC </td>

</tr>
<td colspan=”7″><center><b>BEACH BUNGALOW (3A/2A1C)</b> </center>
</td>
<tr>
<td>01 Nov-23 Dec 2014</td>
<td>1048</td>
<td>808</td>
<td>528</td>
<td>288</td>
<td>208 </td>
<td>148 </td>
</tr>
<tr>
<td>24 Dec-10 Jan 2015</td>
<td>1228</td>
<td>938</td>
<td>528</td>
<td>338</td>
<td>228</td>
<td>168</td>
</tr>
<tr>
<td>11 Jan-30 Apr 2015</td>
<td>1468</td>
<td>938</td>
<td>NA</td>
<td>438</td>
<td>248</td>
<td>NA</td>
</tr>

<td colspan=”7″><center><b>BEACH BUNGALOW (3A/2A1C)</b> </center>
</td>
<tr>
<td>01 Nov-23 Dec 2014</td>
<td>1048</td>
<td>808</td>
<td>528</td>
<td>288</td>
<td>208 </td>
<td>148 </td>
</tr>
<tr>
<td>24 Dec-10 Jan 2015</td>
<td>1228</td>
<td>938</td>
<td>528</td>
<td>338</td>
<td>228</td>
<td>168</td>
</tr>
<tr>
<td>11 Jan-30 Apr 2015</td>
<td>1468</td>
<td>938</td>
<td>NA</td>
<td>438</td>
<td>248</td>
<td>NA</td>
</tr>

 

</table>
</body>
</html>

 

BEACH BUNGALOW (3A/2A1C)
BEACH BUNGALOW (3A/2A1C)

Price per person (SGD) Adult Child Exn night per person/night (AI)
3rd Adult 2A1C Twin 3rd Pax Child ABC
01 Nov-23 Dec 2014 1048 808 528 288 208 148
24 Dec-10 Jan 2015 1228 938 528 338 228 168
11 Jan-30 Apr 2015 1468 938 NA 438 248 NA
01 Nov-23 Dec 2014 1048 808 528 288 208 148
24 Dec-10 Jan 2015 1228 938 528 338 228 168
11 Jan-30 Apr 2015 1468 938 NA 438 248 NA

 

Add your comments

Loading Facebook Comments ...
Loading Disqus Comments ...