Compose Treehouse Text
To add text type in the space below.
Begin paragraphs with <p> and end them with </p>

Composing Treehouse Text: How and Why
Chris worked on defining terms such as mandibles right away to help make the page more accessible to a wide range of visitors. Another technique that makes Chris's treehouse work for beginners, intermediate and advanced learners is his use of graphics and diagrams to illustrate each of the main ideas he presents.
Planning for Adding Images to the Page: Chris
Basic HTML: Chris uses <p> and </p> around his paragraphs, <strong> and </strong> around text he would like to make bold, and <em> and </em> around text that he would like to italicize. He mainly used these tags to make titles within his page. Chris left some blank spaces so that he can see what he is doing when he writes his HTML code, but he knows that these spaces will not appear in his treehouse. Chris used the special ToL code for adding images, which requires that you type in TOLIMG and the image's ID number. See the following section on adding images for more information.
Advanced HTML: Chris used the tag
<p class="center">TOLIMG6461</p> around his title image so that he could center the image. He also used something called "anchors" within his page so that he could jump people from one part of his page to another. You can see that in the first paragraph Chris has written "This page describes <a href="#illustrates">illustrates</a> just a small sampling of diversity. If someone clicks on the word "illustrates" in Chris's treehouse they will get bumped to the part of Chris's page that shows the illustrations. The code knows to take the visitor there because of the HTML shown in the sentence above. The section of the page that the visitors is bumped to will have the following HTML anchor tag:
<a name="illustrates"></a>
This is a useful way to help people navigate around your treehouse. You can read more about how to use these tags in the All the HTML You Need page.
Add Images to Your Treehouse
Adding Images: How and Why
Creating and Uploading Images: To create his treehouse Chris uploaded a whole set of images to the ToL database. Chris is a PhD student in Entomology and he took the images of the ant specimens in the laboratory in which he works. Chris captured the images by placing the ant specimens under a dissecting microscope that was connected to a digital camera. Check out one of Chris's ant photos image data entry forms (pdf file).
Putting images in the page: To save time Chris kept a record of the image ID for each image as he uploaded it to the database. To actually add the images to his treehouse page he wrote the code TOLIMG plus the image ID in the text field in the place that he wanted the images to appear in his page.
Chris also could have searched the ToL database for images to use in his page. If Chris clicked the Find Images button he could have searched on a variety of categories to find his or someone else's images to use. Again, to insert the images into this page he would have to write the code TOLIMG and the image ID number, for example TOLIMG1234