Lesson 5 Explanations

The Lesson 5 source code is the Lesson 4 source code with added source code for the basic formatting Tags. This added code appears immediately after the Lesson 4 source code.

The first line of added code is a heading line (h2 heading) containing the text "Basic Formatting Tags" (scroll this code into view in the above frame; scroll through the lesson 4 source code to get to this code). This code causes the text "Basic Formatting Tags" to appear on the web page in the heading size of "2".

The next two lines are added code which create a paragraph displaying three utilizations of the "bold" tag pair (scroll both lines of code into view in the above frame). The word "bold" appears in the first tag pair, causing the word "bold" to appear in a bold format on the computer screen (note the positioning of the opening and closing "bold" tags for this first instance). The phrase "the text within the pair of tags" appears within the second tag pair, causing this text to appear in an bold format on the computer screen (note the positioning of the opening and closing "bold" tags for this second instance). The word "bold" appears in the third tag pair, causing the word "bold" to appear in a bold format on the computer screen (note the positioning of the opening and closing "bold tags for this third instance). In each instance, the text in the tag pair appears as bold text on the web page.

The next two lines are added code which create a paragraph displaying the same three utilizations of the "italics" tag pair (scroll both lines of code into view in the above frame). Note the positioing of the opening and closing "italics" tags for these instances.

The next two lines are added code which create a paragraph displaying the same three utilizations of the "underline" tag pair (scroll both lines of code into view in the above frame). Note the positioing of the opening and closing "underline" tags for these instances.

The next three lines are added code which create a paragraph displaying the individual utilization of bold, italics, and underline tags, followed by the simultaneous utilization of all three basic formatting tags (scroll all three lines of code into view in the above frame). Note the three individual utilizations of bold, italics, and underline near the beginning of the first sentence. In the simultaneous utilization of tags (at the end of the first sentence), the bold tag is opened first and closed last; the italics tags are nested within the bold tags; the underline tags are nested within the italics tags. This nesting of tags is not required. The basic formatting tags can be opened and closed in any sequence (nested or overlapping) to achieve the desired formatting.

The remaining code is comprised of the closing body tag and the closing html tag.

Lesson 5 Practice Activities

End of Lesson 5.