-->

HTML with same page link

Let's type following code in editor to understand how it works.
Here we want to go from top to bottom of page.
-----------------------------------------------------------------
<html> <!--called root tag-->
<head> <!--contains meta information of page-->
<title><!--contains title of page-->
understanding hyperlink in single page 
</title>
</head>
<body>
<h1>this is upper part of page</h1>
<a href="#bottom">goto bottom</a>
<!--we use hash symbol with label for link-->
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
Learning about link<br>
<h1>This is bottom of page</h1>
<a name="bottom">We are at the bottom of page</a>
<!--we use here same name as mentioned in upper part-->
<!--we donot use here hash symbol-->
<!--it takes the page top to bottom-->
<!--we can use same process to go from bootom to top-->

</body>
</html>

 

No comments:

Post a Comment