Just a little html code can be so useful...

Jump Links / Anchors are links within a page, allowing students to jump straight to a section further down the page without scrolling.

Very useful for long pages!

To use jump links / anchors, you will first create a page with an outline at the top listing the headings/titles for each of your sections. These headings will act as "bookmarks". You then create hyperlinks to the relevant section within the document so students can click the outline and jump straight to where they want to be.

Create your page including all section titles (you can use stubs/incomplete content as long as you have the headings in place)
At the top of your page, create a text list - these are the sections where students can 'jump'.
In the upper right corner, click on "HTML Editor"
Find the list you created. Insert the code as listed below:

For example, here is a list of sections in a page - try it out and see how it works:

Background
Workshop Description
Resources
Notes

For each section you will add the text <a href=" and then you add the anchor using a "#yourtitlehere"> Close it all with </a>

So at first the code for the list looks like this:

<ul>
<li><strong>Background</strong></li>
<li><strong>Workshop Description</strong></li>
<li><strong>Resources</strong></li>
<li><strong>Notes</strong></li>
</ul>

To make anchor links, I change it to look like this, adding the red bits:

<ul>
<li><strong><a href="#background">Background</a></strong></li>
<li><strong> <a href="#description">Workshop Description</a></strong></li>
<li><strong><a href="#resources">Resources</a></strong></li>
<li><strong><a href="#notes">Notes</a></strong></li>
</ul>

If you use a long section title, shorten it. So, for the section titled Workshop description, I shortened it to #description. (The short version can be whatever you want, but be sure to keep the "#" all other characters (quotes, carrots, slashes) exactly as below.)

NOW CREATE THE ANCHOR POINTS

5. Scroll down through the code until you find your section title that begins the section in your syllabus text. In this case we're looking for Background.

6. Find your title (shown in purple below). Preface it with what is in red (the a-tag). The code around your title may not be identical as below due to your formatting choices. Don't worry - I've made my section titles Heading 3, but you don't need to do this. Ignore formatting like font size, font family, line-height etc. Just add the put in what is in red.

So in my case, I change this: <p><h3><span>Background</span></h3></p>

To this: <p><h3><span><a id="background"></a>Background</span></h3></p>

7. Save Changes.

8. Go back to the top of your syllabus list of sections and click on the link to make sure it works, meaning that it "jumps" directly to that section of your syllabus.

9. Continue this same process for each of your sections.

Background

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat est. Porttitor leo a diam sollicitudin tempor id eu. Adipiscing enim eu turpis egestas pretium aenean. Turpis massa sed elementum tempus egestas sed sed risus. Donec et odio pellentesque diam volutpat commodo sed egestas egestas. Faucibus in ornare quam viverra. Elementum sagittis vitae et leo duis ut diam quam. Sodales ut eu sem integer vitae justo eget magna fermentum. Sed viverra ipsum nunc aliquet bibendum enim. Suscipit tellus mauris a diam maecenas sed enim ut. Duis ut diam quam nulla porttitor. Vitae congue eu consequat ac felis donec et. Nibh sit amet commodo nulla facilisi nullam vehicula ipsum. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Consectetur purus ut faucibus pulvinar elementum integer. Sed sed risus pretium quam vulputate. Elementum eu facilisis sed odio morbi quis commodo odio aenean. At varius vel pharetra vel turpis nunc eget lorem. Porttitor eget dolor morbi non arcu.

Back to top

Workshop Description

Egestas maecenas pharetra convallis posuere morbi leo. Tortor id aliquet lectus proin nibh nisl condimentum. Varius vel pharetra vel turpis. Feugiat nibh sed pulvinar proin gravida. Id faucibus nisl tincidunt eget nullam non nisi. Mauris cursus mattis molestie a. Vehicula ipsum a arcu cursus vitae congue mauris. Bibendum neque egestas congue quisque egestas. Laoreet sit amet cursus sit amet dictum sit. Aliquet lectus proin nibh nisl condimentum id venenatis a condimentum.

Convallis a cras semper auctor neque vitae. Vitae et leo duis ut diam quam nulla porttitor massa. Odio morbi quis commodo odio aenean. Quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Tellus in metus vulputate eu.

Back to top

Resources

A pellentesque sit amet porttitor eget dolor morbi non arcu. Non quam lacus suspendisse faucibus. Sit amet aliquam id diam maecenas ultricies mi eget mauris.

Sodales ut eu sem integer vitae justo eget magna fermentum. Sed viverra ipsum nunc aliquet bibendum enim. Suscipit tellus mauris a diam maecenas sed enim ut. Duis ut diam quam nulla porttitor. Vitae congue eu consequat ac felis donec et. Nibh sit amet commodo nulla facilisi nullam vehicula ipsum. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Consectetur purus ut faucibus pulvinar elementum integer. Sed sed risus pretium quam vulputate. Elementum eu facilisis sed odio morbi quis commodo odio aenean. At varius vel pharetra vel turpis nunc eget lorem. Porttitor eget dolor morbi non arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultricies lacus sed turpis tincidunt id. Amet commodo nulla facilisi nullam. At varius vel pharetra vel turpis. Purus semper eget duis at tellus at urna condimentum. Lectus quam id leo in vitae. Ullamcorper morbi tincidunt ornare massa eget egestas purus viverra accumsan. Mi ipsum faucibus vitae aliquet. Massa tempor nec feugiat nisl pretium fusce id velit ut. Felis imperdiet proin fermentum leo vel orci porta non pulvinar. Mattis ullamcorper velit sed ullamcorper morbi.

Back to top

Notes

Convallis a cras semper auctor neque vitae. Vitae et leo duis ut diam quam nulla porttitor massa. Odio morbi quis commodo odio aenean. Quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Tellus in metus vulputate eu. Aliquam ultrices sagittis orci a. Aliquet nec ullamcorper sit amet. Luctus accumsan tortor posuere ac ut consequat semper viverra nam.

Back to top