SHS
GRADE
11
COMPUTER PROGRAMMING .NET 1
QUARTER 2 MODULE 5
PERFORM COMPUTER OPERATIONS
Name: _______________________________________________________________________
Grade Level & Section: __________________________________________________________
Subject Teacher: _______________________________________________________________
OBJECTIVES:
After this lesson, you will be able to answer the following questions:
• What is a Hyperlink?
• What is a target attribute?
• How to create a bookmark in HTML
LESSON PROPER
HTML Links or Hyperlinks
• You can jump to another webpage by clicking on a link / hyperlink
• The curser will turn into a small hand when you move the mouse over a link.
Page 1|9
The target Attribute
• The target attribute specifies where to open the linked document.
• The target attribute can have one of the following values:
_self - Default. Opens the document in the same window/tab as it was clicked
_blank - Opens the document in a new window or tab
_parent - Opens the document in the parent frame
Page 2|9
Example
<a href=“https://google.com” target=_blank> Go to google.com </a>
This will open google.com on a new tab
Links as Bookmark
Page 3|9
Example
<html>
<body>
<h1 id=“ep4”> Episode 4 </h1>
<p> This is episode 4 </p>
<p> This is episode 4 </p>
<p> This is episode 4 </p>
<p> This is episode 4 </p>
<p> This is episode 4 </p>
<a href=”#ep4”> Go to episode 4</a>
</body>
</html>
REFERENCES:
https://w3schools.com/html/links
https://www.w3schools.com/tags/default.asp
https://www.w3schools.com/tags/ref_attributes.asp
Page 4|9
ACTIVITIES A
Directions: Read the given questions below and answer each item by expressing your own
ideas.
What value of target will open the document in a new tab?
1. _____________________________________________________________________________
_____________________________________________________________________________
What is the most important attribute of <a>?
2. _____________________________________________________________________________
_____________________________________________________________________________
How to create a Bookmark in HTML?
3. _____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
____________________________________________________________________________
What value of target will open the document in a new tab?
4. ____________________________________________________________________________
____________________________________________________________________________
____
Page 5|9
What is a hyperlink?
5. _________________________________________________________________________________
___________________________________________________________________________
This attribute specifies where to open the linked document
6. _________________________________________________________________________________
___________________________________________________________________________
What tag defines a hyperlink?
7. _________________________________________________________________________________
___________________________________________________________________________
URL stands for.
8. _________________________________________________________________________________
___________________________________________________________________________
ACTIVITIES B
Encircle the correct answer.
1 which could be the value of href?
A https://JPI.com
B <a>
C </a>
D Visit JPI
Page 6|9
2 Which will create a link going to youtube.com
A <a href=https://google.com >go to youtube.com</a>
B <a href=https://youtube.com >go to youtube.com</a>
C <a href=https://facebook.com >go to youtube.com</a>
D <a href=https://pexels.com >go to youtube.com</a>
3 Which will give an id “row” to h1
A <h1 id=”dow”> ROW </h1>
B <h1 id=”row”> MOW </h1>
C <h3 id=”row”> ROW </h3>
D <h3 id=”mow”> ROW </h3>
4 Which will create a link going to facebook.com
A <a href=https://google.com >go to youtube.com</a>
B <a href=https://youtube.com >go to youtube.com</a>
C <a href=https://facebook.com >go to youtube.com</a>
D <a href=https://pexels.com >go to youtube.com</a>
5 Which will create a link going to pexels.com
A <a href=https://google.com >go to youtube.com</a>
B <a href=https://youtube.com >go to youtube.com</a>
C <a href=https://facebook.com >go to youtube.com</a>
D <a href=https://pexels.com >go to youtube.com</a>
Page 7|9
6 Which will give an id “not” to h3
A <h1 id=”not”> NOT </h1>
B <h1 id=”Now”> MOW </h1>
C <h3 id=”not”> NOT </h3>
D <h3 id=”KOT”> NOT </h3>
7 Which will give an id “not” to h4
A <h4 id=”not”> NOT </h4>
B <h4 id=”Now”> MOW </h4>
C <p id=”not”> NOT </p>
D <p id=”KOT”> NOT </p>
8 Which will give an id “PIN” to <p>
A <h4 id=”PIN”> PIN </h4>
B <h1 id=”PIN”> PIN </h1>
C <p id=”PIN”> PIN </p>
D <a id=”PIN”> PIN </p>
Page 8|9
