Jump to another part of a document (bookmark)
Description:
Code:
< html >
< body >
< p >
< a href ="#Prg_D" > Jump to Paragraph D.</ a >
</ p >
< h2 > Paragraph A</ h2 >
< p > This paragraph explains blah blah</ p >
< h2 > Paragraph B</ h2 >
< p > This paragraph explains blah blah</ p >
< h2 > Paragraph C</ h2 >
< p > This paragraph explains blah blah</ p >
< h2 > < a name ="Prg_D" > Paragraph D</ a > </ h2 >
< p >
This paragraph explains blah blah< br />
< a href ="#top" > Jump back to Top</ a >
</ p >
< h2 > Paragraph E</ h2 >
< p > This paragraph explains blah blah</ p >
< h2 > Paragraph F</ h2 >
< p > This paragraph explains blah blah</ p >
< h2 > Paragraph G</ h2 >
< p > This paragraph explains blah blah</ p >
< h2 > Paragraph H</ h2 >
< p > This paragraph explains blah blah</ p >
< h2 > Paragraph I</ h2 >
< p > This paragraph explains blah blah</ p >
< h2 > Paragraph J</ h2 >
< p > This paragraph explains blah blah</ p >
< h2 > Paragraph K</ h2 >
< p > This paragraph explains blah blah</ p >
< h2 > Paragraph L</ h2 >
< p > This paragraph explains blah blah</ p >
</ body >
</ html >
Play with the code:
See working example:
Explanation:
To make bookmark on a html page, you should add two HTML tags, one for the place of bookmarks with the <a name=" ">
tag, and one for the hyperlink with the <a href="# " > tag.
To create a link to jump to the top of the page, use value #top for the link's href property.
See Also:
HTML: Html , Body , P , A , h2
