You are on page 1of 21

GOVERNMENT POLYTECHNIC FARRUKHABAD

INDEX
SER PRACTICAL PAGE NO. REMAR SIGN
NO. K

1 PROGRAM OF DIFFERENT
SECTION HEADINGS

2 PROGRAM OF CREATE A
FORM

3 PROGRAM OF ATTRIBUTES
H.R TAG IN A HTML

4 PROGRAM TO SHOW
REDIO BUTTON AND TEXT
BOX IN A FORM
5 PROGRAM OF SIMPLE
TABLE WITH TOW ROW
AND TOW COLUMN
6 PROGRAM ADD A BUTTON
ON A FORM

7 PROGRAM TABLE THREE


ROW AND THREE COLUMN

8 PROGRAM OF ADD
ORDERED AND
UNORDERED LIST
9 PROGRAM FONT
ATTRIBUTES ON SCREEN

10 PROGRAM IMAGE ON
DOCUMENTS

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD

PROGRAM NO. 1
WRITE A PROGRAM AN HTML, DOCUMENTS, HEADING, AND
HTML, SHOWS THE DIFFERENT SECTION HEADINGS.
<Html>

<Head>

<Title>ajay kumar</Title>

</Head>

<Body>

<H1>this is section Heading 1</H1>

<H2>this is section Heading 1</H2>

<H3>this is section Heading 1</H3>

<H4>this is section Heading 1</H4>

<H5>this is section Heading 1</H5>

<H6>this is section Heading 1</H6>

</Body>

</Html>

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD

OUTPUT:-

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD

PROGRAM NO. 2

WRITE A PROGRAM TO CREATING A FORM.

<Html>
<Head>
<Title>the page is a text page</Title>
<form method=post>
</Head>
<H1>Please fill the following form</H1>
<hr>
<p>Name:<input="text"Name"userID"size=:30">
<p>Date of birth:<input="text"Name"DOB"size=:15">
<p>Address:<Input="Text"Name"Address"size=:30">
<p>City:<input="text"Name"City"size:10">
<p>Pin:<input="text"Name"Pin"size=:6">
<hr>
<input type="submit"value="Send info">
<input type="reset">
</Form>
</Html>

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD

OUTPUT:-

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD

PROGRAM NO. 3
WRITE SHOW THE ATTRIBUTES HR TAG IN A HTML.
<html>

<head>

<title>
Example HR TAG
</title>
</head>

<body bg color="pink">
<center>
<font size=5 color="green">
Government Polytechnic <br>
Farrukhabad </center> <br>
</font>
<hr>
<font size=4 color="red">
Our Course are as follows:-
<ol>
<li> PGDCA
<li> Textile Technology
<li> Textile Design Printing
<li> Electronics
</ol>
</font>
</body>
</html>

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD
Output:-

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD

PROGRAM NO. 4

Write a program to show RADIO BUTTON and TEXT BOX in a


form.
<html>

<head>

<title>
Form
</title>

</head>

<body>

<h1>Application Form</h1>
<form>
<FONT SIZE=4 COLOR="black>

NAME<input type="text" NAME= "E-name" SIZE="40">


<br><br>

DATE OF BIRTH<input type="text" NAME="DOB" size= "40">


<br><br>
GENDER<input type="radio"NAME="Male">male
<input type="radio"NAME="FEMALE">female
<br>
ENTER YOUR PASSWORD
<input type="password"NAME="Pass"SIZE="10">
<br><br>
ENTER YOUR CITY
<Select name="List Name"><option>AGRA<option>KANPUR
<inpur type="SUBMIT"value="submit">
</font>
</body>

</html>

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD
OUTPUT:-

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD

PROGRAM NO. 5
PROGRAM TO SHOW HTML FOR CREATING A SIMPLE
TABLE WITH TWO ROW AND TWO COLUMNS.
<html>
<head>
<title>
Table
</title>
</head>

<Body>
<Table border="5"cellpadding="6"cellspacing="6"
<tr bgcolour="cyan">
<td align="center">INDIA</td>
<td align="center">SOUTH AFRIKA</td>
</tr>
<tr bgcolor="gray">
<td align="center">NEWZELAND</td>
<td align="center">SRI LANKA</td>
</tr>
</Table>
</Body>

</html>

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD
OUTPUT:-

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD

PROGRAM NO. 6

WRITE A PROGRAM TO ADD A BUTTON ON A FROM


<html>
<head>
<title>
Moccasin Dav
</title>
</head>

<Body>
<form action="student" Method="post">
Do you want to celebrate your Moccasins to work day?
<p>
<input type="radio" Name="vote" value="Yes">yes<br>
<input type="radio" Name="vote" value="No">no<br>
</p>
<button name="SUBMIT" type="submit">submit
</button>
<button name="RESET" type="reset">reset
</button>
</form>
</Body>

</html>

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD
OUTPUT:-

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD

PROGRAM NO. 7

WRITE A PROGRAM TO SHOW THE TABLE THREE ROWS &


THREE COLUMNS.
<html>
<head>
<title>
Table
</title>
</head>

<Body>
<table border="5">
<caption align="top">Movies Running
</caption>

<tr>
<th>theater 1</th>
<th>theater 2</th>
<th>theater 3</th>
</tr>

<tr>
<td>New York</td>
<td>Love Aaj Kal</td>
<td>Kambakht Ishq</td>
</tr>

<tr>
<td>John Abrahm</td>
<td>Saif Ali Khan</td>
<td>Akshay Kumar</td>
</tr>
</table>
</Body>

</html>

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD
OUTPUT:-

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD

PROGRAM NO. 8
WRITE A PROGRAM TO ADD ORDERED LIST AND
UNORDERED LIST.
<html>
<head>
<title>
Ordered And Unordered Lisr
</title>
</head>

<Body bgcolor="pink">
<ol>
<lh><em>Colors of the Spectrum:</em><br>
<li>Orange
<li>red
<li>yellow
<li>green
<li>blue
<li>indigo
<li>violet
</ol>
<ul>
<lh>
<em>
Colors in Unordered List
</em>
<br>
<Li>red
<Li>yellow
<li>orange
<li>green
<li>violet
<li>indigo
<li>blue
</ul>
</Body>
</html>

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD
OUTPUT:-

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD

PROGRAM NO. 9
WRITE A PROGRAM IN HTML, USING “FONT ATTRIBUTES”
ON THE SCREEN?
<html>
<head>
<title>
SAMPLE
</title>
</head>
<Body>
<FONT COLOR="RED">
<FONT SIZE=+1>
GOVERNMENT POLYTECHNIC FARRUKHABAD
</font>
</font>
<font color="blue"?
<font size= -1>
<font face="Times New Roman">
Ajay Kumar Shrivastava</font>
</font>
</font>
</font>
</Body>
</html>

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD
OUTPUT:-

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD

PROGRAM NO. 10
WRITE A PROGRAM TO CREATE FRAMES USING
PERCENTAGE ON THE SCREEN?
<html>
<head>
<title>
Ordered List
</title>
</head>
<Body>
<ol>
<lh><em>Color of the spectrum:</em><br>
<li>Red
<li>Orange
<li>Yellow
<li>Green
<li>Blue
<li>Indigo
<li>Violet
</ol>
</Body>
</html>

REETESH KATIYAR
GOVERNMENT POLYTECHNIC FARRUKHABAD
OUTPUT:-

REETESH KATIYAR

You might also like