8/8/2019 Links and Tables

1/13

Links and Tables

8/8/2019 Links and Tables

2/13

Links in HTML

y A hyperlink (or link) is a word, group of words, or imagethat you can click on to jump to a new document or a newsection within the current document.

y When you move the cursor over a link in a Web page, thearrow will turn into a little hand.

8/8/2019 Links and Tables

3/13

8/8/2019 Links and Tables

4/13

Destination

y Relative path

y If a linked file or image is in the same folder as the hypertextlink then only the file name needs to be specified.

y

Absolute pathy indicate the names of the drive and/or the folders that specify

where the linked file is located.

8/8/2019 Links and Tables

5/13

Anchor Tag

y An anchor is a piece of text which marks the beginningand/or the end of a hypertext link.

y The tag can be used in two ways:

y

To create a link to another document, by using the href attributey To create a bookmark inside a document, by using the name

attribute

8/8/2019 Links and Tables

6/13

Anchor Attributes

y HREF (Hypertext REFerence)

My school

linkthis is a sample of a link

My school

8/8/2019 Links and Tables

7/13

y Target

y specifies where to open the linked document.

Anchor Attributes

My school

8/8/2019 Links and Tables

8/13

y Name

y specifies the name of an anchor.

y the name attribute is used to create a bookmark inside anHTML document.

Anchor Attributes

Go to top|:

|Welcome to My Home Page

8/8/2019 Links and Tables

9/13

y mailto:

y The mailto is a quick way to add the facility of receivingfeedback from visitor on your web site.

y Creates a link which when clicked by the visitor it launchestheir email program with a new email message window. Thevisitor could then formulate the email message and send it off toyou.

Note: mailto assumes that the visitor has configured an emailclient (say, Outlook Express) to send emails.

Anchor Attributes

8/8/2019 Links and Tables

10/13

8/8/2019 Links and Tables

11/13

Using the bare form ofthe mailto:Using the bare form ofthe mailto:

Using the complexform of the mailto:

8/8/2019 Links and Tables

12/13

E-mailme

8/8/2019 Links and Tables

13/13

Send this page to a friend