Demo
Note: the external link will not work in the CodePen below, but it will work in your own index.html
file.
Summary
To create a link to another website, use the anchor element with the href
attribute.
<a href="http://example.com/">External link</a>
To see what this element looks like in the browser, click the link in the Demo section below.
Details
The process of creating a link to an external website is similar to creating a link to one of your own pages. The difference is that links to external websites should use absolute URLs (meaning they should include the http:// or https:// protocols with the URL and the domain name).
Here is a version of the external link demo hosted on GitHub Pages that works in the browser.
Exercises
Recreate the embedded CodePen demo by typing out the HTML code. Test the link to make sure it works.
Then try changing the URL to a different site.
Using your text editor, try creating a link to an external website. You can choose any external website you like.
References
The Anchor element on MDN