- Mahara 1.2 E/Portfolios: Beginner's Guide
- Derrin Michael Kent Glenys Gillian Bradbury Margaret Anne Kent
- 365字
- 2021-08-20 16:20:35
Time for action—editing a text box by adding a hyperlink
- Open the text block you created earlier for editing. You can do this by clicking on the icon that looks a little bit like a cog at the top of the block.
- We are going to add a hyperlink to the text. Did you notice that the two link icons are grayed out and unclickable? This is because you can't hyperlink to something before you have highlighted it. Do this by clicking and dragging you mouse over the text you want to hyperlink. Now you should see the two hyperlink buttons in color.
- Click the Make Hyperlink button (the one that looks like a chain) to start creating your hyperlink from the word(s) that are highlighted. Jane has chosen to make a link from the word "Mahara" to the Mahara website. You should see a new dialogue box similar to the one below:
- You now get the chance to enter your link. Jane therefore enters a link to the Mahara website http://mahara.org. She has also added a Title to her link. This title displays when the user hovers over the link.
- Click Insert, which will create your link.
- To finish, remember to click Save, otherwise you will lose the work you have just done. You should see the link highlighted in a different color:
What just happened?
You just edited a text box by adding a hyperlink.
In the last section, we showed you that HTML editing is one of the options in the text editor. Web developers have traditionally used HTML code to write their web pages. It will be useful for regular Mahara users to learn a bit of basic HTML in order to gain more control over their Mahara View pages.
The World Wide Web Consortium offers free, beginner-level HTML tutorials at http://www.w3schools.com/html/.
Taking the formatting and editing one step further
Let's now have a look at some of the more advanced options available to you in the text editor.
Janet has decided on seeing these extra options that her text box needs an image to brighten it up. Let's finish the chapter by seeing how she can do this.
推薦閱讀
- WordPress 2.7 Cookbook
- 剪映AI視頻剪輯：AI腳本+AI繪畫+圖文生成+數字人制作
- Entity Framework Tutorial
- RESTful PHP Web Services
- Photoshop網店圖片處理實訓教程
- Seam 2 Web Development: LITE
- 中文版Photoshop CS5平面設計實用教程（第2版）
- Mastering Zabbix
- 中文版InDesign CC平面排版設計從入門到精通
- 零基礎學Photoshop CS6（全視頻教學版）
- UG NX 12.0中文版實戰從入門到精通
- Photoshop CC設計與應用任務教程
- MooTools 1.2 Beginner's Guide
- Web Host Manager Administration Guide
- Learning Website Development with Django