# Computer class 10

Que 1. Create a simple HTML webpage showing paragraph and image insertation.
 Coding
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;title&gt;Paragraph and image insertation&lt;/title&gt;
&lt;body&gt;
&lt;p&gt;Que. Who Invented the Computer and when?&lt;/p&gt;
&lt;img src=&quot;C:\Users\pc\Desktop\CharlesBabbage.jpg&quot;alt=&quot;image&quot; height=&quot;220&quot; width=&quot;420&quot;&gt;
&lt;p&gt;Ans : Computer is conceived and designed by British mathematician Charles Babbage between
1833 and 1871.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
 Output of above coding shown below
Que 2. Create a webpage that uses subscript and superscript having background colour red.
 Coding
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;title&gt;Subscript and Superscript&lt;/title&gt;
&lt;body bgcolor=&quot;RED&quot;&gt;
&lt;h1&gt;1. Some Algebric formula&lt;/h1&gt;
&lt;ol&gt;
&lt;li&gt; a + b&lt;sup&gt;2&lt;/sup&gt; = a&lt;sup&gt;2&lt;/sup&gt; + 2ab + b&lt;sup&gt;2&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt; a - b&lt;sup&gt;2&lt;/sup&gt; = a&lt;sup&gt;2&lt;/sup&gt; - 2ab + b&lt;sup&gt;2&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt; a&lt;sup&gt;2&lt;/sup&gt; - b&lt;sup&gt;2&lt;/sup&gt; = (a + b)(a - b)&lt;/li&gt;
&lt;li&gt; a&lt;sup&gt;3&lt;/sup&gt; + b&lt;sup&gt;3&lt;/sup&gt; = (a + b)(a&lt;sup&gt;2&lt;/sup&gt; - ab + b&lt;sup&gt;2&lt;/sup&gt;)&lt;/li&gt;
&lt;li&gt; a + b&lt;sup&gt;3&lt;/sup&gt; = a&lt;sup&gt;3&lt;/sup&gt; + b&lt;sup&gt;3&lt;/sup&gt; + 3ab(a + b)&lt;/li&gt;
&lt;/ol&gt;
&lt;h1&gt;2. Balance the following chemical equations.&lt;/h1&gt;
&lt;ol&gt;
&lt;li&gt;Fe+H&lt;SUB&gt;2&lt;/SUB&gt;O→Fe&lt;SUB&gt;3&lt;/SUB&gt;O&lt;SUB&gt;4&lt;/SUB&gt;+H&lt;SUB&gt;2&lt;/SUB&gt;&lt;/li&gt;
&lt;li&gt;HNO&lt;SUB&gt;3&lt;/SUB&gt;+Ca(OH)&lt;SUB&gt;2&lt;/SUB&gt;→Ca(NO&lt;SUB&gt;3&lt;/SUB&gt;)&lt;SUB&gt;2&lt;/SUB&gt;+H&lt;S
UB&gt;2&lt;/SUB&gt;O&lt;/li&gt;
&lt;li&gt;NaOH+H&lt;SUB&gt;2&lt;/SUB&gt;SO&lt;SUB&gt;4&lt;/SUB&gt;→Na&lt;SUB&gt;2&lt;/SUB&gt;SO&lt;SUB&gt;4&lt;/SUB&gt;+H&lt;SUB&gt;
2&lt;/SUB&gt;O&lt;/li&gt;
&lt;li&gt;NaCl+AgNO&lt;SUB&gt;3&lt;/SUB&gt;→AgCl+NaNO&lt;SUB&gt;3&lt;/SUB&gt;&lt;/li&gt;
&lt;li&gt;BaCl&lt;SUB&gt;2&lt;/SUB&gt;+H&lt;SUB&gt;2&lt;/SUB&gt;SO&lt;SUB&gt;4&lt;/SUB&gt;→BaSO&lt;SUB&gt;4&lt;/SUB&gt;+HCl&lt;/li&gt;
&lt;/ol&gt;
&lt;/body&gt;
&lt;/html&gt;
 Output of above coding shown below
3. Create a webpage that displays the marks of 10 students of your class. Having border to colour of table green also
 Coding
