In practice
It is not right to discount this as merely an issue concerning decoration and therefore not a serious matter. If the aim of a Web page is to be read, viewed, interacted with, then the appearance of that page must be able to motivate the reader. It is unreasonable to hope that a reader will be entirely motivated by anticipating a benefit from the content alone: if this were the case, there would be no graphic designers! However, users are fortunately often willing to sacrifice some weaknesses of the medium in terms of its visual qualities for the convenience and accessibility of the content.In a page-layout package, any whole paragraph may be given a named style. So for example in this handbook created in Adobe PageMaker, this current paragraph is in a style called body, while the one-line paragraph forming the sub-heading The style-sheet approach neither one thing nor the other, is in a style called subhead. The definition of how these styles should appear is stored independently, so if we want to set every paragraph whose style is body in a different font, this is easily done by changing the definition of the style. The appearance of all paragraphs in that style is instantly altered.
The style-sheet approach: tagged paragraphs of text acquire the styles assigned to them by the style sheet
If the text from such a document is exported, the tags are made visible, appended to the beginning of the relevant paragraphs in angle-brackets:
<body>In a page-layout package, any paragraph may be given a named style.A paragraph output from a page-layout package. The tag is in angle-brackets at the beginning (a widely used convention to which HTML also conforms).
A benefit of this technique, and one which applies equally to markup for style-sheets and markup in HTML, is that content can be prepared in even the crudest text-editing system, since the formatting is specified only by the name of the tags, which are simply more text, partitioned off from the actual content-text by the < and > tag-markers.
HTML looks at first sight similar to these style-sheet tags. However, there are important differences: style-sheets have limitations which HTML avoids.
<p>We recommend that the University move to a position of assuming that paper documents will <emphasis>not</emphasis> be produced.
A paragraph of HTML. Each element has a start-tag and an end-tag. In this example, an emphasised element is contained (nested) within a paragraph element.
Thus a tag can dictate the behaviour of as small an item as a single letter, just as well as it can for a whole paragraph.
<OL>
<LI>How Acrobat and HTML work
<LI>The style of electronic documents
<LI>The work of the project
<LI>Organising University documentation
</OL>
A list above as displayed and below as tagged in HTML: each line is tagged as a List Item (using the <LI> tag) and the group of lines is contained in an overall pair of tags (<OL> and </OL>) indicating that this is an Ordered (ie. numbered) List.
The tags are displayed in this example in order to clarify the principles on which HTML works, but it should be remembered that there is a decreasing need for Web publishers to edit these codes directly themselves, as more software becomes available which does the work.
One useful result is that the machine can be used to do tedious and error-prone work which would otherwise need to be done by hand. For example a new item can be introduced into a numbered list (and which HEI does not deal in extraordinary quantities of lists?) without any need to renumber: the browser does the numbering instead of the author doing it. The browser also indents the list appropriately and provides suitable spacing between the items.
Even page layout style sheets are preferable to crude fixed formatting, in that they avoid the need to do the formatting of each item individually by hand, and allow content and design to be separated. But the kinds of structures used in HTML take the style sheet concept further, and in so doing make it more effective.
Graphics Multimedia Virtual Environments Visualisation Contents