HTML Laboratory Activity [Table]

Admin Posts : 92 Join date : 09/04/2012

Activity for using table.

[You must be registered and logged in to see this link.]

Code:: <html>
<body>
<center>Students Performance Record<br /></center>
<table border=2 width=100%>
<tr>
<th rowspan=2>No.</th>
<th rowspan=2>Student</th>
<th rowspan=1 colspan=4>Periodical Exams</th>
<th rowspan=2>Semestral<br />Grade</th>
<th rowspan=2>Numerical</th>
<th rowspan=2>Remarks</th>
</tr>
<tr>
<td width=80 align='center'>Prelim</td>
<td width=80 align='center'>Midterm</td>
<td width=80 align='center'>Semi-Final</td>
<td width=80 align='center'>Final</td>
</tr>
<tr>
<td>1</td>
<td>Alfonso, Joele C.</td>
<td align='right'>70</td>
<td align='right'>72</td>
<td align='right'>72</td>
<td align='right'>76</td>
<td align='right'>73</td>
<td align='right'>5.00</td>
<td >Failed</td>
</tr>
<tr>
<td>2</td>
<td>Alvares, Joseph I.</td>
<td align='right'>82</td>
<td align='right'>71</td>
<td align='right'>72</td>
<td align='right'>71</td>
<td align='right'>73</td>
<td align='right'>5.00</td>
<td >Failed</td>
</tr>
<tr>
<td>3</td>
<td>Brendo, Montero U.</td>
<td align='right'>82</td>
<td align='right'>87</td>
<td align='right'>92</td>
<td align='right'>94</td>
<td align='right'>90</td>
<td align='right'>1.50</td>
<td>Passed</td>
</tr>
<tr>
<td>4</td>
<td>Canlas, Jayson T.</td>
<td align='right'>84</td>
<td align='right'>73</td>
<td align='right'>82</td>
<td align='right'>80</td>
<td align='right'>80</td>
<td align='right'>2.50</td>
<td>Passed</td>
</tr>
<tr>
<td>5</td>
<td>Cruz, Caezar M.</td>
<td align='right'>82</td>
<td align='right'>83</td>
<td align='right'>90</td>
<td align='right'>87</td>
<td align='right'>86</td>
<td align='right'>2.00</td>
<td>Passed</td>
</tr>
<tr>
<td>6</td>
<td>Cruz, Joel A.</td>
<td align='right'>73</td>
<td align='right'>70</td>
<td align='right'>87</td>
<td align='right'>85</td>
<td align='right'>80</td>
<td align='right'>2.50</td>
<td>Passed</td>
</tr>
<tr>
<td>7</td>
<td>Cruz, Mayang M.</td>
<td align='right'>84</td>
<td align='right'>77</td>
<td align='right'>73</td>
<td align='right'>73</td>
<td align='right'>76</td>
<td align='right'>3.00</td>
<td>Passed</td>
</tr>
<tr>
<td>8</td>
<td>De Leon, Teofilo E.</td>
<td align='right'>76</td>
<td align='right'>79</td>
<td align='right'>85</td>
<td align='right'>83</td>
<td align='right'>81</td>
<td align='right'>2.50</td>
<td>Passed</td>
</tr>
<tr>
<td>9</td>
<td>Gutierrez, Karen Claudete</td>
<td align='right'>82</td>
<td align='right'>80</td>
<td align='right'>89</td>
<td align='right'>88</td>
<td align='right'>85</td>
<td align='right'>2.25</td>
<td>Passed</td>
</tr>
<tr>
<td>10</td>
<td>Manabat, Angelene A.</td>
<td align='right'>74</td>
<td align='right'>70</td>
<td align='right'>80</td>
<td align='right'>72</td>
<td align='right'>74</td>
<td align='right'>5.00</td>
<td>Failed</td>
</tr>
<tr>
<td>11</td>
<td>Marfil, Girlie O.</td>
<td align='right'>81</td>
<td align='right'>85</td>
<td align='right'>92</td>
<td align='right'>92</td>
<td align='right'>88</td>
<td align='right'>2.00</td>
<td>Passed</td>
</tr>
<tr>
<td>12</td>
<td>Pesigan, Philip Q.</td>
<td align='right'>81</td>
<td align='right'>90</td>
<td align='right'>98</td>
<td align='right'>96</td>
<td align='right'>90</td>
<td align='right'>1.50</td>
<td>Passed</td>
</tr>
<tr>
<td>13</td>
<td>Rani, Reena H.</td>
<td align='right'>70</td>
<td align='right'>81</td>
<td align='right'>93</td>
<td align='right'>96</td>
<td align='right'>87</td>
<td align='right'>2.00</td>
<td>Passed</td>
</tr>
<tr>
<td>14</td>
<td>Sioson, Roman John C.</td>
<td align='right'>84</td>
<td align='right'>86</td>
<td align='right'>91</td>
<td align='right'>90</td>
<td align='right'>88</td>
<td align='right'>2.00</td>
<td>Passed</td>
</tr>
<tr>
<td>15</td>
<td>Villas, Dahlia P.</td>
<td align='right'>79</td>
<td align='right'>89</td>
<td align='right'>92</td>
<td align='right'>99</td>
<td align='right'>92</td>
<td align='right'>1.50</td>
<td>Passed</td>
</tr>
</table>
<br />
<table align=right border=2 width=40% >
<tr>
<th colspan=4>Table</th>
</tr>
<tr>
<th colspan=2>Range</th>
<th>Numerical</th>
<th>Remarks</th>
</tr>
<tr align='center'>
<td>70</td>
<td>74</td>
<td>5</td>
<td>Failed</td>
</tr>
<tr align='center'>
<td>75</td>
<td>79</td>
<td>3</td>
<td>Passed</td>
</tr>
<tr align='center'>
<td>80</td>
<td>84</td>
<td>2.5</td>
<td>Fair</td>
</tr>
<tr align='center'>
<td>85</td>
<td>89</td>
<td>2</td>
<td>Good</td>
</tr >
<tr align='center'>
<td>90</td>
<td>94</td>
<td>1.5</td>
<td>Very Good</td>
</tr>
<tr align='center'>
<td>95</td>
<td>100</td>
<td>1</td>
<td>Excelent</td>
</tr>

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

» Starting Up with HTML
» [HTML] Web Forms
» [HTML+JS] Form Validation + Get Value