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

  • The (anchor) element to create the hyperlink.
  •  The href attribute is used to define the link address.
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>
English Hindi