&lt;html&gt;
&lt;title&gt;regster form&lt;/title&gt;
&lt;body&gt;
&lt;table align=&quot;center&quot; border=&quot;1&quot; bordercolor cellspacing=&quot;0&quot;&gt;
&lt;h1&gt;&lt;center&gt;&lt;B&gt;&lt;U&gt;Periodic Test Marks list&lt;/center&gt;&lt;/h1&gt;
&lt;tr&gt;
&lt;th colspan=&quot;6&quot; align=&quot;center&quot;&gt;Class-10&lt;sup&gt;th&lt;/sup&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th rowspan=&quot;2&quot;&gt;S.no.&lt;/th&gt;
&lt;th rowspan=&quot;2&quot;&gt;Student Name&lt;/th&gt;
&lt;th colspan=&quot;4&quot;&gt;Subject&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;MATH'S&lt;/td&gt; &lt;td&gt;SCIENCE&lt;/td&gt;
&lt;td&gt;S.ST.&lt;/td&gt;
&lt;td&gt;COMPUTER&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align=&quot;center&quot;&gt;
&lt;td&gt;1.&lt;/td&gt; &lt;td&gt;Abhinav Singh&lt;/td&gt; &lt;td&gt;33&lt;/td&gt;
&lt;td&gt;32&lt;/td&gt; &lt;td&gt;36&lt;/td&gt; &lt;td&gt;35&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align=&quot;center&quot;&gt;
&lt;td&gt;2.&lt;/td&gt; &lt;td&gt;Aryan Chauhan&lt;/td&gt; &lt;td&gt;35&lt;/td&gt;
&lt;td&gt;34&lt;/td&gt; &lt;td&gt;38&lt;/td&gt; &lt;td&gt;37&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align=&quot;center&quot;&gt;
&lt;td&gt;3.&lt;/td&gt; &lt;td&gt;Harsh Singh &lt;/td&gt; &lt;td&gt;37&lt;/td&gt;
&lt;td&gt;32&lt;/td&gt; &lt;td&gt;38&lt;/td&gt; &lt;td&gt;36&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align=&quot;center&quot;&gt;
&lt;td&gt;4.&lt;/td&gt; &lt;td&gt;Pranav&lt;/td&gt; &lt;td&gt;37&lt;/td&gt;
&lt;td&gt;36&lt;/td&gt; &lt;td&gt;31&lt;/td&gt; &lt;td&gt;33&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align=&quot;center&quot;&gt;
&lt;td&gt;5.&lt;/td&gt; &lt;td&gt;Rishab sodhia&lt;/td&gt; &lt;td&gt;37&lt;/td&gt;
&lt;td&gt;39&lt;/td&gt; &lt;td&gt;32&lt;/td&gt; &lt;td&gt;38&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align=&quot;center&quot;&gt;
&lt;td&gt;6.&lt;/td&gt; &lt;td&gt;Saransh&lt;/td&gt; &lt;td&gt;37&lt;/td&gt;
&lt;td&gt;36&lt;/td&gt; &lt;td&gt;34&lt;/td&gt; &lt;td&gt;38&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align=&quot;center&quot;&gt;
&lt;td&gt;7.&lt;/td&gt; &lt;td&gt;Anubhav&lt;/td&gt; &lt;td&gt;39&lt;/td&gt;
&lt;td&gt;37&lt;/td&gt; &lt;td&gt;34&lt;/td&gt; &lt;td&gt;33&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align=&quot;center&quot;&gt;
&lt;td&gt;8.&lt;/td&gt; &lt;td&gt;Ashish Sahu&lt;/td&gt; &lt;td&gt;37&lt;/td&gt;
&lt;td&gt;36&lt;/td&gt; &lt;td&gt;34&lt;/td&gt; &lt;td&gt;32&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align=&quot;center&quot;&gt;
&lt;td&gt;9.&lt;/td&gt; &lt;td&gt;Ankush&lt;/td&gt; &lt;td&gt;33&lt;/td&gt;
&lt;td&gt;34&lt;/td&gt; &lt;td&gt;36&lt;/td&gt; &lt;td&gt;37&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align=&quot;center&quot;&gt;
&lt;td&gt;10.&lt;/td&gt; &lt;td&gt;Vipul Dwivedi&lt;/td&gt; &lt;td&gt;37&lt;/td&gt;
&lt;td&gt;33&lt;/td&gt; &lt;td&gt;35&lt;/td&gt; &lt;td&gt;34&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
 Output of above coding shown below
