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 6

Module 4: LINKS

I. INTRODUCTION
The anchor tag is essentially a tag that you can attach to a word or a phrase (exactly like you
would a normal internal or external link), except it brings readers down to a different section of
the page as opposed to another webpage. You’re essentially creating a unique URL within the
same page when you use this tag. Consider the following example:
If you click on any of the headings in the “contents” box, it will jump you right down to that
section without you ever having to leave the page or scroll down to find it.

II. MOST ESSENTIAL LEARNING COMPETENCY/IES:

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:

VI. PRE-ASSESSMENT
Choose the letter of the correct answer.
1. It is the tag to create an anchor:
a. <a name = “anchor”>
b. <a nname = “anchor”>
c. <a anchor = “name”>

2. It is the tag To create link to an anchor:

a. <a hfer = “#anchor name”>,
b. <a rhef= “#anchor name”>,
c. <a href = “#anchor name”>,

3. It is the opening tag for marquee.

a. <marquee>
b. <marquie>
c. <marky>

5. It is the attribute of marquee that defines the scrolling type.

a. behaviour b. bgcolor c. direction
6. It is the attribute of marquee that is use to give a background color.
a. behaviour b. bgcolor c. direction

7. It is the attribute of marquee that set the direction of the scrolling text.
a. behaviour b. bgcolor c. direction

VII. LEARNING ACTIVITIES:

B. EXPLORE:

*The teacher will show a sample of web with link anchor.

C. FIRM UP:

CREATING ANCHORS

If you want the user jump to a specific section of the web page, you have to create an anchor
and then reference that anchor in the link.

To create an anchor:
1. Place the cursor in the part of the web page that you want the user to jump to.
2. Type <a name = “anchor” name is the text you will use internally to identify that section
of the web page.
 3. Add words or images that you wish to be referenced.
4. Type </a> to complete the definitions of the anchor.

LINKING TO A SPECIFIC ANCHORS

Once you created an anchor, you can define links so that a users click brings them directly to
the section of the document that you want them to go.

To create link to an anchor:

1. Type <a href = “#anchor name”>, where the anchor name is the value of the name
attribute in the destinations a tag or the value of the destinations id attribute.
2. Type the label text, that is the text that is highlighted (blue and underlined) and that when
clicked upon will take the users to the section refer to step 1.
3. Type </a> to complete the link.

USING MARQUEE TAG (SCROLLING TEXTS)

 The <marquee> is a non-standard HTML tag which was used to create a scrolling text or
an image.
 It was used to make the text or image scroll horizontally across or vertically down the web
page.

To create a marquee tag:

1. Type <marquee>
2. Type the content that you want to scroll.
3. Type </marquee>
ATTRIBUTES

The following attributes can be used to adjust the appearance of the <marquee> element.

Attribute Value Description

scroll
behavior slide Defines the scrolling type.
alternate

rgb(x,x,x)
bgcolor #xxxxxx Is used to give a background color.
colorname

up
down
direction left Sets the direction for the scrolling content.
right

D. DEEPEN:

ACTIVITY NO. 1 (HANDS-ON)

 Open notepad and save it with your name as a file name.

 Make an anchors link with 5 of your favorite artists
 Send your work thru LMS

E. TRANSFER:

ACTIVITY NO. 2 (HANDS-ON)

 Open notepad and save it with your name as a file name.

 Type in 6 names of your closest friends and put each in marquee tag with
different background color.
 Save your work and send it thru LMS

VIII. SUMMARY:
The anchor tag isn’t quite as popular as many other types of linking and is easy to miss if you’re a
startup, but it’s a great way to help keep things easy for your visitor. It’s easy to implement and it’s never
too late to get started.
 IX. VALUES INTEGRATION:
using the anchor tag is actually very simple. It’s all about using a series of different HTML codes which
might remind you of the normal HTML linking tag you’re used to using.

X. POST ASSESSMENT:

Choose the letter of the correct answer.

1. It is the tag to create an anchor:
a. <a name = “anchor”>
b. <a nname = “anchor”>
c. <a anchor = “name”>

2. It is the tag To create link to an anchor:

a. <a hfer = “#anchor name”>,
b. <a rhef= “#anchor name”>,
c. <a href = “#anchor name”>,

3. It is the opening tag for marquee.

a. <marquee>
b. <marquie>
c. <marky>

5. It is the attribute of marquee that defines the scrolling type.

a. behaviour b. bgcolor c. direction

6. It is the attribute of marquee that is use to give a background color.

a. behaviour b. bgcolor c. direction

7. It is the attribute of marquee that set the direction of the scrolling text.
a. behaviour b. bgcolor c. direction