Scribd
Upload
33 views

Web Lab Manual

The document describes how to create a basic webpage using HTML tags. It provides two examples - the first creates a simple page with headings, paragraphs, an image, and a hyperlink. The second example illustrates different list types like unordered, ordered and description lists to display days of the week. Both examples include the HTML coding and output of the created webpages.

Uploaded by

miraclesuresh
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
33 views

Web Lab Manual

The document describes how to create a basic webpage using HTML tags. It provides two examples - the first creates a simple page with headings, paragraphs, an image, and a hyperlink. The second example illustrates different list types like unordered, ordered and description lists to display days of the week. Both examples include the HTML coding and output of the created webpages.

Uploaded by

miraclesuresh
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Webpage Creation Using HTML

1.Create a simple html file to demonstrate the use of different tags.


Program:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head><title>web lab 1</title></html>
<body>
<h1>My creation 1</h1>
<h2>My creation 2</h2>
<h3>My creation 3</h3>
<h4>My creation 4</h4>
<h5>My creation 5</h5>
<h6>My creation 6</h6>
<p>My first creation of web technology program</p>
<a href=http://www.studytonight.com>This is my link CLICK HERE</a>
<p>FLOWER IMAGE</p>
<img src="C:\Users\student\Desktop\i.jpg" alt="rose" width="200" height="100" />
<p>Some information</p>
<p><hr />I like flower..Particularly i like Rose.In color of PINK and RED. There are differnt
colors
and different Names of the flower are there..</p>
</body>
</html>

Output:

2.Design a web page to illustrate the various types of list.

Coding:
<html>
<title>web lab 1</title>
</head>
<body>
<p>Unordered list of weeks</p>
<ul>
<li>Sunday</li>

<li>Monday</li>
<li>Thuesday</li>
<li>Wednesday</li>
<li>Thursday</li>
<li>Friday</li>
<li>Saturday</li></ul>
<p>Ordered List of weeks</p>
<ol>
<li>Sunday</li>
<li>Monday</li>
<li>Thuesday</li>
<li>Wednesday</li>
<li>Thursday</li>
<li>Friday</li>
<li>Saturday</li></ol>
<p>Description List of weeks</p>
<dl>
<dt>Sunday</dt>
<dd>For all sundays are Holiday</dd>
<dt>Monday,Thuesday,wednesday,Thursday,Friday</dt>
<dd>For all days Working day</dd>
</dl>
</body>

</html>
Output:

You might also like