ate HTML webpage of nest list as follows using both Ordered and unordered list tags.
 Coding
&lt;html&gt;
&lt;Title&gt;Various Bullet styles &lt;/Title&gt;
&lt;body&gt;
&lt;h1&gt;&lt;center&gt; Various Bullet Styles &lt;/center&gt;&lt;/h1&gt;
&lt;h2&gt;1. Operating system&lt;/h2&gt;
&lt;UL type = circle &gt;
&lt;LI&gt;Disk operating system&lt;/LI&gt;
&lt;LI&gt;Windows&lt;/LI&gt;
&lt;LI&gt;Unix&lt;/LI&gt;
&lt;LI&gt;Linux&lt;/LI&gt;
&lt;/UL&gt;
&lt;h2&gt;2. MS Office&lt;/h2&gt;
&lt;UL type = square&gt;
&lt;LI&gt;Word&lt;/LI&gt;
&lt;LI&gt;Access&lt;/LI&gt;
&lt;LI&gt;Power Point&lt;/LI&gt;
&lt;LI&gt;Excel&lt;/LI&gt;
&lt;/UL&gt;
&lt;h2&gt;3. Openoffice.org&lt;/h2&gt;
&lt;UL type = disc &gt;
&lt;LI&gt;Writer&lt;/LI&gt;
&lt;LI&gt;Calc&lt;/LI&gt;
&lt;LI&gt;Impress&lt;/LI&gt;
&lt;LI&gt;Base&lt;/LI&gt;
&lt;/UL&gt;
&lt;h2&gt;4. Accessories&lt;/h2&gt;
&lt;OL type = &quot;i&quot; &gt;
&lt;LI&gt;Paint&lt;/LI&gt;
&lt;LI&gt;Calculator&lt;/LI&gt;
&lt;/OL&gt;
&lt;/body&gt;
&lt;/html&gt;
 Output of above coding shown below
ahte two HTML code separately and create hyperlink next and back in the first page and second page respectively.
 Coding
 Output of above coding shown below
Output of code 1
Output of code 2
ate simple HTML form in which heading should be student registration form and bold blue and underline.
&lt;html&gt;
&lt;title&gt;regster form&lt;/title&gt;
&lt;body&gt;
&lt;form&gt;
&lt;table&gt;
&lt;h1&gt;&lt;center&gt;&lt;B&gt;&lt;I&gt;&lt;U&gt;STUDENT REGISTRATION FORM&lt;/center&gt;&lt;/h1&gt;
&lt;tr&gt;
&lt;td&gt;Name :&lt;/td&gt;
&lt;td&gt;&lt;input type = &quot;text&quot; placeholder=&quot;Name&quot;&gt;&lt;/td&gt;
&lt;td&gt;Roll No :&lt;/td&gt;
&lt;td&gt;&lt;input type = &quot;text&quot; placeholder=&quot;Roll No&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Father's Name : &lt;/td&gt;
&lt;td&gt;&lt;input type=&quot;text&quot; placeholder=&quot;Father's Name&quot;&gt;&lt;/td&gt;
&lt;td&gt;Class : &lt;/td&gt;
&lt;td&gt;&lt;input type =&quot;text&quot; placeholder =&quot;Class&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Mother's Name : &lt;/td&gt;
&lt;td&gt;&lt;input type=&quot;text&quot; placeholder=&quot;Mother's Name&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Gender : &lt;/td&gt;
&lt;td&gt;&lt;input type = &quot;radio&quot; name= &quot;Gender&quot; &gt;male&lt;input type = &quot;radio&quot; name = &quot;Gender&quot;&gt;Female&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;DOB : &lt;/td&gt;
&lt;td&gt;&lt;input type =&quot;date&quot; placeholder =&quot;DOB&quot;&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt; phone no. : &lt;/td&gt;
&lt;td&gt;
&lt;select&gt;
&lt;option&gt;+91&lt;/option&gt;
&lt;option&gt;+92&lt;/option&gt;
&lt;/select&gt;
&lt;input type =&quot;phone&quot;&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;input type=&quot;Submit&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;