0% found this document useful (0 votes)

25 views5 pages

3rd COMP 9 MODULE 3 - Week 5

The document discusses creating hyperlinks in HTML using the <a> tag. The <a> tag defines a hyperlink with attributes like href that specifies the link destination. Links allow users to navigate between web pages. The document provides examples of how to create links that open in the same window or a new window using target attributes. Students are assigned hands-on activities to create webpages with images and lyrics and link them internally and externally opening in new windows to practice and reinforce their understanding of hyperlinks.

Uploaded by

ms.joycebalbin2023

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

25 views5 pages

3rd COMP 9 MODULE 3 - Week 5

Uploaded by

ms.joycebalbin2023

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 5

Escuela San Gabriel de Colegio de San Gabriel

Archangel Foundation Inc. Archangel of Caloocan

Phase 10 Pkg 6 Blk 1 lot 2-3 Bagong Silang Caloocan City

COMPUTER GRADE 9
3rd Grading Period
Week 5

Module 3: LINKS

I. INTRODUCTION
The HTML <a> tag defines a hyperlink. It has the following syntax: <a href="url">link text</a>
The most important attribute of the <a> element is the href attribute, which indicates
the link's destination. The link text is the part that will be visible to the reader.

II. MOST ESSENTIAL LEARNING COMPETENCY/IES:

Create a link within a webpage.

III. MODULE LESSONS AND COVERAGE:

A. SPECIFIC OBJECTIVES:
The following objectives are expected to be attained by the learners at the end of
this module:

 Identify opening and closing tags for links and its attributes.
 Use link in linking webpages together.
 Demonstrate how link tags work.

VI. PRE-ASSESSMENT
Choose the letter of the correct answer.

1. Opening tag of link.

a. <a> b. <af> c. <ab>

2. It is an attribute used by link.

a. hfer b. href c. rhef

3. It is the value of href.

a. The value of the href attribute is the page that you want people to go to when they
click the link.
b. The value of the href attribute is the page that you want people to go to when they
click the page.
c. all af the above
4. It is the tag to create a link to another web page
a. <a href = “page.html”>
b. <a hrep = “page.html”>
c. <a hfer = “page.html”>

5. it is the tag to create a link to open a new window:

a. <a href = “sample.html” target = ” _blank”>
b. <a hrep = “sample.html” target = ” _blank”>
c. <a hfer = “sample.html” target = ” _blank”>

VII. LEARNING ACTIVITIES:

B. EXPLORE:

1. How can you describe the image above?

2. What will happen when you link the colored words?
3. do you think it is helpful?

C. FIRM UP:

CREATING A LINK TO ANOTHER WEB PAGE

LINKS
- Are created using the <a> element which has an attribute called href.
- The value of the href attribute is the page that you want people to go to when they click
the link.

To create a link to another web page

1. Type <a href = “page.html”> where page.html is the url of the destination wed page.
2. Type the label text, that is the text that is highlighted (usually blue and underlined) when
clicked upon will take the user to the page referenced in step 1.
3. Type </a> to complete the definition.

OPENING LINKS IN A NEW WINDOW

- If you want a link to open in a new window, you can use the target attribute on the
opening <a> tag.
- The value of this attribute should be _blank.

To create a link to open a new window:

1. Type <a href = “sample.html” target = ” _blank”>
2. Type the content of the link.
3. Type </a> to complete

You can also open links in the same window:

1. Type <a href = “sample.html” target = ” _self”>
2. Type the content of the link.
3. Type </a> to complete
D. DEEPEN:

ACTIVITY NO. 1 (HANDS-ON) WEEK 5-COMPUTER

1. Open 2 notepad and save it with your nickname as a file name and the
other one with your fathers nickname
2. On the first notepad create a webpage with your picture and your full name
and the other one containing the lyrics of your favorite song.
3. Make a link to the two webpage u created.
4. Video your work
5. Submit via LMS (Ma’am Cruz: Please send it thru messenger)

E. TRANSFER:

ACTIVITY NO. 2 (HANDS-ON) WEEK 5-COMPUTER

 Using activity no.1, link them to open new window and link them with
separate window
 Video your work
 Submit via LMS (Ma’am Cruz: Please send it thru messenger)

VIII. SUMMARY:
A link (short for hyperlink) is an HTML object that allows you to jump to a new location when
you click or tap it. Links are found on almost every webpage and provide a simple means of
navigating between pages on the web.
Links can be attached to text, images, or other HTML elements. Most text links are blue, since
that is standard color web browsers use to display links. However, links can be any color since
the style of the link text may be customized using HTML or CSS styles. In the early days of the
web, links were underlined by default. Today, underlining links is less common.
IX. VALUES INTEGRATION:
When a link is applied to an image, the link tag encapsulates, or surrounds the image tag. Since
the image tag is nested inside the link tag, the image itself becomes a link. This method can be
used to apply links to other elements such as <div> and <span> objects. However, since CSS
can be used to stylize a link, an <a> tag with a CSS class or ID attribute is often used in place
of a <div> or <span> tag.

X. POST ASSESSMENT

Choose the letter of the correct answer.