Linking Internal and External Pages


Links are the glue holding the web together, so make sure you understand how to properly link to external websites AND internal files.

Learning Outcomes

  • What’s the difference between internal links (/somepage) and external links (
  • When on a webpage should you use the full URI (with the and when should you use the relative path (/somepath)?
  • How do you navigate the document tree with links (../../someotherpage)?
  • How do you open links in external windows?
  • What are all the possible pseudo-states (e.g. :hover) of a link and when are they actually activated? How do you change styles based on them?


Additional Resources

This section contains helpful links to other content. It isn’t required, so consider it supplemental.

Improve this lesson on GitHub

Have a question?

Chat with our friendly Odin community in our Discord chatrooms!

Open Discord