Jumping to different locations inside a page

Saturday, December 25, 2010

qwer 1) Define a target 
1. Decide a target location on the page.
2. Assign an ID to the HTML element occupying that location.
3.<p id="postbottom">You’ve reached the bottom of the post</p>
You can add an id attribute to any element -<div>, <span>, <p>, <a> , <img> etc.
4. If you don’t have an element there (i.e. you are jumping into a middle of a long paragraph), just create one -enclosed a word with a … tag and add in the id.


2) Jump from the same page

To jump to that particular location you need a hyperlink pointing to it.
1. Create an ordinary link/anchor.
2. Put the element ID from step 1)2 as the link destination (the value of href attribute). The ID must be preceded by a pound sign (#).

3) Jump to top of page

To jump to the top of the same page, simply use the pound sign (without ID) as the destination, like this:
<a href="#">Back to top</a>
My back top top button at the bottom left of the screen uses such URL.



Related keywords


how to pdf,  link html,  templates blogger,  templates for blogger,  blogger templates,  www.blogger,  blogger template,  template blogger,  free templates for joomla,  free templates of joomla,  make a pdf,  make link,  how to blogger,  free templates for blogspot,  make a link,  how to make a pdf,  template blogspot,  free layouts for blogger,  making a pdf,  blogger blogspot,  blogspot blogger,  free template for blogspot,  blogger or blogspot,  blogspot or blogger,  blogger for blogspot,  make a document,  link blogger,  blogger link,  link to blogger,  any pdf,  link in blogger,  google offline installer,  how to make a document,  pdf to any,  layouts for blogspot,  creating a free blog,  widgets to blog,  templates blogger blogspot,  mobile jar files,  seo for blogger,  from blogger,  blogger.com sign in,  blog templates for blogspot,  adsense blogger,  adsense blogspot,  adsense for blogspot,  adsense with blogger,  favicon to blogger,  free blog software,  make link html,  pages in blogger,  mp3 for blogger,  domain blogger,  mp3 on blogger,  blogger help,  blog templates blogspot,  blogspot blog templates,  dlsu.edu,  blogger blogspot templates,  best templates for blogspot,  blogspot blogger templates,  myanmar mp3 albums,  html templates for blogger,  blogger templates blog,  blogger blog templates,  rss feed to blogger,  make a document a pdf,  how to make a document a pdf,  how to make a document pdf,  linking in pdf,  premium blogger templates,  blogspot layouts blog,  flash player link,  blogger template generator,  new blogger templates,  blogger template design,  free blog websites,  blogger new templates,  free blogging services,  custom domain blogger,  blogger creator,  ads for blogger,  ads on blogger,  blog template for blogspot,  blogger template blogspot,  blogger custom domain,  make a blogger template,  simple templates for blogger,  blogger blogspot template,  layout blogger blogspot,  easy blogger,  adsense blogspot template,  layouts for blogger.com,  free blogging software,  photo blogger templates,  blogger template adsense,  blogger photo templates,  blog template blogger,  new template for blogger,  blogger blog template,  blogger template blog,  photography blogger templates,  free blog pages,  add link to blogger,  setting up a free blog,  how to design a document,  professional blogger templates,  cool blogger templates,  php blog software,  blogger templates codes,  blogger professional templates,  set up free blog,  blogger cool templates,  adsense templates blogger,  google blogger templates,  blogger template layouts,  free blog page,  easy blogger creator,  blogger guide,  blogger top templates,  mobile games blogspot,  joomla template blogspot,  blogger blog layouts,  blogger layouts blog,  link blogger to twitter,  link twitter to blogger,  blogger websites,  blogger for dummies,  link twitter blogger,  web hosting blogspot,  blogger own domain,  how to set up a free blog,  linking in blogger,  link within blogger,  blogger video templates,  write a blog free,  seo blogger blogspot,  penangbridge blog,  creating pages in blogger,  latest blogger templates,  blogger link list,  free social network template,  blogger image link,  seo tips for blogger,  blogger html tags,  premium blogspot template,  free blogs for website,  blogger beta templates,  coffeecup flash blogger,  google blog templates free,  blogger read more link,





Share/Save/Bookmark

Enter your email address:

Delivered by FeedBurner

0 comments

Post a Comment

Select Your Favorite