0% found this document useful (0 votes)
17 views6 pages

HTML - (Practical-1 To Practical-4)

Uploaded by

Priti
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
Download as docx, pdf, or txt
0% found this document useful (0 votes)
17 views6 pages

HTML - (Practical-1 To Practical-4)

Uploaded by

Priti
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1/ 6

SOP1-

SOP 1 : Write a program using HTML with following specifications.


 The background colour should be green.
 The text colour should be red.
 The heading should be large in size as 'My First Web Page'.
 Display a horizontal line after the heading. z Display your name in Bold, address in Italics and
standard as 11th.

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>

Conclusion- HTML program is created with the given specifications.


SOP 2 : Create a web page with, following specification.
 Image of any scientist with an alternate text as his name.
 Create a paragraph related to information of that scientist.
 Create a table of his/her inventions.
SOP-2
SOP2.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)

You might also like