Top Banner
Unit 6 – Link Presentation 1 Web Programming
13

M02 un06 p01

Jan 20, 2015

Download

Technology

Intan Jameel

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: M02 un06 p01

Unit 6 – Link

Presentation 1

Web Programming

Page 2: M02 un06 p01

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.

Page 3: M02 un06 p01

Objectives

At the end of this presentation, you will be able to• Identify a link in a Web page• Create Internal Hyperlinks

Page 4: M02 un06 p01

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.

Page 5: M02 un06 p01

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.

Page 6: M02 un06 p01

Link Types

• There are two types of links.– Internal Hyperlink and – External Hyperlink.

Page 7: M02 un06 p01

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>

Page 8: M02 un06 p01

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”>.

Page 9: M02 un06 p01

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?

Page 10: M02 un06 p01

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.

Page 11: M02 un06 p01

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.

Page 12: M02 un06 p01

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.

Page 13: M02 un06 p01

Assignment

1. What are the two types of Hyperlink.

2. Name the tag which is used to create link.