Laboratory two – HTMLDivision of Computer Studies

Laboratory Two–HTML

I am sure that all of you have been using FrontPage or others to generate the web page. So I will not re-invent the wheel teaching you HTML using package, but to use Notepad so that you are aware of the structure, head, body etc. This is good for your programming development, in particular to, Java applet that is embedded in HTML...

Objectives:

There are four objectives:

1)How to use Notepad to create HTML;

2)Understand HEAD, BODY,

3)Understand other useful tags.

4)Understand hyperlink

Procedure 1:HTML Layout – 10 minutes

Use Notepad to type in the following text:

<html>

<head>

<title>Title of my page is ONE</title>

</head>

<body>

This is my first homepage that generates Bold type. <b>This text is bold</b>

</body>

</html>

Save the file as "firstpage.htm". Start your IE explorer. Select "Open" in the File menu of your browser. A dialog box will appear. Select "Browse" and locate the HTML file you just created. select it and click "Open". Now you should see an address in the dialog box as follows:

The output is:

Procedure 2: HTML Text Formatting – 10 minutes

Use Notepad to type in the following text:

The output is:

Procedure 3: HTML Pre-formatting Text – 10 minutes

The following example demonstrates the use of pre-formatting. Use Notepad to edit the following:

Save it and use Browser to view the output:

Procedure 4: HTML Address – 10 minutes

The following example demonstrates the use of Address. Use NotePad to edit the following:

Save it and use Browser to view the output:

One mark______

Procedure 5: HTML Delete/Insert – 10 minutes

This example demonstrates how to mark a text that is deleted or inserted to a document. Use NotePad to edit the following:

Save it and use Browser to view the output:

Procedure 6: HTML Link – 10 minutes

This example demonstrates how to create links in HTML file. Use NotePad to edit the following:

Save it and use Browser to view the output:

Now click this text and you will see other web sites.

Procedure 7: HTML vertical frame – 10 minutes

The following example demonstrates how to make a horizontal frameset with three different documents. Use NotePad to edit the following:

Save it and use Browser to view the output:

Procedure 8: HTML vertical frame – 10 minutes

The following example demonstrates how to create different table borders. Use NotePad to edit the following:

Save it and use Browser to view the output:

Procedure9: HTML FORM – 10 minutes

The following example demonstrates how to create FORM. Use NotePad to edit the following:

Save it and use Browser to view the output:

One mark______

1

05/01/2019