Pamantasan ng Lungsod ng Maynila
(University of the City of Manila)
Intramuros, Manila
College of Engineering and Technology
Computer Science Department
ICC 0101 Introduction to Computing
Laboratory Report no. 3
Submitted by:
Roiz Alessander M. Hipolito
2018-10450
Submitted to:
Engr. John Martin Figuracion
Date:
July 28, 2018
Introduction
In this lesson, I’ve learned all about creating link to other webpages in
my own HTML. What connects one piece of information to another is what
we call a link. It’s the hyper part of the Hypertext Markup Language. You
click a word or graphic and all of the sudden find that you’ve jumped to
another document or graphic entirely. In this exercise, I’ve made my
homepage interactive by allowing people to click any item in my table of
contents and redirecting to my dummy creations.
Discussion
First off, we’re going to discuss about anchor tag <a>. It is used to
make links. The anchor tag marks the word or graphic that you want to use
as a link. The text between the anchor tags becomes the underlined
hyperlink that you click.
Second, how do you make a hyperlink with the anchor tag? Anchor
tags don’t do anything alone. Anchor tags must have a reference with them.
A hyperlink reference is a part of an HTML tag that specifies additional
information-in this case, where the anchor links. href=”file name” lets you
jump from somewhere in one document to another document in the same
folder.
Lastly, you know how to make a hyperlink to another webpage in your
HTML folder. To make links, you use the anchor tag <a>…</a>. The anchor
tag marks the word or graphic that you want to use as a link. href=”url” lets
you jump from somewhere in one document to another document on
another computer. Below is its syntax code:
<a href=”url of a website”> Navigate to my Google site </a>
Interpretation of Results/Findings
In this exercise, the following tags were used:
<a>…</a> - this is what we call the anchor tag which marks the word or
graphic that you want to use as a link. The text between this kind of tag
becomes the underlined hyperlink that you click.
Output Screenshots
Below are the output screenshots from the provided exercises:
P.s. I added some background color to make it look appealing.
Conclusion
To sum it all up, this lesson has made my mind exercised with the
knowledge on how to make a hyperlink. I just created my very first creation
with links on it. As we submerge ourselves much deeper into computing, we
learn a lot more from it and it is becoming more fun as well. I hope that in
our next lessons, we will be taught about making a basic website.