1. Adding Links Chapter 6
4/9/2019

2. Linking
You can link to other sites, your own, and also within a page itself.
You use anchor tag <a> …</a>
<a href="url">linked textor element</a>
Example to link a web site:
<a href=" to the O'Reilly Media site</a>
4/9/2019

3. URL and href
The href (hypertext reference) attribute provides the address of the page or resource (its URL) to the browser.
URL: Uniform Resource Locator
The URL must always appear in quotation marks.
Most of the time you’ll point to other HTML documents; however, you can
also point to other web resources, such as images, audio, and video files.
4/9/2019

4. Specifying URL There are two ways to specify the URL:
Absolute URLs provide the full URL for the document, including the protocol ( the domain name, and the pathname as necessary.
You need to use an absolute URL when pointing to a document out on the Web (i.e., not on your own server).
Example: href="
Relative URLs describe the pathname to a file relative to the current document.
Relative URLs can be used when you are linking to another
document on your own site (i.e., on the same server). It doesn’t requirethe protocol or domain name—just the pathname.
Example: href="recipes/index.html"
4/9/2019

5. Adding external link to Jen’s Kitchen
You can embed any html element within another element
<ol>
<li><a href=" Food Network</a></li>
<li><a href=“
</a></li>
</0l>
4/9/2019

6. Structure of Jen’s Kitchen
4/9/2019

7. Jen’s Kitchen Structure
4/9/2019

8. Linking within a site
<a href="about.html">About the site...</a>
4/9/2019

9. Linking to a lower directory
<li><a href="recipes/salmon.html">Garlic Salmon</a></li>
<li><a href="recipes/pasta/couscous.html">Couscous with Peas and Mint</a></li>
4/9/2019

10. Linking to a higher directory
<p><a href="../index.html">[Back to home page]</a></p>
4/9/2019

11. Lets try it out
4/9/2019