m02 un06 p01
DESCRIPTION
TRANSCRIPT
Unit 6 – Link
Presentation 1
Web Programming
Revision
1. Name the different types of list.
2. State the differences between Ordered and Unordered Lists.
3. Name the attributes of <OL> tag.
4. List the tags to create Definition List.
Objectives
At the end of this presentation, you will be able to• Identify a link in a Web page• Create Internal Hyperlinks
Hyperlink
• A Hyperlink is a text or image that is linked to a location in the same Web page or to a different Web page.
• Navigate through the Web pages easily by clicking the Hyperlinks.
Hands-On!
• Open the HTML file Puzzle.html in C:\HTML\Unit5\Hands On Folder in Internet Explorer.
• This HTML document describes the use of Link.
Link Types
• There are two types of links.– Internal Hyperlink and – External Hyperlink.
Internal Link
• Hyperlink that is linked to the content in the same Web page.
• The text to be used as hyperlink is placed between the <A> and </A> tags.
• HREF is the attribute that specifies to which place the document is linked.
• Example:
<A Href = “Tomatoes”> 8 Tomatoes </A>
Internal Link
• The target text of the link is preceded by another <A> tag
• The values given for Href and Name attributes should be the same
• Example:
<A Name=” Tomatoes”>.
Lab Exercise
1. Open D6_1.html in Internet Explorer.
a. Identify the tag which is used to create link?
b. Name the attribute which is used specify the document to which the hyperlink is linked to?
Lab Exercise
2. Open Malaysia.HTML that you have created under the folder in your name in C: a. When you click on the text “National Flower”,
the following description should be displayed in the same page using internal hyper link.
b. When you click on the text “Fruits of Malaysia”, the following description should be displayed in the same page using internal hyper link.
Summary
In this presentation, you learnt the following:• A Hyperlink is a text or image that is linked to
a location in the same Web page or a different Web page.
• The two types of hyperlinks are Internal and External.
• The Internal Hyperlink is a hyperlink that is linked to the content in the same Web page.
Summary
• The text to be used as hyperlink is placed between the <A> and </A> tags.
• The values given for Href and Name attributes should be the same.
Assignment
1. What are the two types of Hyperlink.
2. Name the tag which is used to create link.