Web Designing (HTML – 5)
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.
·
Display
your name in Bold, address in Italics and standard as 11th.
Ans –
<!DOCTYPE
html>
<html>
<head>
<title>SOP
1</title>
</head>
<body
bgcolor="green" text="red">
<h1>My
First Web Page</h1>
<hr>
<b>H. R.
Patel Junior College, Shirpur</b>
<i>1,
Subhash Colony, Near Market Yard Shirpur</i>
<br>
Standard
11<sup>th</sup>
</body>
</html>
SOP 2: Create a
web page with, following specification.
·
Image
of any scientist with an alternative text as his name.
·
Create
a paragraph related to information of that scientist.
·
Create
a table of his/her inventions.
Ans –
<!DOCTYPE
html>
<html>
<head>
<title>SOP2</title>
</head>
<body>
<img
src="apj.jpg" alt="Avul Pakir Jainulabdeen Abdul Kalam"
height="300" width="200">
<p> A.P.J.
Abdul Kalam, in full Avul Pakir Jainulabdeen Abdul Kalam, (born October 15,
1931, Rameswaram, India—died July 27, 2015, Shillong), Indian scientist and
politician who played a leading role in the development of India’s missile and
nuclear weapons programs. He was president of India from 2002 to 2007.
Kalam earned a
<b>degree in aeronautical engineering from the Madras Institute of
Technology</b> and <i>in 1958 joined the Defence Research and
Development Organisation (DRDO)</i>. In 1969 he moved to the Indian Space
Research Organisation, where he was project director of the SLV-III, the first
satellite launch vehicle that was both designed and produced in India.
Rejoining DRDO in 1982, Kalam planned the program that produced a number of
successful missiles, which helped earn him the nickname “Missile Man.” Among
those successes was Agni, India’s first intermediate-range ballistic missile,
which incorporated aspects of the SLV-III and was launched in 1989. </p>
<table
border="2" bordercolor="red">
<tr>
<th>Sr.
No.</th>
<th>Invensions</th>
<th>Year</th>
</tr>
<tr>
<td>1</td>
<td>Nandi
- First Indigenous Hovercraft</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>First
Satellite Vehical (SLV)</td>
<td>1969</td>
</tr>
<tr>
<td>3</td>
<td>Ballistic
missiles</td>
<td>1983</td>
</tr>
<tr>
<td>4</td>
<td>Nuclear
Tests in Pokhran</td>
<td>1999</td>
</tr>
</table>
</body>
</html>
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.
Ans –
<!DOCTYPE
html>
<html>
<head>
<title>SOP
3</title>
</head>
<body>
<h1
align="center">Application Form</h1>
Enter Name :
<input type="text" name="t1"> <br><br>
Standard
:<br>
11th<input
type="radio" name="r1"> 12th <input
type="radio" name="r1"> <br><br>
<input
type="submit" value="Submit">
</body>
</html>
SOP 4: write a
program using HTML with the following specification.
·
A
webpage with details about a class with total number of students – 100, (Boys –
50, Girls – 50) in tabular form.
·
Link
this page to another page as follows –
Ans –
SOP4.html
<!DOCTYPE
html>
<html>
<head>
<title>SOP
4</title>
</head>
<body>
<table
border="2" height="75" width="300">
<tr
bgcolor="orange">
<th>Number
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 Here</a>
</body>
</html>
Demo.html
<!DOCTYPE
html>
<html>
<head>
<title>Demo
File</title>
</head>
<body>
<table
border="1" height="100" width="150">
<tr>
<td
rowspan="3">
<b>STD -
XI</b> <br><br>
<b><i>Stream
- Science</i></b><br> <br>
<u>Div -
A</u>
</td>
</tr>
</table>
</body>
</html>
0 comments:
Post a Comment