Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
As we are continuing to go through some of the features of the HTML editor, the next one that we want to tackle is creating internal links within a document. In the last movie, we created an outline in this Coral Zooxanthellae Symbiosis document. So let's go into that document, click the little Update icon, which is the Hand with the Pencil tool next to that document. This is going to take us back into the document, so we can continue editing and continue working with this document. Let's go ahead and scroll down in the window, down to your Compose a web page screen and we'll click on the tool to use the enlarged editor This will give us a little bit bigger view of the document and it'll be a little easier to work with.
So what we want to do in this document now is we want to make it so that if a user comes in and they click on one of these items up here in the Outline, the web page is going to jump down to that portion of the Outline. So the student will be able to read exactly the section of text that they are interested in from the Outline. To do this requires a multi-step process. What we first have to do is identify where we want the anchors, or where we want the links to lead us to, when we click on them. So to do that, what you do is select a heading and then go up to the HTML tools and click on the Anchor icon, which is the Create anchor link.
We then have to give a name to this anchor, and so we'll call the first one, simply, Symbiosis. Now it's important to keep track of exactly what you name these links, because when you make the link at the top, the tag has to match exactly. So we'll go ahead and just hit OK, and then we'll go ahead and scroll down and now we have got Abiotic Environmental Effects on Symbiosis. We'll select that whole line and click on the anchor and we'll call this anchor a name, Abiotic. Say, OK.
We'll do Effect of Light over the top and click on the anchor, and the anchor name for this, we'll call it Light. Select Effect of Depth, click the anchor. We'll call this one Depth. Say OK. Scroll down, Effects of Eutrophication, click the anchor. I'll call it Eutrophication. Click OK.
Non-Point Source Pollution, click the anchor, and I'm going to call that Pollution. Click OK. Scroll down just a little bit more. Effects of Increased Nutrification, anchor that, Nutrification, say OK. Down a little bit further, Increased Sedimentation, again anchor, Sedimentation, OK. Scroll down, Effects of Increased Temperature, anchor, Temperature, OK. Coral Zooxanthellae Photoadaptations, link that and we'll call it Photoadaptations, OK. A little bit further down, Zooxanthellae and Chlorophyll a, we'll call that ZooxChla.
And the last one we'll do Chlorophyll a and we'll call that simply Chla and say OK. So now, go ahead and scroll all the way back up to the top and now we need to just establish the links from the Outline down to the anchors that we have already created, and this goes really quick; Moodle has done that great job of making this work easily. So we'll just select the first item, Coral Zooxanthellae Symbiosis, and we'll click the Link button. This is the Insert Web Link button. We don't have to set any of the top parameters; all we need to do is click on the dropdown menu for Anchors and it gives us the links of all of the internal anchors that we have already created for this document.
So the first one links to Symbiosis and we'll say OK. The second one, go ahead and select that, click on the ink. That one is going to Abiotic and we'll click OK. The third one is to Effects of Light, OK. Effects of Depth, choose that to Depth.
Effects of Eutrophication, we choose that to Eutrophication. Non-Point Source Pollution, change that to Pollution. Effects of Increased Nutrification, and Nutrification. Effects of Increased Sedimentation. Effects of Increased Temperature. Coral Zooxanthellae Photoadaptations goes down to Photoadaptations. Zooxanthellae and Chlorophyll a, ZooxChla and finally, Chlorophyll a links to Chla, say OK. Excellent! So now, go ahead and click the Minimize editor and scroll all the way down to the bottom, and click the Save and display, and we'll go ahead and test this.
Now when you come down and you click on a link such as Effects of Eutrophication, your browser jumps directly down to that link and you can also see that as you move your over top of each of these headings, they are now hot, letting you know that there are anchors there as well. You can hit the Back button in your browser and test another one of the links, Effect of Increased Temperature, and it jumps directly down to Effects of Increased Temperature. So you can hit the Back button and let's go ahead and return back to BIOL432 and now you know how to create internal links. It's really simple; you just make sure that you set that anchor first and then go up and you create a link and target the specific anchor that you have set.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 87267 Viewers
80 Video lessons · 136333 Viewers
59 Video lessons · 54990 Viewers
52 Video lessons · 68853 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.