You are on page 1of 15

Welcome to Practical class

Subject: ICT

Subject code: 275


Conducted by

Rashedul Islam
Lecturer in Computer Science
Rajuk Uttara Model College
Lab Work # 04 Date of Lab work: 24 /09/2014

Date of submission: 24 /09/2014

Name of the lab work: Design a web page to show link among
other web pages.

Theory:
To establish link among different web pages, at first we
have to design a home page, where there will be the
hypertext through which other web pages can be
displayed. <a> tag is used to create link among different
web pages.
Uses of the instruments:

• Hardware : A computer
• Software : Operating system-Windows 7
Application software-Notepad
Web browser- Internet Explorer,
Mozilla firefox, google chrome etc.
Use :

Following procedure have to followed to perform


the above experiment in terms of using the
instruments:
1. Before starting the task, we have to check electric
connection of the computer.

2. Turn on the power switch of the computer to start it.


3. We have to check whether the above mentioned
software are installed in the computer or not.

4. To run necessary program to perform the mentioned


experiment.

5. After performing the experiment, we have to close all


the programs and shutdown the computer in proper way.
Follow up process:
• Following procedure have to be followed to perform the
experiment.
 Click Start
 Click All Programs
 Click Accessories>Notepad
 Type following program in the notepad
Code for Page1
<html>
<head><title>Page 1</title></head>
<body>
<p> <b> <font size=“20”>Personal
Information</font></b></p>
<p>
Roll:1056<br>
Name:Fahimul Islam<br>
Address:H#20, R#10, Sector#06, Uttara, Dhaka-
1230<br></p>
<a href="LabWork4Homepage.htm">Go to Home
Page</a>
</body>
</html>
Code for Page2
<html>
<head><title>Page 2</title></head>
<body>
<p align="center"> <b> <font size=“20”>Academic
Information</font></b></p>
<table border="1" align ="center" bordercolor="BLUE">
<tr>
<th>Name of Exam</th>
<th>Board</th>
<th>Year of Passing</th>
<th>Result</th>
</tr>
<tr>
<td>PSC</td>
<td>DPE</td>
<td>2007</td>
<td>A+</td>
</tr>
<tr>
<td>JSC</td>
<td>Dhaka</td>
<td>2010</td>
<td>A+</td>
</tr>
<tr>
<td>SSC</td>
<td>Dhaka</td>
<td>2013</td>
<td>A+</td>
</tr>
</table>
<p align="center"><a href="LabWork4Homepage.htm">Go
to Home Page</a>
</p>
</body>
</html>
Code for home page
<html>
<head><title>Home Page</title></head>
<body>
<marquee behavior="Alternate"><p align="center">
<b> <font size="30">This page is designed to
establish link</font></b></p>
</marquee>
<br>
<ol>
<li><a href="LabWork4Page1.htm">Personal
Information</a></li>
<li><a href="LabWork4Page2.htm">Academic
Information</a></li>
</ol>
</body>
</html>
To save the file

Click on file menu


Click on Save submenu
Type LabWork4Homepage.htm in the file
name box
Click on save button

Explanation:
Tags Description
<a> To establish link
<href=“”> To select the linked file
<tr> Defines a row in a table
<td> Defines a cell in a table
<ol> To display list with number
<li> To display contents of list
Result: After double click onLabWork4Homepage.htm
file following web page will be displayed.

Following result will be displayed after click on Personal Information :


Following result will be displayed after click on Academic Information :
Let’s have a practice……

You might also like