Presentation is loading. Please wait.

Presentation is loading. Please wait.

Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ Email ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,

Similar presentations


Presentation on theme: "Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ Email ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,"— Presentation transcript:

1 Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ Email ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink, alink ● Anchor tag with image

2 Anchor Tag and its Attribute Hyperlink or Anchor Hyperlink or Anchor is represented by text or image that is linked to another Web page, either on the same site or in another Web site. Clicking on the link will take the user to another Web page, or to another place on the same page. To create a link, use anchor tag and href attribute text/image

3 Email Link Text is used as email link mailto:priya@comet.lehman.cuny.edu Click here to my email Image is used as email link mailto:priya@comet.lehman.cuny.edu

4 Absolute addressing Link Absolute addressing Absolute addressing is entire path of where a file exists; Full description of the address –Absolute address of a Web page on the internet http://comet.lehman.cuny.edu/priya –Absolute address of a Web page on a local system A:/Webfolder/index.html

5 Relative addressing Link Relative addressing Relative addressing is a special addressing method that applies only when the address you'd like to link to is on the same server or system as the web page that the link appears. Relative addressing requires only a partial pathname. This partial pathname only needs to contain enough information to set it from the current directory to the file you’d like to link to.

6 Relative addressing Link The simplest example would be the case where the webpage you’d like to link to are in the same system and directory. my link Partial pathname is expressed in notations –\ go to the main directory –..\ go one directory up in hierarchy –.\ the current directory

7 Intrapage Link Intrapage link directs or goes to a particular spot on a given Web page Two parts to Intrapage link –Naming a region –Linking to the region

8 Intrapage Link Naming a Region For an intrapage to work, we need to name the position within the page that we’d like to go. To name a region within a Web page, we use the anchor tag with a name attribute. my region

9 Intrapage Link Linking to the region To link to an identified region, use the anchor tag and href attribute. hash or pound symbol The value for the href attribute must begin with a hash or pound symbol, followed by the name of the region Go to a particular region

10 Attributes -- link, vlink, alink link, vlink, alink are attributes of body tag. Each effects the color of links at different stages. link attribute effects the color of an unvisited link vlink attribute effects the color of a visited link alink attribute effects the color an activated link


Download ppt "Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ Email ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,"

Similar presentations


Ads by Google