1.
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>
<pre>hello friends how are you? I am fine and I hope you will also fine.
</pre><br><br>
</body>
</html>
2. Design a web page with links to different pages and allow navigation
between web pages.
a. Create page [Link] having a link to [Link], create [Link] having a link to
[Link]. Print “Welcome to Hyperlinks” in [Link].
b. Create an html page and demonstrate “Hyperlinking to anchor” i.e. linking within
the same page using the concept of bookmarks/anchors.
A:
[Link]
<!DOCTYPE html>
<html>
<haed>
<title>One</title>
</head>
<body>
<a href="[Link]">Go to [Link]</a>
</body>
</html>
[Link]
[Link]
<!DOCTYPE html>
<hrtml>
<head>
<title>Two</title>
</head>
<body>
Welcome to [Link].
<br>
<a href="[Link]">Go to [Link]</a>
</body>
</html>
[Link]
<!DOCTYPE html>
<hrtml>
<head>
<title>Three</title>
</head>
<body>
Welcome to Hyperlinks.
</body>
</html>
B:
<!DOCTYPE html>
<html>
<head>
<title>linking within the same file</title>
</head>
<body>
<a name="top">top region</a>
<br>
<a href="#bottom">go to bottom</a>
<!—add large texual content-->
<a name="bottom">bottom region</a>
<br>
<a href="#top">go to top</a>
</body>
</html>