HTML click on the image to jump to the new page how to implement? 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.