Table of Contents
HTML Links
- HTML links are hyperlinks.
- HTML link default color is Blue.
- You can click a link and jump to another document/page.
Syntax: url“>NIELITBHU
Example of HTML Links
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h4> HTML links</h4>
<a href="https://www.nielitbhu.com/">NIELITBHU</a>
</body>
</html>
HTML target attribute
- The target attribute is used to define where to open the linked document.
- _self – It is the default. Use _self target to open the linked document in the same window/tab.
- _blank –Use _blank target to open the linked document in a new window or tab.
- _top – Use _top target to open the linked document in the full body of the window.
Example of HTML target attribute
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h4> HTML target attribute</h4>
<p>The target attribute is used to define where to open the linked document.</p>
<h5>self target attribute</h5><br>
<a href="https://www.nielitbhu.com" target="_self">NIELITBHU</a>
<h5>blank target attribute</h5><br>
<a href="https://www.nielitbhu.com" target="_blank">NIELITBHU</a>
<h5>top target attribute</h5><br>
<a href="https://www.nielitbhu.com" target="_top">NIELITBHU</a>
</body>
</html>
Image Hyperlink in HTML
- The <img> element ( inside <a> anchor element)is used For an image as a link.
Example of Image Hyperlink in HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h2> Image Hyperlink in HTML</h2>
<a href="https://www.nielitbhu.com/">
<img src="https://nielitbhu.com/logo.jpg"></a>
</body>
</html>
Set Height and Width Image Hyperlink in HTML
- The width and height attributes is used to set the Image width and height.
Example of Image Hyperlink in HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h2> Image Hyperlink in HTML</h2>
<a href="https://www.nielitbhu.com/">
<img src="https://nielitbhu.com/logo.jpg" width="150px" height="150px"></a>
</body>
</html>