LABORATORY EXERCISE #1

Objectives:

At the end of the exercise, the student should be able to:

 Use links to connect an HTML element to another element or page
 Insert graphical images in a web page

Activity 1.1 Creating Hyperlinks

1. Create a new Folder name it Website XXX, Replace XXX with your initial.
2. Open Notepad and Type the following HTML Code:

3. Save As index.html inside your Website Folder.

4. Create another Webpage with the following code.

5. Save As resume.html inside your Website Folder.

Your Web page should be similar to the figure below.
Activity 1.2 Creating a link to Another Web page

1. Open Notepad and Type the following HTML Code:

2. Save As Activity1.2.html inside your Website Folder.

Your Web page should be similar to the figure below.
Activity 1.3 Creating a link within the document

1. Open Notepad and Type the following HTML Code:

2. Save As Activity1.3.html inside your Website Folder.

Your Web page should be similar to the figure below.
Activity 3.4 Using image as a link

1. Open Notepad and Type the following HTML Code:

2. Save As Activity3.4.html inside your Website Folder.

Your Web page should be similar to the figure below.
Activity 3.5 Creating Table

1. Open Notepad and Type the following HTML Code:

2. Save As Activity3.5.html inside your Website Folder.

Your Web page should be similar to the figure below.
Special Challenge

1. Create a webpage with the following output

Hint:
 Change cell color by putting bgcolor inside <td> tags
 Change table border by putting border inside <table> tag
 Use superscript tag
 Use align attribute inside <table>,<td> tag
 You can use attribute width and height inside <table>,<td> value must be
number or percentage

2. Save As special.html inside your Website Folder.