tutorial 2: external vs. referential links
watch it on YouTube
Notes
- With all types of links, bookmarks, referential links, and external links, you
need
- a thing to link to (hyperlink reference) and
- a thing to do the linking--this is the part you need to code into the HTML page
- In the case of bookmarks, you need to code in the landing place as well as the linked text
- When you use referential links throughout your website, you can easily move the entire site to any server without having to recode links
- Because HTML pages are compiled, you need to make sure to upload your HTML pages and any resources (images, stylesheets, etc)
to the server.
Examples of External and Referential Links
External
Links in the head
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" />
- <script src="https://use.fontawesome.com/676bd16105.js"></script>
Links in the body
- <a href="https://www.gimp.org/downloads/">GIMP Image Editing Software</a>
- <img src="https://www.lourdes.edu/wp-content/uploads/2015/12/LourdesUniversityLogo-300x259.jpg" />
Referential
Links in the head
- <link rel="stylesheet" href="../css/styleresources.css" />
- <script src="../js/themesorter.js"></script>
Links in the body
- <a href="module01/video02.html">tutorial 2: external vs. referential links</a>
- <img src="../images/riii04_sullyrichard.jpg" />