Jump Link to the same page with # - HTML CSS HTML

HTML CSS examples for HTML:Anchor Link

Description

Jump Link to the same page with #

Demo Code

ResultView the demo in separate window

<!DOCTYPE html>
<html lang="en">
 <head> 
  <title>Example of jump link</title> 
 </head> <!--from  w w  w .  j  a  va  2  s  . co  m-->
 <body> 
  <p style="margin-bottom: 1200px;"><a href="#notes">Jump Link</a></p> 
  <p id="notes">Maecenas non leo sed velit sodales scelerisque sed id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed tempus eros vitae lacus pulvinar faucibus. Aliquam erat volutpat. Nunc nec orci massa, a sagittis mi. Donec non arcu nec lacus bibendum varius. In pharetra diam ut mauris suscipit ac congue lectus fringilla. Cras vehicula elit in tortor luctus sodales. Etiam nunc sapien, consequat ac vulputate non, vulputate in sapien. Etiam arcu tortor, volutpat eu malesuada id, interdum laoreet tellus. Nulla eros est, semper in cursus a, elementum ac sem.</p>   
 </body>
</html>

Related Tutorials