link open in new tab html code example

Example 1: open page with html

<!DOCTYPE html>
## Code by Scratchy (Twitter @S_cratchy)
<html>
<body>

<a href="https://www.Google.com" target="_blank">Gooooooooogle!</a> 

</body>
</html>

Example 2: opem link in new tab html

<a href="your link" target="_blank">The home page will open in another tab.</a>

//Put target="_blank" as shown

Example 3: html open link in new tab

<!-- Use the target="_blank" attribute to open a link in a new tab -->
<a href="link" target="_blank">This link is in a new tab.</a>

Example 4: open link in new tab

<a href="https://www.google.com/" rel="noopener noreferrer" target="_blank">google.com</a>

dont use just target="_blank" without  rel="noopener noreferrer" 
It Makes Your Site Vulnerable to Phishing Attacks

Example 5: open link in new tab html

<a href="#" target="_blank">By this you can open your document in new tab</a>
<a href="#" target="_self"> by this linked document in the same frame as it was clicked (this is default)</a>
<a href="#" target="_parent">by this linked document in the parent frame</a>
<a href="#" target="_top">Opens the linked document in the full body of the window</a>

Example 6: link open in new tab html

<p>Check out <a href="https://www.freecodecamp.org/" target="_blank" rel="noopener noreferrer">freeCodeCamp</a>.</p>

Tags:

Html Example