How to Make an Entire Section Clickable in HTML

Many websites and blogs include internal clickable links to help visitors navigate around the site, and external clickable links to relevant websites or ad sponsors. Most clickable links are either individual words or short phrases in the website text, graphic buttons or images. If you want to make a whole section of Web page into a clickable link, then you'll need to alter the Hypertext Markup Language code for that section. You can do this with a plain text editor or your usual Web design software.

Instructions

    • 1

      Launch the Web design program or a plain text editor tool. All Windows-based computers ship with the native Notepad plain text editor.

    • 2

      Click "File" and then "Open" to open the Web page that you want to edit.

    • 3

      Scroll through the HTML design code for the page and find the beginning of the section that you want to make clickable.

    • 4

      Type the code "<a href="http://www.example.com">" immediately before the text or image at the beginning of the section that you want to make clickable. Replace "www.example.com" with the correct destination URL for the section link.

    • 5

      Scroll to the end of the section of the Web page that you want to make clickable.

    • 6

      Type the code "</a>" immediately after the text or image at the end of the section that you want to make clickable. Web browsers will now treat all content between the beginning and end of the section as a clickable link.

    • 7

      Click "File" and then "Save" to save the changes. Upload the edited page to your Web host in the usual way.

Tips & Warnings

  • If you want the destination link to open in a new Web browser window or tab when the visitor clicks the link, use the code: ""<a href="http://www.example.com" target="_blank">" in Step 4.

Related Searches

Resources

You May Also Like

Related Ads

Featured
View Mobile Site