Presentation is loading. Please wait.

Presentation is loading. Please wait.

Hyperlinks Anchor Tags.

Similar presentations


Presentation on theme: "Hyperlinks Anchor Tags."— Presentation transcript:

1 Hyperlinks Anchor Tags

2 Hyperlink (aka Link) Text (or image) user can click
Takes user to different location In general, location can be: On same page A different page in same site A page outside the site software on user’s computer

3 Linking to Locations on SAME Page
Bookmarks & ID’s

4 Step 1: ID’s Select location that you want to link to Find tag near it
Place an id attribute inside that tag value must be unique Start with letters, no symbols, no spaces ID – cannot be repeated for more than 1 element/tag on the same page

5 href = hypertext reference
Step 2: Create Link Link can be any part of a page – within lists, within p tags, etc. Surround text (or image) with a tags href = hypertext reference #nameOfIDtoLinkTo

6

7 Demo

8 Effect of Bookmarks Scrolls page as far up as possible to move ID location to the top If page is short, will not move location all the way up Really only makes sense for very long pages


Download ppt "Hyperlinks Anchor Tags."

Similar presentations


Ads by Google