0% found this document useful (0 votes)
4 views3 pages

Web Programming

The document provides HTML code examples for creating web pages that demonstrate various text formatting tags and hyperlinking. It includes a simple structure for three interconnected pages and showcases how to link within the same page using anchors. The code illustrates the use of headings, paragraphs, blockquotes, and other formatting elements.

Uploaded by

fb849t7qgm
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views3 pages

Web Programming

The document provides HTML code examples for creating web pages that demonstrate various text formatting tags and hyperlinking. It includes a simple structure for three interconnected pages and showcases how to link within the same page using anchors. The code illustrates the use of headings, paragraphs, blockquotes, and other formatting elements.

Uploaded by

fb849t7qgm
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

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>

You might also like