How to jump or link to specific part of a page in HTML


Back to learning
Created: 14/01/2016


How to jump or link to specific part of a page in HTML


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
Menu<br>
<a href="#pa3">Link to paragraph 3</a>
<br>
<a href="#pa4">Link to paragraph 4</a>
<br><br>

<a name="pa1">Link1</a>
<div>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
</div>
<a name="pa2">Link2</a>
<div>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
</div>
<a name="pa3">Link3</a>
<div>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
</div>
<a name="pa4">Link4</a>
<div>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
asdasddsadsa<br>
</div>
</body>
</html>



And if you want to jump using URL just puth this at the end of the url:
file:///C:/Users/xxxxx/Desktop/Temp/test.html#pa4

and the page will jump directly to the section (<a name="pa4">Link4</a>)