The Lesson 9 source code is the Lesson 8 source code with added source code for 9 anchors. An anchor tag can utilize the "name" attribute to assign a value (a name) to the anchor. A link can then be created to the named anchor (in Lesson 10, a link will be created to each of these 9 anchors).
The added source code for the first anchor is the fifth line of code, counting one blank line (scroll this line into view if not visible in above frame). The first tag in this line of code is the opening anchor tag which reads as follows; a name="top". The character "a" is the identity of the tag, specifying that the tag is an "anchor" tag. The name attribute specifies the value of "top" as the name of this anchor tag.
The second tag in this line of code is the horizontal rule tag, "hr /". The "hr /" tag creates a horizontal rule on the web page. The horizontal rule tag is not a paired tag; note the space-slash syntax. The horizontal rule tag is nested within the opening and closing anchor tags. This nesting causes the horizontal rule to be at the top of the screen when the link to this anchor is clicked (this link will be created in Lesson 10).
The horizontal rule created in this lesson appears at the top of the web page and can be viewed on the Lesson 9 web page (this page does not have a return link to this page -- use the "Back" button on your browser to return to this page).
The third and last tag in this line of code is the closing anchor tag (note the "/" which indicates that this is a closing tag).
The added source code for the second anchor appears immediately below the first anchor code (scroll this line into view if not visible in above frame). The first tag in this line of code is the opening anchor tag which reads as follows; a name="paragraph". This line of code is actually the editing of an existing line of code. The "h2" heading tag nested within this anchor was created in Lesson 1 (heading text is "Paragraph Tag"). This nesting within this anchor was created by typing the opening anchor tag immediately before the existing heading and then typing the closing anchor tag immediately after the existing heading. This nesting causes the "h2" heading to be at the top of the screen when the link to this anchor is clicked (this link will be created in Lesson 10).
The remaining seven anchors were created with the same editing procedure (all of these editings create a nesting of an existing h2 heading within an added pair of anchor tags). The anchor names and corresponding h2 headings are as follows (scroll though the Lesson 9 source code in the above frame and view each of these created anchors):
| Anchor Name | Heading Text | |
| "newline" | New Line Tag | |
| "ordered" | Ordered List Tag | |
| "unordered" | Unordered List Tag | |
| "basic" | Basic Formatting Tags | |
| "pre" | Pre Tag | |
| "blockquote" | Blockquote Tag | |
| "table" | Table Tag |
Reminder: each nesting of these headings causes the heading to appear at the top of the screen when the link to the anchor is clicked (these links will be created in Lesson 10).
The remaining code is comprised of the closing body tag and the closing html tag.
End of Lesson 9.