Solution
Step-1: Write below code in any HTML Editor and save it as .html file.
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Marksheet Creation in HTML</TITLE>
</HEAD>
<BODY bgcolor="lightblue">
<div style="width:800px; background-color:lightgreen;margin-left:275px; margin-right:200px;">
<div style="background-color:violet;">
<div align="center">
<h2>BOARD OF SECONDARY EDUCATION, Madhya Pradesh.<br/>
(Examination Result Marks-2020)
</h2>
</div>
<h3 style="text-align:right;background-color:yellow;margin-left:600px;">Brought to you By
NIC</h3>
</div>
<div ALIGN="CENTER">
Higher Secondary School Certificate Examination (HSSC) -12<sup>th</sup> Class Result 2020
<br/>
<table border="1" cellspacing="0" cellpadding="0" width="800px">
<tr style="background-color:cyan;">
<th>Center Code</th><th>School Code</th><th>Enrollment No.</th>
<th>Regular/Private</th><th>Application No.</th><th>Roll No.</th>
</tr>
<tr align="center">
<td>12036</td><td>12589</td><td><mark>AE/1205</mark></td><td>PRIVATE</td>
<td>125455</td><td>14545455</td>
</tr>
</table>
</div> <br/>
<div align="center">
<table border="1" cellspacing="0" cellpadding="0" width="400px">
<tr><td><b>Student Name</b></td><td><b>Riya Jain</b></td></tr>
<tr><td><b>Father's Name</b></td><td><b>Sanjeev Jain</b></td></tr>
<tr><td><b>Mother's Name</b></td><td> <b>Mrs. Shweta Jain</b></td></tr>
</table>
</div> <br/>
<div>
<font color="red"><b>Result: pass in third Devision</b></font>
</div>
<br/>
<div align="center">
<table border="1" cellspacing="0" cellpadding="0" width="750px">
<tr style="background-color:cyan;">
<th>Subject Code</th><th>Subject Name</th><th>Theory Marks</th>
<th>Practical Marks</th><th>Total Marks</th><th>Remark</th>
</tr>
<tr>
<td align="center">120</td><td>Hindi (Special) </td><td align="right">80</td>
<td align="right">-</td>
<td align="right">74</td><td align="center"></td>
</tr>
<tr>
<td align="center">121</td><td>English (General)</td><td align="right">70</td>
<td align="right">-</td>
<td align="right">74</td><td align="center">Dist.</td>
</tr>
<tr>
<td align="center">122</td><td>Business Studies</td><td align="right">60</td>
<td align="right">24</td>
<td align="right">84</td><td align="center"></td>
</tr>
<tr>
<td align="center">123</td><td>Book Keeping & Accountancy</td><td align="right">60</td>
<td align="right">20</td>
<td align="right">80</td><td align="center"></td>
</tr>
<tr>
<td align="center">124</td><td>Business Economics</td><td align="right">70</td>
<td align="right">20</td>
<td align="right">90</td><td align="center"></td>
</tr>
<tr>
<td> </td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr style="background-color:cyan;">
<th colspan="6">Grand Total( Theory+Practical): 402/500</td>
</tr>
<tr>
<td> </td><td></td><td></td><td></td><td></td><td></td>
</tr>
</table>
</div> <br/>
<div style="background-color:lightcyan; width:800px;">
Participated in NCC 'A' Certificate Course and Obtained Grade:<b>XX</b><br/> Environment Education & Disaster Management :<br/> Awarded Bonus Marks for participation in State/National/International level Games: <b>XX</b>
</div> <br/>
</div>
</BODY>
</HTML>
step-2: Open file in any browser.
Output of Practical-
 |
| Web Design Practical-2 Output |
No comments:
Post a Comment