Scribd
Upload
11 views8 pages

Intenal External Link PPT 4

The document discusses the creation of hyperlinks in HTML, focusing on internal and external links. Internal links allow navigation within the same webpage using the <a> tag, while external links connect to different webpages or URLs. Examples are provided to illustrate the syntax and usage of both types of links.

Uploaded by

Bhanupriya R M Bhanupriya R M
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views8 pages

Intenal External Link PPT 4

The document discusses the creation of hyperlinks in HTML, focusing on internal and external links. Internal links allow navigation within the same webpage using the <a> tag, while external links connect to different webpages or URLs. Examples are provided to illustrate the syntax and usage of both types of links.

Uploaded by

Bhanupriya R M Bhanupriya R M
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

HTML Hyperlinks , Internal Links in HTML,

External Links in HTML

PRESENTED BY-
NEELAM SINGH
DEPARTMENT OF COMPUTER SCIENCE
WEBSITE

 A website is a collection of interconnected web pages. Links creation are


an essential part of web design. Links creation properly utilizes the content
and reduce the effort for repetition of content. Links can be used to
interconnect two different web pages or it may be used as HTML
hyperlinks to go to some other URL or we can use a link to navigate in the
same web page.
Internal Links in html

An internal link is used in html page to navigate properly in the webpage.


If you want to go to any specific location in the same page by clicking on a link,
you can create an internal link in the webpage. <a> tag is used for link creation in html page.
Syntax:

<a href= “#link1”> MyLink</a>


Example:

<! DOCTYPE html>


<html>
<head> <title> Internal link example </title> </head>
<body>
<p>Welcome to my web-page.
This is an example of internal link creation in html web-page.</p><br>
<a name= “HTML Introduction”> Introduction to Html </a>
<p> Html is hyper text mark-up language.</p><br><br>
<a name= “CSS Introduction”> Introduction to CSS </a>
<p> Cascading Style Sheet is used for styling the web pages</p><br><br>
<a href= “#HTML Introduction”> html</a><br>
<a href= “#CSS Introduction”> css</a>
</body>
</html>
External Links in html

 An external link is used to interconnect two html webpages. When you


want to navigate to some other page or any other URL by clicking on a link
on webpage, external links are created. An external link can be created
by using anchor tag in html web page.

Syntax:
<a href= “Pagename.html or URL”> text to be written on link </a>
Example:
“Page1.html”

<! DOCTYPE html>


<html> <head> <title> This is Page1 </title> </head>
<body> <h1> Page 1</h1> <br>
<a href= “Page2.html”> Back</a>
</body>
</html>
“Page2.html”

<! DOCTYPE html>


<html> <head> <title> External link example</title> </head>
<body> <h1> this page creates external links in html webpage</h1> <br>
<a href= https://msatechnosoft.in> URL external link </a> <br>
<a href= “Page1.html”> Page1 external link</a>
</body>
</html>
THANK YOU

You might also like