How we add a Link our Website by HTML & CSS

Click & Know About It

Step 1st HTML

 <form action="action_page.php">

    <div class="container">

      <h2>Click Below Button and Open Some Different</h2>

      <p><a href="https://programming387.blogspot.com"><button>Blogger Link</a></button></p>

    </div>

  

    <div class="container" style="background-color:white">

      <input type="text" placeholder="Name" name="name" required>

      <input type="text" placeholder="Email address" name="mail" required>

      <label>

        <input type="checkbox" checked="checked" name="subscribe"> Daily New Updates

      </label>

    </div>

  

    <div class="container">

      <input type="submit" value="Click Above Not Me">

    </div>

  </form>

Step 2nd  CSS

form 

{

    border: 4px solid #f1f1f1;

  }

  .container 

{

    padding: 20px;

    background-color: #f1f1f1;

  }

  input[type=text], input[type=submit] 

{

    width: 100%;

    padding: 12px;

    margin: 8px 0;

    display: inline-block;

    border: 1px solid #ccc;

    box-sizing: border-box;

  }

    input[type=checkbox] 

{

    margin-top: 16px;

  }

  input[type=submit]

 {

    background-color: #4CAF50;

    color: white;

    border: none;

  }

  

  input[type=submit]:hover {

    opacity: 0.8;

  }

Output