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>
No comments:
Post a Comment