Scribd
Upload
6 views5 pages

Web Engineering Lab 1

The document outlines a lab assignment for students at Quaid-e-Awam University focused on learning basic HTML tags and elements. It includes eight tasks that require students to create simple HTML programs demonstrating various features such as headings, paragraphs, line breaks, and centering content. The lab submission deadline is set for August 31, 2016.

Uploaded by

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

Web Engineering Lab 1

The document outlines a lab assignment for students at Quaid-e-Awam University focused on learning basic HTML tags and elements. It includes eight tasks that require students to create simple HTML programs demonstrating various features such as headings, paragraphs, line breaks, and centering content. The lab submission deadline is set for August 31, 2016.

Uploaded by

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

QUAID-E-AWAM UNIVERSITY OF ENGINEERING, SCIENCE & TECHNOLOGY, NAWABSHAH

Subject: Web Engineering

Lab 1 HTML basic tags

Objective: To learn HTML basic tags and elements.

Tools. Notepad or any other simple text editor and a web browser.

Note: The main purpose of this lab is to have some hands on practice with HTML. You will have to
submit your solution for the lab by email. Last date to submit the lab 31 August 2016

Task 1. Create the following program.

<html>

<head>

<title>My First Webpage</title>

</head>

<body>

This is my first homepage. <b>This text is bold</b>

</body>

</html>

Task 2. Create the following program.

<html>

<head>

<title>Heading Example</title>

</head>

<body>

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<h3>This is heading 3</h3>


<h4>This is heading 4</h4>

<h5>This is heading 5</h5>

<h6>This is heading 6</h6>

</body>

</html>

Task 3. Create the following program.

<html>

<head>

<title>Paragraph Example</title>

</head>

<body>

<p>Here is a first paragraph of text.</p>

<p>Here is a second paragraph of text.</p>

<p>Here is a third paragraph of text.</p>

</body>

</html>

Task 4. Create the following program.

<html>

<head>

<title>Line Break Example</title>

</head>

<body>
<p>Hello<br />

You delivered your assignment on time.<br />

Thanks<br />

Bushra</p>

</body>

</html>

Task 5. Create the following program.

<html>

<head>

<title>Centring Content Example</title>

</head>

<body>

<p>This text is not in the center.</p>

<center>

<p>This text is in the center.</p>

</center>

</body>

</html>

Task 6. Create the following program.

<html>

<head>
<title>Horizontal Line Example</title>

</head>

<body>

<p>This is paragraph one and should be on top</p>

<hr />

<p>This is paragraph two and should be at bottom</p>

</body>

</html>

Task 7. Create the following program.

<html>

<head>

<title>Preserve Formatting Example</title>

</head>

<body>

<pre>

function testFunction( strText ){

alert (strText)

</pre>

</body>

</html>

Task 8. Create the following program.


<html>

<head>

<title>Nonbreaking Spaces Example</title>

</head>

<body>

<p>An example of this technique appears in the movie "12&nbsp;Angry&nbsp;Men."</p>

</body>

</html>

You might also like