HTML Element Style How to - Create page jump link

Question

We would like to know how to create page jump link.

Answer


<!DOCTYPE html>
<html lang="en">
<head>
</head><!--from ww w.j  a v a2s  .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>

The code above is rendered as follows: