Html internal and external links

In this article we are discussing about Html internal and external links, how can we use Html internal and external links.

HTML Links – HTML Internal Link

  • HTML Internal Link is linked within the same web page. This link can be absolute path or relative path.
  • HTML internal link name is followed by hash sign(#). HTML <a> tag is use for anchor point name, which is referred to a internal link into a same page.</a>
  • When click on this anchor link, It’s referred link automatically scrolls and display on browser.

Example: Html Link’s
link can be referred as <a href=”#Step.1″>Step.1</a> automatically.

Example : HTML Internal Link Example

<html>
<head>
<title> HHTML Internal Link Example </title>
</head>
<body>
<!-- Now we are using HTML Internal Link Example -->
<a href="#Lesson.1"> Lesson.1 </a>
<a href="#Lesson.2"> Lesson.2 </a>
<a href="#Lesson.3"> Lesson.3 </a>
<a name="Lesson.1"> Introduction of Lesson.1 </a>
<p>This is sub topic.1 </p>
<p>This is sub topic.2 </p>
<p>This is sub topic.3 </p>
<p>This is sub topic.4 </p> 
<a name="Lesson.2"> Introduction of Lesson.2 </a>
<p>This is sub topic.1</p>
<p>This is sub topic.2</p>
<p>This is sub topic.3</p>
<p>This is sub topic.4</p>
<a name="Lesson.3"> Introduction of Lesson.3 </a>
<p>This is sub topic.1 </p>
<p>This is sub topic.2 lt;/p>
<p>This is sub topic.3 </p> 
<p>This is sub topic.4 </p>
</body>
</html>

Output :
Lesson.1
Lesson.2
Lesson.3

Introduction of Lesson.1

This is sub topic.1

This is sub topic.2

This is sub topic.3

This is sub topic.4

Introduction of Lesson.2

This is sub topic.1

This is sub topic.2

This is sub topic.3

This is sub topic.4

Introduction of Lesson .3

This is sub topic.1

This is sub topic.2

This is sub topic.3

This is sub topic.4

HTML Links – HTML External Links

  • HTML Link – External HTML Links is linked to external web page. This link is may be absolute path or relative link path.
  • <a> tag is used for anchor name which is referred link to another web page.
  • External link is great future to drive a webpage one to another and useful for surf many webpage in website.

HTML External Link Example

<html>
<head>
<title> HTML Internal Link External </title>
</head>
<body>
<!-- Now we are using HTML External Link Example -->
<a href="http://www.phpkida.com/category/html-tutorials/"> HTML TUTORIAL </a>
<a href="http://www.phpkida.com/category/css-tutorials/"> CSS  TUTORIAL </a>
<a href="http://www.phpkida.com/category/php-tutorial/"> PHP TUTORIAL  </a>
</body>
</html>

Output :

HTML TUTORIAL
CSS TUTORIAL
PHP TUTORIAL

About Author

My name is Mukesh Jakhar and I am a Web Application Developer and Software Developer, currently living in Jaipur, India. I have a Master of Computer Application in Computer Science from JNU Jaipur University. I loves to write on technology and programming topics. Apart from this, I love to travel and enjoy the beauty of nature.

Sign up for weekly update

Milkshake is almost ready. If you're interested in testing it out, then sign up below to get exclusive access.