Lessons in the Snow Lion's Garden

Lesson Two: The Appearances of Words



In this lesson, we will discuss:
2. The Use of the Pre-Tag For Overriding Defaults
2.1. The Use of Headers of Diverse Sizes
2.1.1. The Use of Text-Organizing Methods
2.1.1.1. The Use of the Horizontal Divider
2.1.1.2. The Use of a Bullet List
2.1.1.3. The Use of Centered Headings
2.1.1.4. The Use of Blink-Tags
2.1.2 Bold-face and Itlaics
2.1.2.1. Line-Breaks

In the first lesson, we learned of those commands that will cause the very space of your home-page to manifest itself. In this lesson we will begin to explore how you may control the contents themselves. Obviously the contents of a web-page are text and graphics-images. We will first examine the various commands for controlling the appearance of text on a home-page.

Now, if you are concerned with the actual structuring of the content of your writing, I personally recommend two fine books by a dear friend of mine by the name of Aristotle. They are his Poetics and Rhetoric, both of which can be found on the internet. Now, if you are concerned with the HTML commands for controlling the appearance of text, you are in the right place!



There may be times when you want the text to appear exactly as you have typed it. This may be to preserve the spacing or the font in the case of another program being used to generate text. In such a case, we use the following tag,

< PRE >

Which will cause the browser's defaults to be ignored, and your text to appear exactly as you have typed it. No special fonts or spacing will be used by the browser. If, at some point, you wish for the browser to use default fonts again (such as you see here) , then you need only insert the following tag:

</PRE>

At which point the defaults will be used again.

Then, we turn our attention to the overall form in which the text will be displayed, begin with "headers". Your browser recognizes six header-sizes, and the commands and results of those commands look like this:

<h1>Header One</h1>

<h2>Header Two</h2>

<h3>Header Three</h3>

<h4>Header Four</h4>

<h5>Header Five</h5>

<h6>Header Six</h6>

You must always remember to use the negative command </> to inform the system that the header should now be turned off, or else all your text could end up looking like this.

One technique used by many HTML writers, who sometimes wish to give their text a neat appearance by separating paragraphs, is the use of a horizontal line. The command for causing such a line to appear is <hr>, and the line will appear like this:


The horizontal divider is a useful method for separating sections of text and organizing them. Always remember that even the most trivial text can be made a pleasing thing by the use of such organizational tools. One such tool is the "bullet list", which appears as follows:

The commands for creating such a list are to be written as follows:

<ul> <li>One Thing <li>Two Things <li>Three Things </ul>

The most popular device is the centered heading. Made manifest by the tag <center> and brought to a close by the tag </center>, this command causes text to have this appearance:

THIS IS A CENTERED HEADING

One technique that falls within the domain of text-aesthetics more than organization is blinking text. The tags for this command are <blink> </blink>.

Something needs be said concerning various changes in the appearance of text itself. For these purposes, two important commands cause text to appear in boldface and in italics. These commands are very simple. To cause your text to appear in bold print, you need only frame the text in question in these tags

< b > < /b >

which will cause your text to appear like this. The tags for italics are just as simple in form but have a different effect. The tags are written thus:

< i > < /i >

but will cause the text to appear like this.

Finally, we ought to examine the principle of spacing within a text. An immense volume of five-thousand lines, spaced properly, will be far more inviting to those who visit your sight than would the same text presented without a single break. By now, you will have noticed I frequently make use of spacing between sections of text, mainly to indicate a conceptual space between ideas. Think for a few moments, and you will see that you use spacing of various kinds to make thoughts and ideas discrete from one another. Now, you can see how it serves a certain advantage to use spacing on your web-page to make ideas within text discrete from one another. It eases not only the conceptual absorption of what you are saying, but it will help those reading the text as well.

The tag for spacing between lines should be written thus:

< br >

and it will appear like this:
In other words, it will manifest as a discrete lack of appearance.

These elements are the most basic for the presentation of text on a web-page.

Back to the Academy Front Page
Back to the Index of Lessons in HTML