1
SEAT NO :
WEB PROGRAMMING
Practical file
Teacher name: RAFIYA MAM
Class: FYIT
,1. Use of Basic Tags
a. Design a web page using different text formatting tags
Code:
<!DOCTYPE html>
<html>
<head>
<title>different text formatting tags</title>
</head>
<body>
<hgroup>
<h1>heading1</h1>
<h2>heading2</h2>
</hgroup>
<p>the gardener poem says,...</p>
<blockquote>
silly gardener!summer goes<br>
and winter comes with pinching<br>
when in the garden bare and brown<br>
you must lay your barrow down<br>
</blockquote><br>
<b><i>hello friends</i></b>
h<sub>2</sub>so<sub>4</sub><br>
(a+b)<sup>2</sup>=a<sup>2</sup>+2ab+b<sup>2</sup><br>
h<sub>2</sub>o<br>
<kbd>hello</kbd><br>
<code>hello</code><br>
<samp>hello</samp><br><br>
2
, <pre>hello friends how are you? I am fine and I hope you will also fine.
</pre><br><br>
</body>
</html>
Output:
b. Design a web page with links to different pages and allow navigation
between web pages.
A:
One.html
<!DOCTYPE html>
<html>
<head>
<title>One</title>
</head>
<body>
<a href="two.html">Go to Two.html</a>
</body>
</html>
Output:
3
, a. Create page one.html having a link to two.html, create two.html having a
link to
three.html. Print “Welcome to Hyperlinks” in three.html.
b. Create an html page and demonstrate “Hyperlinking to anchor” i.e. linking
within
the same page using the concept of bookmarks/anchors.
. Fruits
I. Mango
II. Banana
Two.html
<!DOCTYPE html>
<html>
<head>
<title>Two</title>
</head>
<body>
Welcome to two.html.
<br>
<a href="three.html">Go to three.html</a>
</body>
</html>
Output:
Three.html
4
SEAT NO :
WEB PROGRAMMING
Practical file
Teacher name: RAFIYA MAM
Class: FYIT
,1. Use of Basic Tags
a. Design a web page using different text formatting tags
Code:
<!DOCTYPE html>
<html>
<head>
<title>different text formatting tags</title>
</head>
<body>
<hgroup>
<h1>heading1</h1>
<h2>heading2</h2>
</hgroup>
<p>the gardener poem says,...</p>
<blockquote>
silly gardener!summer goes<br>
and winter comes with pinching<br>
when in the garden bare and brown<br>
you must lay your barrow down<br>
</blockquote><br>
<b><i>hello friends</i></b>
h<sub>2</sub>so<sub>4</sub><br>
(a+b)<sup>2</sup>=a<sup>2</sup>+2ab+b<sup>2</sup><br>
h<sub>2</sub>o<br>
<kbd>hello</kbd><br>
<code>hello</code><br>
<samp>hello</samp><br><br>
2
, <pre>hello friends how are you? I am fine and I hope you will also fine.
</pre><br><br>
</body>
</html>
Output:
b. Design a web page with links to different pages and allow navigation
between web pages.
A:
One.html
<!DOCTYPE html>
<html>
<head>
<title>One</title>
</head>
<body>
<a href="two.html">Go to Two.html</a>
</body>
</html>
Output:
3
, a. Create page one.html having a link to two.html, create two.html having a
link to
three.html. Print “Welcome to Hyperlinks” in three.html.
b. Create an html page and demonstrate “Hyperlinking to anchor” i.e. linking
within
the same page using the concept of bookmarks/anchors.
. Fruits
I. Mango
II. Banana
Two.html
<!DOCTYPE html>
<html>
<head>
<title>Two</title>
</head>
<body>
Welcome to two.html.
<br>
<a href="three.html">Go to three.html</a>
</body>
</html>
Output:
Three.html
4
