Problem Statement
How do you create a link that opens in a new tab?
Explanation
In HTML, if I want a link to open in a new browser tab, I use the target="_blank" attribute in the anchor (<a>) tag.
Code Solution
SolutionRead Only
<!-- Basic new tab link (less secure) --> <a href="https://example.com" target="_blank">Visit Example</a> <!-- RECOMMENDED: Secure new tab link --> <a href="https://external-site.com" target="_blank" rel="noopener noreferrer">External Link</a> <!-- Real-world examples --> <!-- External website --> <a href="https://www.wikipedia.org" target="_blank" rel="noopener noreferrer">Wikipedia</a> <!-- PDF document --> <a href="document.pdf" target="_blank" rel="noopener noreferrer">View PDF</a> <!-- Social media --> <a href="https://twitter.com/share" target="_blank" rel="noopener noreferrer">Share on Twitter</a> <!-- Help documentation --> <a href="/help/guide.html" target="_blank" rel="noopener noreferrer">Open Help in New Tab</a>
