HTML click on the image to jump to the new page how to implement? Example

Source: Internet
Author: User
Tags html code example
In the design of Web page development, "Jump link" This requirement is the most common. It is very simple to believe that friends who have a certain understanding of HTML, want to implement the ability to click on an element and then jump to a new link to a new page. For example, click the button to jump, such as the text to add hyperlinks and so on can be achieved.

So even if the novice to add a hyperlink to the text is not unfamiliar, that is, to a paragraph of text to add a tag. Then add the new address you want to jump to in the a tag. Even if not fully understand, as long as divert, still can use of handy.

But some novice may ask the text will, that HTML click the image to jump to the new page This function effect how to implement? In fact, it is still the same as text add hyperlinks. This article will introduce you to the HTML click image to jump to the new page of how the function is implemented?

Here we pass a simple HTML code example:

<! DOCTYPE html> 

The above code can be directly copied and pasted in the local test, I test the effect in the local such as:

Because it is a truncated figure, I cannot see the page after the click, but I have personally tested it locally, just click on the image above. is to jump to my designated new link address, "PHP Chinese network." The new address that is specified in the a label after Herf. Want to achieve click on the image jump page This effect, as long as master a tag and img tag, here Friendship reminds: IMG Picture path must be right AH.

Then through the above article about the HTML click on the image to jump to the new page of the relevant introduction. We hope to help you.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.