Hyperlink In HTML


Hyperlinking refers to sending user to another place or document on the webpage upon a click.

You can change various style parameters as per your project requirements like changing the colour of links upon click, hover, etc.

 

example:

<!DOCTYPE html>
<html>
<head>
<style>
a:link {
    color: black; 
}

a:visited {
    color: green;
}

a:hover {
    color: red;
}

a:active {
    color: blue;
}
</style>
</head>
<body>

<p>This is a Hyperlink to other webpage in new window <a href="https://www.ourcoaching.com/tutor/register.php" target="_blank">Click here</a></p>
<br>
<p>This is a Hyperlink to other webpage in same window <a href="https://www.ourcoaching.com/tutor/register.php">Click here</a></p>
<br>
<p>This is a Hyperlink from image <a href="https://www.ourcoaching.com" target="_blank">
<img src="https://www.ourcoaching.com/images/ourcoaching-bg.png" width="100px" height="100px">
<a></h2>


</body>
</html>


Output is as follows:




Related Tutorials