Link Buttons

In this a button is made clickable by using anchor tag.

Example: Implementation of HTML link button with an example.

HTML




<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,
                   initial-scale=1.0">
    <title>Link Button Example</title>
    <style>
        .button {
            display: inline-block;
            padding: 10px 20px;
            font-size: 16px;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            border: 2px solid #008CBA;
            color: #008CBA;
            border-radius: 5px;
            background-color: white;
        }
    </style>
</head>
 
<body>
    <a href=
       class="button">
      w3wiki
      </a>
</body>
 
</html>


Output:



HTML Link Colors

HTML Link Colors refer to the color applied to the text within the <a> element, determining how hyperlinks appear on a webpage and can be modified through the CSS ‘color’ property. By default, links are typically displayed in blue for unvisited links, purple for visited links, and red for active links. However, developers can customize these defaults by assigning specific color values to the ‘a’ (anchor) selector in their CSS style sheets.

Table of Content

  • HTML Link Tags
  • HTML Link Colors
  • Link Buttons

Similar Reads

HTML Link Tags

The HTML tag defines the hyperlink....

HTML Link Colors

In its default appearance across all browsers, a hyperlink exhibits the following characteristics:...

Link Buttons

...

Contact Us