HTML - (Practical-1 To Practical-4)
HTML - (Practical-1 To Practical-4)
SOP1.HTML
<html>
<head>
<title> My First Web Page </title>
</head>
<body bgcolor=green text=red>
<h1> My First Web Page </h1><hr>
<b> Sana: </b><br><br>
<i> Add: Mount Carmel Jr Clg </i><br><br>
Standard 11 <sup>th</sup> B
</body>
</html>
<html>
<head>
<title> SOP2 </title>
</head>
<body>
<img src="ab.jpg" alt="Albert" height=350 width=350>
<br><br>
<p> Albert Einstein German: (About this soundlisten); 14 March 1879 – 18 April 1955) was a
German-born theoretical physicist,widely acknowledged to be one of the greatest physicists of
all time.
Einstein is best known for developing the theory of relativity, but he also made important
contributions to the development of the theory of quantum mechanics. </p>
<br><br>
<table border=5 bordercolor="pink">
<tr>
<th> Sr. no </th>
<th> Invention </th>
<th> Year </th>
</tr>
<tr>
<th> 1 </th>
<th> Light Bulb </th>
<th> 1889 </th>
</tr>
<tr>
<th> 2 </th>
<th> Modern Light </th>
<th> 1895 </th>
</tr>
</table>
</body>
</html>
Conclusion- Web page created for a scientist with his image, paragraph and table of his inventions.
SOP 3 : Create a webpage with following specification.
Display heading 'Application Form' in highest heading with center alignment.
Accept name, standard 11th or 12th with only one selection choice.
Submit the form.
SOP-3
SOP3.html
<html>
<head>
<title> SOP 3 </title></head>
<body>
<h1 align=center> Application form </h1>
<form>
Enter Name : <input type=text name=t1>
<br><br>
Standard : <br>
<input type="radio" name=r1> 11th <br>
<input type="radio" name=r1> 12th <br>
<br><br>
<input type="submit" value="submit">
</form>
</body>
</html>
Conclusion-Webpage displaying application form created with all the specification provided.
Output-(SOP-3)
SOP-4
demo.html
<html>
<head>
<title> Demo</title>
<body>
<table border=1>
<tr>
<td rowspan=3>
<b><h1>std-XI</b>
<br><br>
<b><i>Stream-Science</i></b>
<br><br>
<u>Div-B</u></h1>
</td>
</tr>
</table>
</body>
</html>
SOP4.html
<html>
<head>
<title>SOP4</title>
</head>
<body>
<table>
<tr bgcolor=orange>
<th>No. of Students</th>
<th> Boys </th>
<th> Girls</th>
</tr>
<tr bgcolor=green>
<td align=center>100</td>
<td align=center>50</td>
<td align=center>50</td>
</tr>
</table>
<a href="demo.html"> click</a>
</body>
</html>
Output-(SOP-4)