Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

HTML stands for HyperText Markup Language

Part 9: Internal Targets or Bookmarks

Now we are going to take a look at internal targets. Internal targets are links to another section of your web page. They allow us to specify and navigate through specific parts of a page. We can take you to a certain paragraph, or take you to the top. The Internal target or bookmark is a type of anchor tag that NAMES the location it surrounds.

1.Adding an anchor:  To begin. you must name whatever section you want to jump to. Just put an anchor before it and give it a name. Add the end of the anchor after it. 
Internal targets use the Name attribute of the anchor. This does not show as a hyperlink in the page.

<A NAME="top">Top</a>

2. Linking to a Name anchor: Hyperlinks to these internal targets refer to the location within the page, or the name attribute as #name. Before whatever you want the viewer to click on to go to that area you add a < a href="#"> tag using the same name as the internal target. Here I used the name "top". The linked words will be followed by the close of the anchor tag, </a>.

<A HREF="#top">This will take you to the page top</a>


3. Adding an internal target code to your lesson page: On your page code you have been working on in these lessons, add a target anchor right after your body tag, and before your sound, add this tag: and be sure to end it wih a </a>after your sound, so it will loook like this

<A NAME="top"><embed src="http://www.porshiana.com/sample.mid" volume="30%" hidden="false" autostart="true loop="true" height="100"></a>



4. Adding a link to your internal taget: At the bottom of your page right after you end your list, prior to the end of your body </body>, lets make a link to go back to the top. Is should appear like this:

<A HREF="#top">Take Me To The Top</A>


Save, and view it in a browser.

I am going to add a few more internal targets, one for the numbered and unnumbered list. If you do this also, your code will look like this:


Now we know how to link within out document.

When you are ready , we can move on to our final lesson, lesson 10, email links and horizontal rules



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2024 All Rights Reserved
Privacy and Legal