How to Make a HTML Link Button

PDF download Download Article
PDF download Download Article

This article will show you how to make a HTML link button. It behaves similar to a normal hyperlink, but instead, it's a button.

Steps

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d3\/Make-a-HTML-Link-Button-Step-1-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-1-Version-3.jpg","bigUrl":"\/images\/thumb\/d\/d3\/Make-a-HTML-Link-Button-Step-1-Version-3.jpg\/aid2433836-v4-728px-Make-a-HTML-Link-Button-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Make-a-HTML-Link-Button-Step-2-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-2-Version-3.jpg","bigUrl":"\/images\/thumb\/9\/94\/Make-a-HTML-Link-Button-Step-2-Version-3.jpg\/aid2433836-v4-728px-Make-a-HTML-Link-Button-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}


    <form method="get" action="https://www.wikihow.com/Main-Page"><button type="submit">Home Page</button></form>
    Advertisement
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/Make-a-HTML-Link-Button-Step-3-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-3-Version-3.jpg","bigUrl":"\/images\/thumb\/5\/57\/Make-a-HTML-Link-Button-Step-3-Version-3.jpg\/aid2433836-v4-728px-Make-a-HTML-Link-Button-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    Currently the code points to wikiHow's homepage. Replace it with the URL of the page you wish to link to.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a6\/Make-a-HTML-Link-Button-Step-4-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-4-Version-3.jpg","bigUrl":"\/images\/thumb\/a\/a6\/Make-a-HTML-Link-Button-Step-4-Version-3.jpg\/aid2433836-v4-728px-Make-a-HTML-Link-Button-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    Currently the button says "Homepage". You can change it to what ever you would like it to say.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Make-a-HTML-Link-Button-Step-5-Version-3.jpg\/v4-460px-Make-a-HTML-Link-Button-Step-5-Version-3.jpg","bigUrl":"\/images\/thumb\/9\/94\/Make-a-HTML-Link-Button-Step-5-Version-3.jpg\/aid2433836-v4-728px-Make-a-HTML-Link-Button-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    Left click the link to make sure it works. If it works, then you're done. If the button does not, you should check your code for mistakes.
    6. Advertisement

Community Q&A

Search
Add New Question
  • Question
    How I create a button like Merch that takes people to another page?
    Community Answer
    Follow the steps in the article, but change the text of the button and the link to whatever you need.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 3 Helpful 9
  • Question
    How do I create a button on an HTML page?
    Community Answer
    Type: button text. It should work.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 20 Helpful 7
  • Question
    Is there a way for the button to send more than one link?
    Community Answer
    No, a button can only do one job. Think of a volume switch on a phone. You can't get that button to turn the volume up, and turn the phone on, and make a call, all at once. The button can only have one job. Add more buttons as needed.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 4 Helpful 3
See more answers
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Tips

      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Submit
      Thanks for submitting a tip for review!

      Things You'll Need

      • Text editor

      You Might Also Like

      How to
      Resize iFrames in HTML
      How to
      Use Font Color Tags in HTML
      How to
      Make a Back to the Top Link on a Website
      How to
      Create a Simple Web Page with HTML
      How to
      Link Within a Page Using HTML
      How to Make a Free Website with Google Sites: Step-by-Step Guide
      How to
      Login to a Website as an Admin
      How to
      Install XAMPP for Windows
      How to Host a Web Server for Free on Your Computer
      How to Design a Retro 90s Style Website or Blog
      How to Make a Link to a Specific Part of a Webpage in HTML
      How to Change Text Color in HTML and CSS
      How to
      Add Fun Games to Your Web Site for Free
      How to
      Create Your First Website
      Advertisement

      About This Article

      In other languages
      Thanks to all authors for creating a page that has been read 141,353 times.

      Is this article up to date?

      Advertisement