-->
Showing posts with label hyperlink in a page. Show all posts
Showing posts with label hyperlink in a page. Show all posts

Tuesday, July 7, 2020

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>