Web Applications programming

IS 221

Outlines:

• Creating a hypertext link.

• Specifying a folder path.

• Linking to locations within documents.

• Working with linked images.

• Linking to resources on the internet.

10/30/2013 Maha Alkuaib 2

Creating a hypertext link

Specifying folder/file path: 1- Absolute Paths. • /folder1/folder2/folder3/file (if the files located on the same

drive) • /drive|/folder1/folder2/folder3/file (if the files are located

on different drives) 2- Relative Paths. • folder1/folder2/folder3/file (if the file is in a subfolder of the

current document) • ../file (if the file is in the parent folder of the current

document) • ../../file

Answer the Following Questions

SESSION 2.1 Page:73

• What code would you enter to link the text “Sports Info” to the sports.htm file?

Assume that the current document and sports.htm are in the same folder.

Answer the Following Questions

SESSION 2.1 Page:73

• Refer to Figure 2-11. If the current file is in the camshots/pages/glossary folder, what are the relative paths for the four files listed in the folder tree?

• glossary.htm

•../tips/tips1.htm

•../tips/tips2.htm

•../../index.htm

10/30/2013 Maha Alkuaib 6

Figure 2-11

SESSION 2.2

Linking to Locations within Documents

10/30/2013 Maha Alkuaib 7

1- linking between documents:

2-Linking to location within a document :

A- using the id attribute:

B- linking to an id:

3- linking between document and specific location in other document:

A- using the id attribute:

B- linking to an id:

4- Linked Images and Image Maps

A- using the id attribute:

B- linking to an id:

SESSION 2.3

Linking to Resources on the Internet

5- linking to a web site:

6- linking to an E-mail:

Evaluation #2