HTML
Hypertext Markup Language
| a1 | a2 | a5 | a7 | a8 | |||
| b1 | b2 | b3 | b7 | b8 | |||
| c2 | c3 | c4 | c8 | ||||
| d3 | d4 | ||||||
| e1 | |||||||
| f1 | f6 | f7 | |||||
| g6 | g7 | ||||||
Source Code HTML
HTML Code of the above Diagram
<html>
<head>
<title>table</title>
</head>
<body>
<table border="1" cellpadding = "0" cellspacing = "0" width = "400" height = "400" align = "center" bgcolor = "#F46355" >
<tr>
<td align = "center" valign = "middle" bgcolor="#2684b5">a1</td>
<td colspan = "3" align = "center" valign = "middle" bgcolor="#8e9eab">a2</td>
<td rowspan = "4" align = "center" valign = "middle" bgcolor="#c5796d" >a5</td>
<td align = "center" valign = "middle" bgcolor="#fc88a4"> a7</td>
<td align = "center" valign = "middle" bgcolor="#60a0ff">a8</td>
</tr>
<tr>
<td rowspan = "3" align = "center" valign = "middle" bgcolor="#A4508B">b1</td>
<td align = "center" valign = "middle" bgcolor="#3ebee"> b2</td>
<td colspan = "2" align = "center" valign = "middle" bgcolor="#c779d0">b3</td>
<td rowspan ="3" align = "center" valign = "middle" bgcolor="#44a08d">b7</td>
<td align = "center" valign = "middle" bgcolor="#a04f45">b8</td>
</tr>
<tr>
<td rowspan = "2" align = "center" valign = "middle" bgcolor="#fc88a4">c2</td>
<td align = "center" valign = "middle" bgcolor="#734b6d">c3</td>
<td align = "center" valign = "middle" bgcolor="#EF629F">c4</td>
<td rowspan = "2" align = "center" valign = "middle" bgcolor="#ff99ff">c8</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor="#9a8478">d3</td>
<td align = "center" valign = "middle" bgcolor="#2684b5">d4</td>
</tr>
<tr>
<td colspan = "7" align = "center" valign = "middle" bgcolor="#73C8A9">e1</td>
</tr>
<tr>
<td colspan = "4" rowspan = "2" align = "center" valign = "middle" bgcolor="#667db6">f1</td>
<td align = "center" valign = "middle" bgcolor="#ffb660">f6</td>
<td colspan = "2" align = "center" valign = "middle" bgcolor="#26a0da"> f7</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor="#a2ab58">g6</td>
<td colspan = "2" align = "center" valign = "middle" bgcolor="#C06C84">g7</td>
</tr>
</table>
</body>
</html>
<head>
<title>table</title>
</head>
<body>
<table border="1" cellpadding = "0" cellspacing = "0" width = "400" height = "400" align = "center" bgcolor = "#F46355" >
<tr>
<td align = "center" valign = "middle" bgcolor="#2684b5">a1</td>
<td colspan = "3" align = "center" valign = "middle" bgcolor="#8e9eab">a2</td>
<td rowspan = "4" align = "center" valign = "middle" bgcolor="#c5796d" >a5</td>
<td align = "center" valign = "middle" bgcolor="#fc88a4"> a7</td>
<td align = "center" valign = "middle" bgcolor="#60a0ff">a8</td>
</tr>
<tr>
<td rowspan = "3" align = "center" valign = "middle" bgcolor="#A4508B">b1</td>
<td align = "center" valign = "middle" bgcolor="#3ebee"> b2</td>
<td colspan = "2" align = "center" valign = "middle" bgcolor="#c779d0">b3</td>
<td rowspan ="3" align = "center" valign = "middle" bgcolor="#44a08d">b7</td>
<td align = "center" valign = "middle" bgcolor="#a04f45">b8</td>
</tr>
<tr>
<td rowspan = "2" align = "center" valign = "middle" bgcolor="#fc88a4">c2</td>
<td align = "center" valign = "middle" bgcolor="#734b6d">c3</td>
<td align = "center" valign = "middle" bgcolor="#EF629F">c4</td>
<td rowspan = "2" align = "center" valign = "middle" bgcolor="#ff99ff">c8</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor="#9a8478">d3</td>
<td align = "center" valign = "middle" bgcolor="#2684b5">d4</td>
</tr>
<tr>
<td colspan = "7" align = "center" valign = "middle" bgcolor="#73C8A9">e1</td>
</tr>
<tr>
<td colspan = "4" rowspan = "2" align = "center" valign = "middle" bgcolor="#667db6">f1</td>
<td align = "center" valign = "middle" bgcolor="#ffb660">f6</td>
<td colspan = "2" align = "center" valign = "middle" bgcolor="#26a0da"> f7</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor="#a2ab58">g6</td>
<td colspan = "2" align = "center" valign = "middle" bgcolor="#C06C84">g7</td>
</tr>
</table>
</body>
</html>
| a1 | ||||
| b1 | b2 | |||
| c1 | c2 | c3 | c4 | |
| d3 | d4 | d5 | ||
| e4 | e5 | |||
| f2 | f3 | |||
Source Code HTML
HTML Code of the above Diagram
<html>
<head>
<title>table</title>
</head>
<body>
<table border="1" cellpadding = "0" cellspacing = "0" width = "400" height = "400" align = "center" bgcolor = "#F46355">
<tr>
<td colspan = "5" align = "center" valign = "middle" bgcolor="#c779d0" >a1 </td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor="#ffd194" >b1</td>
<td colspan = "4" align = "center" valign = "middle" bgcolor="#ffafbd" >b2</td>
</tr>
<tr>
<td rowspan = "4" align = "center" valign = "middle" bgcolor="#870000" >c1</td>
<td rowspan = "3" align = "center" valign = "middle" bgcolor="#f2709c" >c2</td>
<td align = "center" valign = "middle" bgcolor="#5d4157" >c3</td>
<td colspan = "2" align = "center" valign = "middle" bgcolor="#60a0ff" >c4 </td>
</tr>
<tr>
<td rowspan = "2" align = "center" valign = "middle" bgcolor="#44a08d" > d3</td>
<td align = "center" valign = "middle" bgcolor="#9a8478" > d4</td>
<td align = "center" valign= "middle" bgcolor="#d38312" >d5</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor="#ff9472" >e4</td>
<td align = "center" valign = "middle" bgcolor="#2684b5" > e5</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor="#667db6" > f2</td>
<td colspan = "3" align ="center" valign = "middle" bgcolor="#C06C84" >f3</td>
</tr>
</table>
</body>
</html>
<head>
<title>table</title>
</head>
<body>
<table border="1" cellpadding = "0" cellspacing = "0" width = "400" height = "400" align = "center" bgcolor = "#F46355">
<tr>
<td colspan = "5" align = "center" valign = "middle" bgcolor="#c779d0" >a1 </td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor="#ffd194" >b1</td>
<td colspan = "4" align = "center" valign = "middle" bgcolor="#ffafbd" >b2</td>
</tr>
<tr>
<td rowspan = "4" align = "center" valign = "middle" bgcolor="#870000" >c1</td>
<td rowspan = "3" align = "center" valign = "middle" bgcolor="#f2709c" >c2</td>
<td align = "center" valign = "middle" bgcolor="#5d4157" >c3</td>
<td colspan = "2" align = "center" valign = "middle" bgcolor="#60a0ff" >c4 </td>
</tr>
<tr>
<td rowspan = "2" align = "center" valign = "middle" bgcolor="#44a08d" > d3</td>
<td align = "center" valign = "middle" bgcolor="#9a8478" > d4</td>
<td align = "center" valign= "middle" bgcolor="#d38312" >d5</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor="#ff9472" >e4</td>
<td align = "center" valign = "middle" bgcolor="#2684b5" > e5</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor="#667db6" > f2</td>
<td colspan = "3" align ="center" valign = "middle" bgcolor="#C06C84" >f3</td>
</tr>
</table>
</body>
</html>
| a1 | ||
| b1 | ||
| c1 | c2 | c3 |
Source Code HTML
HTML Code of the above Diagram
<html>
<head>
<title>table</title>
</head>
<body>
<table border = "1" cellpadding = "0" cellspacing = "0" width = "500" height = "400" align = "center" bgcolor = "#F46355" >
<tr>
<td colspan = "3" align = "center" valign = "middle" bgcolor = "#667db6" >a1</td>
</tr>
<tr>
<td colspan = "3" align = "center" valign = "middle" bgcolor = "#be93c5" >b1</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#a2ab58" >c1</td>
<td align = "center" valign = "middle" bgcolor = "#C9AF94" >c2</td>
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >c3</td>
</tr>
</table>
</body>
</html>
<head>
<title>table</title>
</head>
<body>
<table border = "1" cellpadding = "0" cellspacing = "0" width = "500" height = "400" align = "center" bgcolor = "#F46355" >
<tr>
<td colspan = "3" align = "center" valign = "middle" bgcolor = "#667db6" >a1</td>
</tr>
<tr>
<td colspan = "3" align = "center" valign = "middle" bgcolor = "#be93c5" >b1</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#a2ab58" >c1</td>
<td align = "center" valign = "middle" bgcolor = "#C9AF94" >c2</td>
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >c3</td>
</tr>
</table>
</body>
</html>
| a1 | a2 | a3 | a4 | |
| b3 | b4 | b5 | ||
| c4 | c5 | |||
| d1 | d2 | d3 | d4 | |
| e1 | e2 | |||
Source Code HTML
HTML Code of the above Diagram
<html>
<head>
<title>table</title>
</head>
<body>
<table border = "1" cellpadding = "0" cellspacing = "0" width = "500" height = "400" align = "center" bgcolor = "#F46355" >
<tr>
<td align = "center" valign = "middle" bgcolor = "#3fada8" rowspan = "3">a1</td>
<td align = "center" valign = "middle" bgcolor = "#904e95" rowspan = "3">a2</td>
<td align = "center" valign = "middle" bgcolor = "#aa3a38" >a3</td>
<td align = "center" valign = "middle" bgcolor = "#d39d38" colspan = "2">a4</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#928dab" rowspan = "2">b3</td>
<td align = "center" valign = "middle" bgcolor = "#786D5F" >b4</td>
<td align = "center" valign = "middle" bgcolor = "#5E5A80" >b5</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#E56E94" >c4</td>
<td align = "center" valign = "middle" bgcolor = "#ffa17f" >c5</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#d1913c" >d1</td>
<td align = "center" valign = "middle" bgcolor = "#be5869" >d2</td>
<td rowspan = "2" align = "center" valign = "middle" bgcolor = "#c779d0" >d3</td>
<td rowspan = "2" colspan = "2" align = "center" valign = "middle" bgcolor = "#4b79a1" >d4</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#0b8793" >e1</td>
<td align = "center" valign = "middle" bgcolor = "#757519" >e2</td>
</tr>
</table>
</body>
</html>
<head>
<title>table</title>
</head>
<body>
<table border = "1" cellpadding = "0" cellspacing = "0" width = "500" height = "400" align = "center" bgcolor = "#F46355" >
<tr>
<td align = "center" valign = "middle" bgcolor = "#3fada8" rowspan = "3">a1</td>
<td align = "center" valign = "middle" bgcolor = "#904e95" rowspan = "3">a2</td>
<td align = "center" valign = "middle" bgcolor = "#aa3a38" >a3</td>
<td align = "center" valign = "middle" bgcolor = "#d39d38" colspan = "2">a4</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#928dab" rowspan = "2">b3</td>
<td align = "center" valign = "middle" bgcolor = "#786D5F" >b4</td>
<td align = "center" valign = "middle" bgcolor = "#5E5A80" >b5</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#E56E94" >c4</td>
<td align = "center" valign = "middle" bgcolor = "#ffa17f" >c5</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#d1913c" >d1</td>
<td align = "center" valign = "middle" bgcolor = "#be5869" >d2</td>
<td rowspan = "2" align = "center" valign = "middle" bgcolor = "#c779d0" >d3</td>
<td rowspan = "2" colspan = "2" align = "center" valign = "middle" bgcolor = "#4b79a1" >d4</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#0b8793" >e1</td>
<td align = "center" valign = "middle" bgcolor = "#757519" >e2</td>
</tr>
</table>
</body>
</html>
| a1 | a4 | ||||
| b4 | b5 | ||||
| c5 | c6 | ||||
| d1 | d3 | ||||
| e1 | e2 | ||||
| f2 | |||||
| g1 | g5 | g6 | |||
| h1 | h2 | h4 | h6 | ||
| i1 | i2 | i3 | i6 | ||
Source Code HTML
HTML Code of the above Diagram
<html>
<head>
<title>table </title>
</head>
<body>
<table border="1" cellpadding = "0" cellspacing = "0" width = "400" height = "400" align = "center" bgcolor = "#F46355">
<tr>
<td colspan = "3" rowspan = "3" align = "center" valign = "middle" bgcolor = "#CC66CC" >a1</td> <td colspan = "3" align = "center" valign = "middle" bgcolor = "#757f9a" >a4</td>
</tr>
<tr>
<td rowspan = "2" align = "center" valign = "middle" bgcolor = "#71637D" >b4</td> <td colspan = "2" align = "center" valign = "middle" bgcolor = "#9D6B84" >b5</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#B3432B" >c5</td> <td align = "center" valign = "middle" bgcolor = "#5C246E" >c6</td>
</tr>
<tr>
<td colspan = "2" align = "center" valign = "middle" bgcolor = "#5E5A80" >d1</td> <td colspan = "4" rowspan = "3" align = "center" valign = "middle" bgcolor = "#8080ff" > d3</td>
</tr>
<tr>
<td rowspan = "2" align = "center" valign = "middle" bgcolor = "#9a8478" >e1</td> <td align = "center" valign = "middle" bgcolor = "#86C67C" >e2</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#8B3A62" >f2</td>
</tr>
<tr>
<td colspan = "4" align = "center" valign = "middle" bgcolor = "#5499C7" >g1</td> <td align = "center" valign = "middle" bgcolor = "#878787" >g5</td> <td align = "center" valign = "middle" bgcolor = "#E56E94" >g6</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#ffa17f" >h1</td> <td colspan = "2" align = "center" valign = "middle" bgcolor = "#8B668B" >h2</td> <td colspan = "2" rowspan = "2" align = "center" valign = "middle" bgcolor = "#94716b" >h4</td> <td align = "center" valign = "middle" bgcolor = "#6D9BF1" >h6</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#B3432B" >i1</td> <td align = "center" valign = "middle" bgcolor = "#6D9BF1" >i2</td> <td align = "center" valign = "middle" bgcolor = "#FF6EB4" >i3</td> <td align = "center" valign = "middle" bgcolor = "#CFB53B" >i6</td>
</tr>
</table>
</body>
</html>
<head>
<title>table </title>
</head>
<body>
<table border="1" cellpadding = "0" cellspacing = "0" width = "400" height = "400" align = "center" bgcolor = "#F46355">
<tr>
<td colspan = "3" rowspan = "3" align = "center" valign = "middle" bgcolor = "#CC66CC" >a1</td> <td colspan = "3" align = "center" valign = "middle" bgcolor = "#757f9a" >a4</td>
</tr>
<tr>
<td rowspan = "2" align = "center" valign = "middle" bgcolor = "#71637D" >b4</td> <td colspan = "2" align = "center" valign = "middle" bgcolor = "#9D6B84" >b5</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#B3432B" >c5</td> <td align = "center" valign = "middle" bgcolor = "#5C246E" >c6</td>
</tr>
<tr>
<td colspan = "2" align = "center" valign = "middle" bgcolor = "#5E5A80" >d1</td> <td colspan = "4" rowspan = "3" align = "center" valign = "middle" bgcolor = "#8080ff" > d3</td>
</tr>
<tr>
<td rowspan = "2" align = "center" valign = "middle" bgcolor = "#9a8478" >e1</td> <td align = "center" valign = "middle" bgcolor = "#86C67C" >e2</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#8B3A62" >f2</td>
</tr>
<tr>
<td colspan = "4" align = "center" valign = "middle" bgcolor = "#5499C7" >g1</td> <td align = "center" valign = "middle" bgcolor = "#878787" >g5</td> <td align = "center" valign = "middle" bgcolor = "#E56E94" >g6</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#ffa17f" >h1</td> <td colspan = "2" align = "center" valign = "middle" bgcolor = "#8B668B" >h2</td> <td colspan = "2" rowspan = "2" align = "center" valign = "middle" bgcolor = "#94716b" >h4</td> <td align = "center" valign = "middle" bgcolor = "#6D9BF1" >h6</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#B3432B" >i1</td> <td align = "center" valign = "middle" bgcolor = "#6D9BF1" >i2</td> <td align = "center" valign = "middle" bgcolor = "#FF6EB4" >i3</td> <td align = "center" valign = "middle" bgcolor = "#CFB53B" >i6</td>
</tr>
</table>
</body>
</html>
| a1 | a4 | a5 | a6 | a7 | ||||
| b6 | b7 | |||||||
| c1 | c2 | c3 | c4 | c6 | ||||
| d1 | d2 | |||||||
| e1 | e3 | e4 | e6 | e7 | ||||
| f6 | f7 | |||||||
| g7 | ||||||||
| h1 | h3 | h4 | h6 | h7 | ||||
| i3 | i4 | |||||||
Source Code HTML
HTML Code of the above Diagram
<html>
<head>
<title>table</title>
</head>
<body>
<table border="1" cellpadding = "0" cellspacing = "0" width = "400" height = "400" align = "center" bgcolor = "#F46355">
<tr>
<td colspan = "5" rowspan = "2" align = "center" valign = "middle" bgcolor = "#6D9BF1" >a1</td> <td rowspan = "2" align = "center" valign = "middle" bgcolor = "#d6a4a4" >a4</td> <td rowspan = "2" align = "center" valign = "middle" bgcolor = "#859398" >a5</td> <td align = "center" valign = "middle" bgcolor = "#8ca6db" >a6</td> <td align = "center" valign = "middle" bgcolor = "#9a8478" >a7</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >b6</td> <td align = "center" valign = "middle" bgcolor = "#ffb660" >b7</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#999966" >c1</td> <td align = "center" valign = "middle" bgcolor = "#49a09d" >c2</td> <td colspan = "3" rowspan = "2" align = "center" valign = "middle" bgcolor = "#f2709c" >c3</td> <td colspan = "2" rowspan = "2" align = "center" valign = "middle" bgcolor = "#6b6b83" >c4</td> <td colspan = "2" rowspan = "2" align = "center" valign = "middle" bgcolor = "#2684b5" >c6</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#3d7eaa" >d1</td> <td align = "center" valign = "middle" bgcolor = "#8B3A62" >d2</td>
</tr>
<tr>
<td colspan ="3" rowspan = "3" align = "center" valign = "middle" bgcolor = "#CC66CC" >e1</td> <td colspan = "2" rowspan = "3" align = "center" valign = "middle" bgcolor = "#B3432B" >e3</td> <td colspan = "2" rowspan = "5" align = "center" valign = "middle" bgcolor = "#9D6B84" >e4</td> <td align = "center" valign = "middle" bgcolor = "#71b280" >e6</td> <td align = "center" valign = "middle" bgcolor = "#516395" >e7</td>
</tr>
<tr>
<td rowspan = "2" align = "center" valign = "middle" bgcolor = "#9bc5c3" >f6 </td> <td align = "center" valign = "middle" bgcolor = "#9a8478" >f7</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#5d4157" >g7</td>
</tr>
<tr>
<td colspan = "3" rowspan = "2" align = "center" valign = "middle" bgcolor = "#536976" >h1</td> <td align = "center" valign = "middle" bgcolor = "#71637D" >h3</td> <td align = "center" valign = "middle" bgcolor = "#86C67C" >h4</td> <td rowspan = "2" align = "center" valign = "middle" bgcolor = "#5C246E" >h6</td> <td rowspan = "2" align = "center" valign = "middle" bgcolor = "#CFB53B" >h7</td> </tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#8B3A62" >i3</td> <td align = "center" valign = "middle" bgcolor = "#E56E94" >i4</td> </tr>
</table>
</body>
</html>
<head>
<title>table</title>
</head>
<body>
<table border="1" cellpadding = "0" cellspacing = "0" width = "400" height = "400" align = "center" bgcolor = "#F46355">
<tr>
<td colspan = "5" rowspan = "2" align = "center" valign = "middle" bgcolor = "#6D9BF1" >a1</td> <td rowspan = "2" align = "center" valign = "middle" bgcolor = "#d6a4a4" >a4</td> <td rowspan = "2" align = "center" valign = "middle" bgcolor = "#859398" >a5</td> <td align = "center" valign = "middle" bgcolor = "#8ca6db" >a6</td> <td align = "center" valign = "middle" bgcolor = "#9a8478" >a7</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >b6</td> <td align = "center" valign = "middle" bgcolor = "#ffb660" >b7</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#999966" >c1</td> <td align = "center" valign = "middle" bgcolor = "#49a09d" >c2</td> <td colspan = "3" rowspan = "2" align = "center" valign = "middle" bgcolor = "#f2709c" >c3</td> <td colspan = "2" rowspan = "2" align = "center" valign = "middle" bgcolor = "#6b6b83" >c4</td> <td colspan = "2" rowspan = "2" align = "center" valign = "middle" bgcolor = "#2684b5" >c6</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#3d7eaa" >d1</td> <td align = "center" valign = "middle" bgcolor = "#8B3A62" >d2</td>
</tr>
<tr>
<td colspan ="3" rowspan = "3" align = "center" valign = "middle" bgcolor = "#CC66CC" >e1</td> <td colspan = "2" rowspan = "3" align = "center" valign = "middle" bgcolor = "#B3432B" >e3</td> <td colspan = "2" rowspan = "5" align = "center" valign = "middle" bgcolor = "#9D6B84" >e4</td> <td align = "center" valign = "middle" bgcolor = "#71b280" >e6</td> <td align = "center" valign = "middle" bgcolor = "#516395" >e7</td>
</tr>
<tr>
<td rowspan = "2" align = "center" valign = "middle" bgcolor = "#9bc5c3" >f6 </td> <td align = "center" valign = "middle" bgcolor = "#9a8478" >f7</td>
</tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#5d4157" >g7</td>
</tr>
<tr>
<td colspan = "3" rowspan = "2" align = "center" valign = "middle" bgcolor = "#536976" >h1</td> <td align = "center" valign = "middle" bgcolor = "#71637D" >h3</td> <td align = "center" valign = "middle" bgcolor = "#86C67C" >h4</td> <td rowspan = "2" align = "center" valign = "middle" bgcolor = "#5C246E" >h6</td> <td rowspan = "2" align = "center" valign = "middle" bgcolor = "#CFB53B" >h7</td> </tr>
<tr>
<td align = "center" valign = "middle" bgcolor = "#8B3A62" >i3</td> <td align = "center" valign = "middle" bgcolor = "#E56E94" >i4</td> </tr>
</table>
</body>
</html>
Daily Security Data |
||||||||
| Category | Aura | Chandra Deep | Cyberzon | Country | Sarover Grande |
Sarover | Towers | |
| Man Power | Guards | 5 | 4 | 50 | 11 | 39 | 52 | 12 |
| Lady Guards | 1 | 0 | 21 | 1 | 1 | 2 | 1 | |
| Head Guards | 1 | 0 | 6 | 2 | 0 | 12 | 2 | |
| Supervisors | 2 | 0 | 6 | 2 | 4 | 2 | 2 | |
| ASO | 0 | 0 | 2 | 0 | 0 | 2 | 1 | |
| SO | 0 | 0 | 1 | 0 | 1 | 1 | 0 | |
| Total-389 | 9 | 4 | 86 | 16 | 45 | 71 | 18 | |
| Walkie Talkies | Not Working Total | 4/7 | 0/0 | 2/9 | 0/0 | 0/10 | 3/7 | 0/5 |
| Biometric | Not Working Total | 0/1 | 0/1 | 0/3 | 0/1 | 0/2 | 0/3 | 0/1 |
| Biometric | Not Working Total | 0/1 | 0/1 | 0/3 | 0/1 | 0/2 | 0/3 | 0/1 |
| Bi-Cycle | Not Working Total | 0/0 | 0/0 | 0/2 | 0/0 | 0/0 | 0/2 | 0/0 |
| Computers | Not Working Total | 0/1 | 0/0 | 0/2 | 0/0 | 0/2 | 0/0 | 0/1 |
| Internet Connection |
Yes | yes | N/A | yes | yes | yes | yes | yes |
| Street Lights | Status | 25 | 16 | 36 | 105 | 155 | 156 | 29 |
| Torch Lights | Not Working Total |
1/3 | 0/1 | 0/7 | 4/11 | 0/10 | 3/6 | 0/1 |
| Batons | Total | 4 | 0 | 4/8 | 8 | 1/6 | 11 | 2 |
Source Code HTML
HTML Code of the above Diagram
<html>
<head>
<title>table</title>
</head>
<body>
<table border="1" cellpadding = "9" cellspacing = "0" width = "400" height = "400" align = "center" bgcolor = "#F46355">
<tr height="40">
<td colspan = "9" align = "center" valign = "middle" >Daily Security Data</td> </tr> <tr align="center">
<td align = "center" valign = "middle" bgcolor = "#be93c5" colspan="2" >Category</td> <td align = "center" valign = "middle" bgcolor = "#f2709c" >Aura</td> <td align = "center" valign = "middle" bgcolor = "#be93c5" >Chandra Deep</td> <td align = "center" valign = "middle" bgcolor = "#be93c5" >Cyberzon</td> <td align = "center" valign = "middle" bgcolor = "#be93c5" >Country</td> <td align = "center" valign = "middle" bgcolor = "#be93c5" >Sarover Grande</td> <td align = "center" valign = "middle" bgcolor = "#be93c5" >Sarover </td> <td align = "center" valign = "middle" bgcolor = "#be93c5" >Towers</td> </tr> <tr align="center">
<td rowspan="7" align = "center" valign = "middle" bgcolor = "#9D6B84" >Man Power</td> <td align = "center" valign = "middle" bgcolor = "#cbad6d" >Guards</td> <td align = "center" valign = "middle" bgcolor = "#cbad6d" >5</td> <td align = "center" valign = "middle" bgcolor = "#cbad6d" >4</td> <td align = "center" valign = "middle" bgcolor = "#cbad6d" >50</td>
<td align = "center" valign = "middle" bgcolor = "#cbad6d" >11</td>
<td align = "center" valign = "middle" bgcolor = "#cbad6d" >39</td>
<td align = "center" valign = "middle" bgcolor = "#cbad6d" >52</td>
<td align = "center" valign = "middle" bgcolor = "#cbad6d" >12</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >Lady Guards</td> <td align = "center" valign = "middle" bgcolor = "#d6a4a4" >1</td> <td align = "center" valign = "middle" bgcolor = "#d6a4a4" >0</td> <td align = "center" valign = "middle" bgcolor = "#d6a4a4" >21</td>
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >1</td>
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >1</td>
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >2</td>
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >1</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#859398" >Head Guards</td> <td align = "center" valign = "middle" bgcolor = "#859398" >1</td> <td align = "center" valign = "middle" bgcolor = "#859398" >0</td> <td align = "center" valign = "middle" bgcolor = "#859398" >6</td>
<td align = "center" valign = "middle" bgcolor = "#859398" >2</td>
<td align = "center" valign = "middle" bgcolor = "#859398" >0</td>
<td align = "center" valign = "middle" bgcolor = "#859398" >12</td>
<td align = "center" valign = "middle" bgcolor = "#859398" >2</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#DAA8BE" >Supervisors</td> <td align = "center" valign = "middle" bgcolor = "#DAA8BE" >2</td> <td align = "center" valign = "middle" bgcolor = "#DAA8BE" >0</td> <td align = "center" valign = "middle" bgcolor = "#DAA8BE" >6</td>
<td align = "center" valign = "middle" bgcolor = "#DAA8BE" >2</td>
<td align = "center" valign = "middle" bgcolor = "#DAA8BE" >4</td>
<td align = "center" valign = "middle" bgcolor = "#DAA8BE" >2</td>
<td align = "center" valign = "middle" bgcolor = "#DAA8BE" >2</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#928dab" >ASO</td> <td align = "center" valign = "middle" bgcolor = "#928dab" >0</td> <td align = "center" valign = "middle" bgcolor = "#928dab" >0</td> <td align = "center" valign = "middle" bgcolor = "#928dab" >2</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >2</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >1</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >SO</td> <td align = "center" valign = "middle" bgcolor = "#89ACB8" >0</td> <td align = "center" valign = "middle" bgcolor = "#89ACB8" >0</td> <td align = "center" valign = "middle" bgcolor = "#89ACB8" >1</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >1</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >1</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#bc8f8f" >Total-389</td> <td align = "center" valign = "middle" bgcolor = "#bc8f8f" >9</td> <td align = "center" valign = "middle" bgcolor = "#bc8f8f" >4</td> <td align = "center" valign = "middle" bgcolor = "#bc8f8f" >86</td>
<td align = "center" valign = "middle" bgcolor = "#bc8f8f" >16</td>
<td align = "center" valign = "middle" bgcolor = "#bc8f8f" >45</td>
<td align = "center" valign = "middle" bgcolor = "#bc8f8f" >71</td>
<td align = "center" valign = "middle" bgcolor = "#bc8f8f" >18</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Walkie Talkies</td> <td align = "center" valign = "middle" bgcolor = "#778899" ><u>Not Working</u>Total</td> <td align = "center" valign = "middle" bgcolor = "#778899" >4/7</td> <td align = "center" valign = "middle" bgcolor = "#778899" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#778899" >2/9</td>
<td align = "center" valign = "middle" bgcolor = "#778899" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#778899" >0/10</td>
<td align = "center" valign = "middle" bgcolor = "#778899" >3/7</td>
<td align = "center" valign = "middle" bgcolor = "#778899" >0/5</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Biometric</td> <td align = "center" valign = "middle" bgcolor = "#A9A9A9" ><u>Not Working</u>Total</td> <td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/1</td> <td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/1</td>
<td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/3</td>
<td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/1</td>
<td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/2</td>
<td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/3</td>
<td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/1</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Bi-Cycle</td> <td align = "center" valign = "middle" bgcolor = "#928dab" ><u>Not Working</u>Total</td> <td align = "center" valign = "middle" bgcolor = "#928dab" >0/0</td> <td align = "center" valign = "middle" bgcolor = "#928dab" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0/2</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0/2</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0/0</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Computers</td> <td align = "center" valign = "middle" bgcolor = "#89ACB8" ><u>Not Working</u>Total</td> <td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/1</td> <td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/2</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/2</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/1</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Internet Connection</td> <td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td> <td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td> <td align = "center" valign = "middle" bgcolor = "#9a8478" >N/A</td>
<td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td>
<td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td>
<td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td>
<td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td>
<td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Street Lights</td> <td align = "center" valign = "middle" bgcolor = "#BDB76B" >Status</td> <td align = "center" valign = "middle" bgcolor = "#BDB76B" >25</td> <td align = "center" valign = "middle" bgcolor = "#BDB76B" >16</td>
<td align = "center" valign = "middle" bgcolor = "#BDB76B" >36</td>
<td align = "center" valign = "middle" bgcolor = "#BDB76B" >105</td>
<td align = "center" valign = "middle" bgcolor = "#BDB76B" >155</td>
<td align = "center" valign = "middle" bgcolor = "#BDB76B" >156</td>
<td align = "center" valign = "middle" bgcolor = "#BDB76B" >29</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Torch Lights</td> <td align = "center" valign = "middle" bgcolor = "#878787" ><u>Not Working</u></td> <td align = "center" valign = "middle" bgcolor = "#878787" >1/3</td> <td align = "center" valign = "middle" bgcolor = "#878787" >0/1</td>
<td align = "center" valign = "middle" bgcolor = "#878787" >0/7</td>
<td align = "center" valign = "middle" bgcolor = "#878787" >4/11</td>
<td align = "center" valign = "middle" bgcolor = "#878787" >0/10</td>
<td align = "center" valign = "middle" bgcolor = "#878787" >3/6</td>
<td align = "center" valign = "middle" bgcolor = "#878787" >0/1</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Batons</td> <td align = "center" valign = "middle" bgcolor = "#d1913c" >Total</td> <td align = "center" valign = "middle" bgcolor = "#d1913c" >4</td> <td align = "center" valign = "middle" bgcolor = "#d1913c" >0</td>
<td align = "center" valign = "middle" bgcolor = "#d1913c" >4/8</td>
<td align = "center" valign = "middle" bgcolor = "#d1913c" >8</td>
<td align = "center" valign = "middle" bgcolor = "#d1913c" >1/6</td>
<td align = "center" valign = "middle" bgcolor = "#d1913c" >11</td>
<td align = "center" valign = "middle" bgcolor = "#d1913c" >2</td>
</tr>
</table>
</body>
</html>
<head>
<title>table</title>
</head>
<body>
<table border="1" cellpadding = "9" cellspacing = "0" width = "400" height = "400" align = "center" bgcolor = "#F46355">
<tr height="40">
<td colspan = "9" align = "center" valign = "middle" >Daily Security Data</td> </tr> <tr align="center">
<td align = "center" valign = "middle" bgcolor = "#be93c5" colspan="2" >Category</td> <td align = "center" valign = "middle" bgcolor = "#f2709c" >Aura</td> <td align = "center" valign = "middle" bgcolor = "#be93c5" >Chandra Deep</td> <td align = "center" valign = "middle" bgcolor = "#be93c5" >Cyberzon</td> <td align = "center" valign = "middle" bgcolor = "#be93c5" >Country</td> <td align = "center" valign = "middle" bgcolor = "#be93c5" >Sarover Grande</td> <td align = "center" valign = "middle" bgcolor = "#be93c5" >Sarover </td> <td align = "center" valign = "middle" bgcolor = "#be93c5" >Towers</td> </tr> <tr align="center">
<td rowspan="7" align = "center" valign = "middle" bgcolor = "#9D6B84" >Man Power</td> <td align = "center" valign = "middle" bgcolor = "#cbad6d" >Guards</td> <td align = "center" valign = "middle" bgcolor = "#cbad6d" >5</td> <td align = "center" valign = "middle" bgcolor = "#cbad6d" >4</td> <td align = "center" valign = "middle" bgcolor = "#cbad6d" >50</td>
<td align = "center" valign = "middle" bgcolor = "#cbad6d" >11</td>
<td align = "center" valign = "middle" bgcolor = "#cbad6d" >39</td>
<td align = "center" valign = "middle" bgcolor = "#cbad6d" >52</td>
<td align = "center" valign = "middle" bgcolor = "#cbad6d" >12</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >Lady Guards</td> <td align = "center" valign = "middle" bgcolor = "#d6a4a4" >1</td> <td align = "center" valign = "middle" bgcolor = "#d6a4a4" >0</td> <td align = "center" valign = "middle" bgcolor = "#d6a4a4" >21</td>
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >1</td>
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >1</td>
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >2</td>
<td align = "center" valign = "middle" bgcolor = "#d6a4a4" >1</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#859398" >Head Guards</td> <td align = "center" valign = "middle" bgcolor = "#859398" >1</td> <td align = "center" valign = "middle" bgcolor = "#859398" >0</td> <td align = "center" valign = "middle" bgcolor = "#859398" >6</td>
<td align = "center" valign = "middle" bgcolor = "#859398" >2</td>
<td align = "center" valign = "middle" bgcolor = "#859398" >0</td>
<td align = "center" valign = "middle" bgcolor = "#859398" >12</td>
<td align = "center" valign = "middle" bgcolor = "#859398" >2</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#DAA8BE" >Supervisors</td> <td align = "center" valign = "middle" bgcolor = "#DAA8BE" >2</td> <td align = "center" valign = "middle" bgcolor = "#DAA8BE" >0</td> <td align = "center" valign = "middle" bgcolor = "#DAA8BE" >6</td>
<td align = "center" valign = "middle" bgcolor = "#DAA8BE" >2</td>
<td align = "center" valign = "middle" bgcolor = "#DAA8BE" >4</td>
<td align = "center" valign = "middle" bgcolor = "#DAA8BE" >2</td>
<td align = "center" valign = "middle" bgcolor = "#DAA8BE" >2</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#928dab" >ASO</td> <td align = "center" valign = "middle" bgcolor = "#928dab" >0</td> <td align = "center" valign = "middle" bgcolor = "#928dab" >0</td> <td align = "center" valign = "middle" bgcolor = "#928dab" >2</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >2</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >1</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >SO</td> <td align = "center" valign = "middle" bgcolor = "#89ACB8" >0</td> <td align = "center" valign = "middle" bgcolor = "#89ACB8" >0</td> <td align = "center" valign = "middle" bgcolor = "#89ACB8" >1</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >1</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >1</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#bc8f8f" >Total-389</td> <td align = "center" valign = "middle" bgcolor = "#bc8f8f" >9</td> <td align = "center" valign = "middle" bgcolor = "#bc8f8f" >4</td> <td align = "center" valign = "middle" bgcolor = "#bc8f8f" >86</td>
<td align = "center" valign = "middle" bgcolor = "#bc8f8f" >16</td>
<td align = "center" valign = "middle" bgcolor = "#bc8f8f" >45</td>
<td align = "center" valign = "middle" bgcolor = "#bc8f8f" >71</td>
<td align = "center" valign = "middle" bgcolor = "#bc8f8f" >18</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Walkie Talkies</td> <td align = "center" valign = "middle" bgcolor = "#778899" ><u>Not Working</u>Total</td> <td align = "center" valign = "middle" bgcolor = "#778899" >4/7</td> <td align = "center" valign = "middle" bgcolor = "#778899" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#778899" >2/9</td>
<td align = "center" valign = "middle" bgcolor = "#778899" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#778899" >0/10</td>
<td align = "center" valign = "middle" bgcolor = "#778899" >3/7</td>
<td align = "center" valign = "middle" bgcolor = "#778899" >0/5</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Biometric</td> <td align = "center" valign = "middle" bgcolor = "#A9A9A9" ><u>Not Working</u>Total</td> <td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/1</td> <td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/1</td>
<td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/3</td>
<td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/1</td>
<td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/2</td>
<td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/3</td>
<td align = "center" valign = "middle" bgcolor = "#A9A9A9" >0/1</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Bi-Cycle</td> <td align = "center" valign = "middle" bgcolor = "#928dab" ><u>Not Working</u>Total</td> <td align = "center" valign = "middle" bgcolor = "#928dab" >0/0</td> <td align = "center" valign = "middle" bgcolor = "#928dab" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0/2</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0/2</td>
<td align = "center" valign = "middle" bgcolor = "#928dab" >0/0</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Computers</td> <td align = "center" valign = "middle" bgcolor = "#89ACB8" ><u>Not Working</u>Total</td> <td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/1</td> <td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/2</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/2</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/0</td>
<td align = "center" valign = "middle" bgcolor = "#89ACB8" >0/1</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Internet Connection</td> <td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td> <td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td> <td align = "center" valign = "middle" bgcolor = "#9a8478" >N/A</td>
<td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td>
<td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td>
<td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td>
<td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td>
<td align = "center" valign = "middle" bgcolor = "#9a8478" >Available</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Street Lights</td> <td align = "center" valign = "middle" bgcolor = "#BDB76B" >Status</td> <td align = "center" valign = "middle" bgcolor = "#BDB76B" >25</td> <td align = "center" valign = "middle" bgcolor = "#BDB76B" >16</td>
<td align = "center" valign = "middle" bgcolor = "#BDB76B" >36</td>
<td align = "center" valign = "middle" bgcolor = "#BDB76B" >105</td>
<td align = "center" valign = "middle" bgcolor = "#BDB76B" >155</td>
<td align = "center" valign = "middle" bgcolor = "#BDB76B" >156</td>
<td align = "center" valign = "middle" bgcolor = "#BDB76B" >29</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Torch Lights</td> <td align = "center" valign = "middle" bgcolor = "#878787" ><u>Not Working</u></td> <td align = "center" valign = "middle" bgcolor = "#878787" >1/3</td> <td align = "center" valign = "middle" bgcolor = "#878787" >0/1</td>
<td align = "center" valign = "middle" bgcolor = "#878787" >0/7</td>
<td align = "center" valign = "middle" bgcolor = "#878787" >4/11</td>
<td align = "center" valign = "middle" bgcolor = "#878787" >0/10</td>
<td align = "center" valign = "middle" bgcolor = "#878787" >3/6</td>
<td align = "center" valign = "middle" bgcolor = "#878787" >0/1</td>
</tr>
<tr align="center">
<td align = "center" valign = "middle" bgcolor = "#9D6B84" >Batons</td> <td align = "center" valign = "middle" bgcolor = "#d1913c" >Total</td> <td align = "center" valign = "middle" bgcolor = "#d1913c" >4</td> <td align = "center" valign = "middle" bgcolor = "#d1913c" >0</td>
<td align = "center" valign = "middle" bgcolor = "#d1913c" >4/8</td>
<td align = "center" valign = "middle" bgcolor = "#d1913c" >8</td>
<td align = "center" valign = "middle" bgcolor = "#d1913c" >1/6</td>
<td align = "center" valign = "middle" bgcolor = "#d1913c" >11</td>
<td align = "center" valign = "middle" bgcolor = "#d1913c" >2</td>
</tr>
</table>
</body>
</html>
STP Equipement Status |
||||||
| Category | S.No | Description | Lake Breeze | Oosman Everest | ||
| Capicity - 120 KLD | Capicity - 50 KLD | |||||
| Total | Not Working | Total | Not Working | |||
| Electro-Mechanical equipement | 1 | Filter Feed Pump | 3 | - | 2 | - |
| 2 | De-Watering Pump | - | - | - | - | |
| 3 | Chlorine Dosing Pump | - | - | 1 | - | |
| 4 | Hydro Pneumatic Pumpp | 6 | - | 2 | - | |
| Eletrical Panels | 5 | Pneumatic System Panel | 2 | - | 1 | - |
| 6 | WSPMCC Panel | 1 | - | 1 | - | |
| Filtration | 7 | Pressure Sand Filter | 2 | - | 1 | - |
| 8 | Softner | 1 | - | 1 | - | |
| Flow Details in Kilo Liters(KL)s | Tower | Oosman Everest | ||||
| Flow Details | 9 | OBR Value | 120 | 50 | ||
| 10 | Raw Material PPM Level | 450 | 610 | |||
| 11 | Water PPM to be maintained as per IS Standard | 200 ppm | ||||
| Next filter media replacement date | Towers | Oosman Everest | ||||
| Immediately | July-2018 | |||||
Source Code HTML
HTML Code of the above Diagram
<html>
<head>
<title>table</title>
</head>
<body>
<table class="table-bordered" width="600" height="400" align="center" bgcolor="#777777" > <tr height="40"> <td colspan= "7" align="center" valign="middle" bgcolor="#bc8f8f"> <h3>STP Equipement Status </h3></td> </tr> <tr align="center" width="1600"> <td rowspan="3" align="center" valign="middle" bgcolor="#89ACB8" >Category</td> <td rowspan="3" align="center" valign="middle" bgcolor="#9a8478" >S.No </td> <td rowspan="3" align="center" valign="middle" bgcolor=="#9a8478" >Description</td> <td colspan="2" align="center" valign="middle" bgcolor=="#9a8478" >Lake Breeze</td> <td colspan="2" align="center" valign="middle" bgcolor=="#9a8478" >Oosman Everest</td> </tr> <tr align="center"> <td colspan="2" align="center" valign="middle" bgcolor="#71637D" >Capicity - 120 KLD</td> <td colspan="2" align="center" valign="middle" bgcolor="#71637D">Capicity - 50 KLD</td> </tr> <tr align="center"> <td align="center" valign="middle" width="75" bgcolor="#757f9a">Total</td> <td align="center" valign="middle" width="75" bgcolor="#757f9a">Not Working</td> <td align="center" valign="middle" width="75" bgcolor="#757f9a">Total</td> <td align="center" valign="middle" width="75" bgcolor="#757f9a">Not Working</td> </tr> <tr align="center"> <td rowspan="4" align="center" valign="middle" bgcolor="#89ACB8">Electro-Mechanical equipement</td> <td align="center" valign="middle" bgcolor="#BDB76B">1</td> <td align="center" valign="middle" bgcolor="#BDB76B">Filter Feed Pump</td> <td align="center" valign="middle" bgcolor="#BDB76B">3</td> <td align="center" valign="middle" bgcolor="#BDB76B">- </td> <td align="center" valign="middle" bgcolor="#BDB76B">2 </td> <td align="center" valign="middle" bgcolor="#BDB76B">- </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#D19D90">2 </td> <td align="center" valign="middle" bgcolor="#D19D90">De-Watering Pump</td> <td align="center" valign="middle" bgcolor="#D19D90">- </td> <td align="center" valign="middle" bgcolor="#D19D90">- </td> <td align="center" valign="middle" bgcolor="#D19D90">- </td> <td align="center" valign="middle" bgcolor="#D19D90">- </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#B57FA5">3 </td> <td align="center" valign="middle" bgcolor="#B57FA5">Chlorine Dosing Pump</td> <td align="center" valign="middle" bgcolor="#B57FA5">- </td> <td align="center" valign="middle" bgcolor="#B57FA5">- </td> <td align="center" valign="middle" bgcolor="#B57FA5">1 </td> <td align="center" valign="middle" bgcolor="#B57FA5">- </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#7E96C4">4 </td> <td align="center" valign="middle" bgcolor="#7E96C4">Hydro Pneumatic Pumpp</td> <td align="center" valign="middle" bgcolor="#7E96C4">6 </td> <td align="center" valign="middle" bgcolor="#7E96C4">- </td> <td align="center" valign="middle" bgcolor="#7E96C4">2 </td> <td align="center" valign="middle" bgcolor="#7E96C4">- </td> </tr> <tr align="center"> <td colspan="7" align="center" valign="middle" bgcolor="#be93c5"> </td> </tr> <tr align="center"> <td rowspan="2" align="center" valign="middle" bgcolor= "#89ACB8" >Eletrical Panels </td> <td align="center" valign="middle" bgcolor="#c5796d">5 </td> <td align="center" valign="middle" bgcolor="#c5796d">Pneumatic System Panel</td> <td align="center" valign="middle" bgcolor="#c5796d">2 </td> <td align="center" valign="middle" bgcolor="#c5796d">- </td> <td align="center" valign="middle" bgcolor="#c5796d">1 </td> <td align="center" valign="middle" bgcolor="#c5796d">- </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#9a8478">6 </td> <td align="center" valign="middle" bgcolor="#9a8478">WSPMCC Panel</td> <td align="center" valign="middle" bgcolor="#9a8478">1 </td> <td align="center" valign="middle" bgcolor="#9a8478">- </td> <td align="center" valign="middle" bgcolor="#9a8478">1 </td> <td align="center" valign="middle" bgcolor="#9a8478">- </td> </tr> <tr align="center"> <td colspan="7" align="center" valign="middle" bgcolor="#be93c5" > </td> </tr> <tr align="center"> <td rowspan="2" align="center" valign="middle" bgcolor="#89ACB8" >Filtration</td> <td align="center" valign="middle" bgcolor="#fc88a4">7 </td> <td align="center" valign="middle" bgcolor="#fc88a4">Pressure Sand Filter </td> <td align="center" valign="middle" bgcolor="#fc88a4">2 </td> <td align="center" valign="middle" bgcolor="#fc88a4">- </td> <td align="center" valign="middle" bgcolor="#fc88a4">1 </td> <td align="center" valign="middle" bgcolor="#fc88a4">- </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#667db6">8 </td> <td align="center" valign="middle" bgcolor="#667db6">Softner </td> <td align="center" valign="middle" bgcolor="#667db6">1 </td> <td align="center" valign="middle" bgcolor="#667db6">- </td> <td align="center" valign="middle" bgcolor="#667db6">1 </td> <td align="center" valign="middle" bgcolor="#667db6">- </td> </tr> <tr align="center"> <td colspan="7" align="center" valign="middle" bgcolor="#be93c5" > </td> </tr> <tr align="center"> <td colspan="3" align="center" valign="middle" bgcolor="#89ACB8" >Flow Details in Kilo Liters(KL)s</td> <td colspan="2" align="center" valign="middle" bgcolor="#71637D">Tower</td> <td colspan="2" align="center" valign="middle" bgcolor="#71637D">Oosman Everest</td> </tr> <tr align="center"> <td rowspan="3" align="center" valign="middle" bgcolor="#89ACB8">Flow Details</td> <td align="center" valign="middle" bgcolor="7E96C4">9 </td> <td align="center" valign="middle" bgcolor="7E96C4">OBR Value</td> <td colspan="2" align="center" valign="middle" bgcolor="7E96C4">120 </td> <td colspan="2" align="center" valign="middle" bgcolor="7E96C4">50 </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#B57FA5" >10 </td> <td align="center" valign="middle" bgcolor="#B57FA5">Raw Material PPM Level </td> <td colspan="2" align="center" valign="middle" bgcolor="#B57FA5">450 </td> <td colspan="2" align="center" valign="middle" bgcolor="#B57FA5">610 </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#D19D90" >11 </td> <td align="center" valign="middle" bgcolor="#D19D90" >Water PPM to be maintained as per IS Standard </td> <td colspan="4" align="center" valign="middle" bgcolor="#D19D90" >200 ppm </td> </tr> <tr align="center"> <td colspan="7" align= "center" valign="middle" bgcolor="#be93c5" > </td> </tr> <tr align="center"> <td colspan="3" rowspan="2" align= "center" valign= "middle" bgcolor="#89ACB8" >Next filter media replacement date</td> <td colspan="2" align="center" valign="middle" bgcolor= "#71637D" >Towers </td> <td colspan="2" align="center" valign="middle" bgcolor= "#71637D" >Oosman Everest </td> </tr> <tr> <td colspan="2" align="center" valign= "middle" bgcolor="#757f9a" >Immediately </td> <td colspan="2" align="center" valign="middle" bgcolor="#757f9a" >July-2018 </td> </tr> </table>
</body>
</html>
<head>
<title>table</title>
</head>
<body>
<table class="table-bordered" width="600" height="400" align="center" bgcolor="#777777" > <tr height="40"> <td colspan= "7" align="center" valign="middle" bgcolor="#bc8f8f"> <h3>STP Equipement Status </h3></td> </tr> <tr align="center" width="1600"> <td rowspan="3" align="center" valign="middle" bgcolor="#89ACB8" >Category</td> <td rowspan="3" align="center" valign="middle" bgcolor="#9a8478" >S.No </td> <td rowspan="3" align="center" valign="middle" bgcolor=="#9a8478" >Description</td> <td colspan="2" align="center" valign="middle" bgcolor=="#9a8478" >Lake Breeze</td> <td colspan="2" align="center" valign="middle" bgcolor=="#9a8478" >Oosman Everest</td> </tr> <tr align="center"> <td colspan="2" align="center" valign="middle" bgcolor="#71637D" >Capicity - 120 KLD</td> <td colspan="2" align="center" valign="middle" bgcolor="#71637D">Capicity - 50 KLD</td> </tr> <tr align="center"> <td align="center" valign="middle" width="75" bgcolor="#757f9a">Total</td> <td align="center" valign="middle" width="75" bgcolor="#757f9a">Not Working</td> <td align="center" valign="middle" width="75" bgcolor="#757f9a">Total</td> <td align="center" valign="middle" width="75" bgcolor="#757f9a">Not Working</td> </tr> <tr align="center"> <td rowspan="4" align="center" valign="middle" bgcolor="#89ACB8">Electro-Mechanical equipement</td> <td align="center" valign="middle" bgcolor="#BDB76B">1</td> <td align="center" valign="middle" bgcolor="#BDB76B">Filter Feed Pump</td> <td align="center" valign="middle" bgcolor="#BDB76B">3</td> <td align="center" valign="middle" bgcolor="#BDB76B">- </td> <td align="center" valign="middle" bgcolor="#BDB76B">2 </td> <td align="center" valign="middle" bgcolor="#BDB76B">- </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#D19D90">2 </td> <td align="center" valign="middle" bgcolor="#D19D90">De-Watering Pump</td> <td align="center" valign="middle" bgcolor="#D19D90">- </td> <td align="center" valign="middle" bgcolor="#D19D90">- </td> <td align="center" valign="middle" bgcolor="#D19D90">- </td> <td align="center" valign="middle" bgcolor="#D19D90">- </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#B57FA5">3 </td> <td align="center" valign="middle" bgcolor="#B57FA5">Chlorine Dosing Pump</td> <td align="center" valign="middle" bgcolor="#B57FA5">- </td> <td align="center" valign="middle" bgcolor="#B57FA5">- </td> <td align="center" valign="middle" bgcolor="#B57FA5">1 </td> <td align="center" valign="middle" bgcolor="#B57FA5">- </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#7E96C4">4 </td> <td align="center" valign="middle" bgcolor="#7E96C4">Hydro Pneumatic Pumpp</td> <td align="center" valign="middle" bgcolor="#7E96C4">6 </td> <td align="center" valign="middle" bgcolor="#7E96C4">- </td> <td align="center" valign="middle" bgcolor="#7E96C4">2 </td> <td align="center" valign="middle" bgcolor="#7E96C4">- </td> </tr> <tr align="center"> <td colspan="7" align="center" valign="middle" bgcolor="#be93c5"> </td> </tr> <tr align="center"> <td rowspan="2" align="center" valign="middle" bgcolor= "#89ACB8" >Eletrical Panels </td> <td align="center" valign="middle" bgcolor="#c5796d">5 </td> <td align="center" valign="middle" bgcolor="#c5796d">Pneumatic System Panel</td> <td align="center" valign="middle" bgcolor="#c5796d">2 </td> <td align="center" valign="middle" bgcolor="#c5796d">- </td> <td align="center" valign="middle" bgcolor="#c5796d">1 </td> <td align="center" valign="middle" bgcolor="#c5796d">- </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#9a8478">6 </td> <td align="center" valign="middle" bgcolor="#9a8478">WSPMCC Panel</td> <td align="center" valign="middle" bgcolor="#9a8478">1 </td> <td align="center" valign="middle" bgcolor="#9a8478">- </td> <td align="center" valign="middle" bgcolor="#9a8478">1 </td> <td align="center" valign="middle" bgcolor="#9a8478">- </td> </tr> <tr align="center"> <td colspan="7" align="center" valign="middle" bgcolor="#be93c5" > </td> </tr> <tr align="center"> <td rowspan="2" align="center" valign="middle" bgcolor="#89ACB8" >Filtration</td> <td align="center" valign="middle" bgcolor="#fc88a4">7 </td> <td align="center" valign="middle" bgcolor="#fc88a4">Pressure Sand Filter </td> <td align="center" valign="middle" bgcolor="#fc88a4">2 </td> <td align="center" valign="middle" bgcolor="#fc88a4">- </td> <td align="center" valign="middle" bgcolor="#fc88a4">1 </td> <td align="center" valign="middle" bgcolor="#fc88a4">- </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#667db6">8 </td> <td align="center" valign="middle" bgcolor="#667db6">Softner </td> <td align="center" valign="middle" bgcolor="#667db6">1 </td> <td align="center" valign="middle" bgcolor="#667db6">- </td> <td align="center" valign="middle" bgcolor="#667db6">1 </td> <td align="center" valign="middle" bgcolor="#667db6">- </td> </tr> <tr align="center"> <td colspan="7" align="center" valign="middle" bgcolor="#be93c5" > </td> </tr> <tr align="center"> <td colspan="3" align="center" valign="middle" bgcolor="#89ACB8" >Flow Details in Kilo Liters(KL)s</td> <td colspan="2" align="center" valign="middle" bgcolor="#71637D">Tower</td> <td colspan="2" align="center" valign="middle" bgcolor="#71637D">Oosman Everest</td> </tr> <tr align="center"> <td rowspan="3" align="center" valign="middle" bgcolor="#89ACB8">Flow Details</td> <td align="center" valign="middle" bgcolor="7E96C4">9 </td> <td align="center" valign="middle" bgcolor="7E96C4">OBR Value</td> <td colspan="2" align="center" valign="middle" bgcolor="7E96C4">120 </td> <td colspan="2" align="center" valign="middle" bgcolor="7E96C4">50 </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#B57FA5" >10 </td> <td align="center" valign="middle" bgcolor="#B57FA5">Raw Material PPM Level </td> <td colspan="2" align="center" valign="middle" bgcolor="#B57FA5">450 </td> <td colspan="2" align="center" valign="middle" bgcolor="#B57FA5">610 </td> </tr> <tr align="center"> <td align="center" valign="middle" bgcolor="#D19D90" >11 </td> <td align="center" valign="middle" bgcolor="#D19D90" >Water PPM to be maintained as per IS Standard </td> <td colspan="4" align="center" valign="middle" bgcolor="#D19D90" >200 ppm </td> </tr> <tr align="center"> <td colspan="7" align= "center" valign="middle" bgcolor="#be93c5" > </td> </tr> <tr align="center"> <td colspan="3" rowspan="2" align= "center" valign= "middle" bgcolor="#89ACB8" >Next filter media replacement date</td> <td colspan="2" align="center" valign="middle" bgcolor= "#71637D" >Towers </td> <td colspan="2" align="center" valign="middle" bgcolor= "#71637D" >Oosman Everest </td> </tr> <tr> <td colspan="2" align="center" valign= "middle" bgcolor="#757f9a" >Immediately </td> <td colspan="2" align="center" valign="middle" bgcolor="#757f9a" >July-2018 </td> </tr> </table>
</body>
</html>
