in your text ⇒ Links, pp. 165-177
This too, is straightforward. You can add a link to (or anchor to) our course home page by adding the following code to your page (by typing this text into your original file, still on your computer).
<a href="http://ils.unc.edu/courses/2013_fall/inls461_001/index.html">The INLS461-001 Home Page</a>
[top]
<p>This web site is divided into a minimum of three areas, with a minimum of one of the areas having subordinate pages as well. Specifically, the areas are </p>
<ol>
<li><a href="02_aboutme.html">About me</a>. This area may have subordinate pages for a fuller Curriculum Vitae or a résumé. </li>
<li><a href="02_classes.html">Classes</a>. This area will have subordinate pages for four tasks due as part of <a href="http://ils.unc.edu/courses/2013_fall/inls461_001/"> INLS461-001 Information Tools</a>
<ul>
<li><a href="03_classes_task03.html">Document Markup</a></li>
<li><a href="03_classes_task04.html">Spreadsheets</a></li>
<li><a href="03_classes_task05.html">Relational Databases</a></li>
<li><a href="03_classes_task06.html">Presentational Graphics</a></li>
</ul>
</li>
<li><a href="02_interests.html">Interests</a>. This area may have subordinate pages for fuller explorations of personal interests.</li>
</ol>
Test it out. Paste your new code into your index file using your text editor and look at it, first in your text editor, and then in your browser of choice. Note that you probably don't already have these other pages. However, if you create them, this page now has a link to them. You can choose your own page file names; I used these names simply to remind myself that several of the pages are second level pages, while others are third level pages.
[top]
<a href="http://ils.unc.edu/courses/2013_fallI/INLS461-001/"> INLS461-001 Information Tools</a>
In our case, we used an absolute reference to go to our class home page.
<a href="03_classes_task03.html"> document markup task</a>
In our case, we used relative references to point to files that we have not yet included in our file structure. When we create pages with those file names, the pointer link will work.
[top]
It's really easy to create internal links in an HTML document. This is important if you have a long document and you want to be able to jump around or if you have a table of contents and you want to allow the reader to jump directly to a chapter or a section. We'll look at creating internal links using your page.
To do this, you actually must create two (2) anchors in your HTML that represent the two ends of the hypertext link. The link that you click on looks exactly like a normal anchor except that the href attribute is slightly different. Try this
<a href="#bottom">Jump to the Bottom</a>
<p>This web site is divided into a minimum of three areas, with a minimum of one of the areas having subordinate pages as well. Specifically, the areas are</p>
<ol>
<li><a href="02_aboutme.htm">About me</a>. This area may have subordinate pages for a fuller Curriculum Vitae or a résumé.</li>
<li><a href="02_classes.htm">Classes</a>. This area will have subordinate pages for four tasks due as part of <a href="http://ils.unc.edu/courses/2013_fall/inls461_001/"> INLS461-001 Information Tools</a></li>
<ul>
<li><a href="03_classes_task03.htm">Document Markup</a></li>
<li><a href="03_classes_task04.htm">Spreadsheets</a></li>
<li><a href="03_classes_task05.htm">Relational Databases</a></li>
<li><a href="03_classes_task06.htm">Presentational Graphics</a></li>
</ul>
</li>
<li><a href="02_interests.htm">Interests</a>. This area may have subordinate pages for fuller explorations of personal interests.</li>
</ol>
<p id="bottom">Bottom of page</p>
In this example, the top anchor is the link that you would click on, and the paragraph with a special ID is the place that you would jump to. Note that the top anchor element contains a "#" in the href and the bottom ID element does not.
[top]
No problem, provided that there are anchors of the second form ( with an "id" attribute) in that file.
Try this: Insert the following link to a the location of your gradesheets in your page:
<a href="http://ils.unc.edu/courses/2013_fall/inls461_001/info_sheets/05.evaluation.html#grades">my grades</a>
<li><a href="02_interests.htm">Interests</a>. This area may have subordinate pages for fuller explorations of personal interests. One interest I have is <a href="http://ils.unc.edu/courses/2013_fall/inls461_001/info_sheets/05.evaluation.html#grades">my grades</a></li>
It's wise to always provide a way for the user to go back up to the top of the page too. You can use a text anchor
[top]